/*

	sexualityandu.ca - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	}
	
body, div, td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #616065;
	}
	
div {
	margin: 0 0 2px 0;
	}
	
p {
	margin: 0 0 12px 0;
	padding: 0;
	}

hr {
	color: #FFFFFF;
	background-color: #FFFFFF;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}

hr.print-window {
	color: #616065;
	background-color: #616065;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
}
	

/* =Layout
---------------------------------------------------------------------------------------------------- */
#content {
	padding: 0 20px 10px 20px;
}

#teens {
	background-color: #F4A654;
}

#teens-body {
	background-color: #ffffff;
}

#teens-sidebar {
	background-color: #FACFA4;
	padding: 0;
}

#adults {
	background-color: #A0CB86;
}

#adults-body {
	background-color: #ffffff;
}

#adults-sidebar {
	background-color: #CDE3BF;
}

#parents {
	background-color: #3CC6F4;
}

#parents-body {
	background-color: #ffffff;
}

#parents-sidebar {
	background-color: #95D8F2;
}

#teachers {
	background-color: #92B3D2;
}

#teachers-body {
	background-color: #ffffff;
}

#teachers-sidebar {
	background-color: #C6D6E6;
}

#professionals {
	background-color: #97D5D0;
}

#professionals-body {
	background-color: #ffffff;
}

#professionals-sidebar {
	background-color: #CAE8E6;
}

#generic {
	background-color: #C6C8C5;
}

#generic-body {
	background-color: #FFFFFF;
}

#generic-sidebar {
	background-color: #D7D6D1;
}

/* = Toolbar
---------------------------------------------------------------------------------------------------- */
	
#toolbar td a, #toolbar td a:active, #toolbar td a:visited {
	color: #6A6B65;
	font-weight: bold;
	height: 15px;
	font-size: 10px;
	/*text-decoration: none;*/
text-decoration: underline;
	text-transform: uppercase;
	padding: 1px 5px 0 5px;
	}
	
#toolbar td#last a, #toolbar td#last a:active, #toolbar td#last a:visited {
	color: #6A6B65;
	font-weight: bold;
	height: 15px;
	font-size: 10px;
	/*text-decoration: none;*/
text-decoration: underline;
	text-transform: uppercase;
	padding: 1px 0 0 5px;
	}
	
#toolbar td a:hover, #toolbar td a:visited:hover, #toolbar td#last a:hover, #toolbar td#last a:visited:hover {
	text-decoration: underline;
	color: #000000;
	}

/* =Top Navigation
---------------------------------------------------------------------------------------------------- */

#section-teens {
	height: 15px;
	font-size: 10px;
	padding: 2px 8px 2px 8px;
	text-transform: uppercase;
	background-color: #F4A654;
	text-align: center;
}

#section-teens a, #section-teens a:active, #section-teens a:visited {
	display: block;
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: none;
	
}

#section-teens a:hover, #section-teens a:visited:hover {
	text-decoration: underline;
}

#section-adults {
	height: 15px;
	font-size: 10px;
	padding: 2px 8px 2px 8px;
	text-transform: uppercase;
	background-color: #A0CB86;
	text-align: center;
}

#section-adults a, #section-adults a:active, #section-adults a:visited {
	display: block;
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: none;
}

#section-adults a:hover, #section-adults a:visited:hover {
	text-decoration: underline;
}

#section-parents {
	height: 15px;
	font-size: 10px;
	padding: 2px 8px 2px 8px;
	text-transform: uppercase;
	background-color: #00ADEF;
	text-align: center;
}

#section-parents a, #section-parents a:active, #section-parents a:visited {
	display: block;
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: none;
	
}

#section-parents a:hover, #section-parents a:visited:hover {
	text-decoration: underline;
}

#section-teachers {
	height: 15px;
	font-size: 10px;
	padding: 2px 8px 2px 8px;
	text-transform: uppercase;
	background-color: #1A80B1;
	text-align: center;
}

#section-teachers a, #section-teachers a:active, #section-teachers a:visited {
	display: block;
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: none;
	
}

#section-teachers a:hover, #section-teachers a:visited:hover {
	text-decoration: underline;
}

#section-professionals {
	height: 15px;
	font-size: 10px;
	padding: 2px 8px 2px 8px;
	text-transform: uppercase;
	background-color: #01B5AA;
	text-align: center;
}

#section-professionals a, #section-professionals a:active, #section-professionals a:visited {
	display: block;
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: none;
	
}

#section-professionals a:hover, #section-professionals a:visited:hover {
	text-decoration: underline;
}	

/* = Breadcrumb Navigation
---------------------------------------------------------------------------------------------------- */

#breadcrumbs {
	font-size: 10px;
	padding: 10px 20px 5px 0;
	}
	
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	color: #57585C;
	}
	
#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
	color: #000000;
	}

/* = Left Navigation
---------------------------------------------------------------------------------------------------- */	
	
#leftnav {
	margin: 0;
	padding-top: 10px;
	font-size: 11px;
	}
	
#leftnav ul, ul#leftnav-on {
	border-top: 0;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0;
	} 
	
#leftnav ul li {
	background: transparent url("../images/wrapper/leftnav-bullet.gif") no-repeat;
	background-position: 0 1;
	margin-bottom: 8px;
	padding-left: 20px;
	}
	
ul#leftnav-on li {
	background: transparent url("../images/wrapper/leftnav-bullet-on.gif") no-repeat;
	margin-bottom: 2px;
	padding-left: 20px;
	}
		
ul#subnav {
	border-top: 0;
	list-style: none;
	padding: 0 5px 10px 0;
	margin: 0 0 0 6px;
	font-size: 11px;
	} 
	
ul#subnav li {
	background: transparent url("../images/wrapper/leftnav-sub-bullet.gif") no-repeat;
	background-position: 0 2;
	margin-bottom: 2px;
	padding-left: 14px;
	}
	
#leftnav a, #leftnav a:active, #leftnav a:visited, ul#leftnav-on a, ul#leftnav-on a:active, ul#leftnav-on a:visited  {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 0 0 0 2px;
	/*text-decoration: none;*/
text-decoration: none;
	
	width: auto;
	_width: 100%;
	}
	
#leftnav a:hover, #leftnav a:visited:hover, ul#leftnav-on a:hover, ul#leftnav-on a:visited:hover {
	color: #FFFFFF;
	/*text-decoration: none;*/
text-decoration: underline;
	
	}
	
ul#subnav a, ul#subnav a:active, ul#subnav a:visited {
	color: #57585C;
	display: block;
	font-weight: bold;
	padding: 0 0 0 2px;
	/*text-decoration: none;*/
text-decoration: none;
	
	width: auto;
	_width: 100%;
	}
	
ul#subnav a:hover, ul#subnav a:visited:hover {
	color: #57585C;
	text-decoration: underline;
	}
	
/* = Sidebar Navigation
---------------------------------------------------------------------------------------------------- */

#sidebar {
	width: 130px;
}

#sidebar-content hr {
	width: 130px;
	margin: 0;
}

#sidebar-content {
	width: 130px;
	margin: 0 5px 0 15px;
}

#sidebar h2, #sidebar-content h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}	

#sidebar p, #sidebar-content p {
	margin: 0;
	padding-bottom: 6px;
	padding-right: 20px;
	_padding-right: 0;
}

#sidebar, #sidebar-content {
	color: #57585C;
}

#sidebar a, #sidebar-content a, #sidebar a:active, #sidebar-content a:active, #sidebar a:visited, #sidebar-content a:visited {
	color: #57585C;
	font-weight: normal;
	text-decoration: underline;
}
	
#sidebar a:hover, #sidebar-content a:hover, #sidebar a:visited:hover, #sidebar-content a:visited:hover {
	color: #000000;
	text-decoration: underline;	
}

	
/* =Typography
---------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4 {
	color: #57585C;
	font-size: 20px;
	margin: 0 0 12px 0;
	padding: 0;
	text-transform: uppercase;
	}
	
h2 {
	font-size: 16px;
	margin: 0 0 4px 0;
	}

h3 {
	font-size: 14px;
	margin: 5px 0 10px 0;
	}
	
h4 {
	font-size: 12px;
	}
	
.smaller {
	font-size: 10px;
	}

	
/* =Lists
---------------------------------------------------------------------------------------------------- */

ul {
	list-style: square;
	margin: 4px 0 12px 0;
	padding: 0 0 0 18px;
	}

ol {
	margin: 0 0 12px 0;
	padding: 0 0 0 26px;
	_padding: 0 0 0 31px;
	}
	
li {
	margin-bottom: 8px;
	padding-left: 4px;
	}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	color: #FFFFFF;
	font-size: 10px;
	padding: 6px 0 0 20px;
	}
	
#footer a, #footer a:active, #footer a:visited {
	color: #FFFFFF;
	}
	
#footer a:hover, #footer a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

form {
	margin: 0;
	padding: 0;
	}
	
input, select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	}
	
.validation {
	color: #FF0000;
	font-weight: bold;
	}

/* =Links
---------------------------------------------------------------------------------------------------- */

a, a:active, a:visited {
	color: #2070bf;
	text-decoration: underline;
	font-weight: bold;
	}
	
a:hover, a:visited:hover {
	color: #3284d6;
	text-decoration: underline;
	font-weight: bold;
	}

a.more_link, a.more_link:active, a.more_link: visited {
	font-size: 10px;
	text-transform: uppercase;
}

	
/* =Misc: Print/Send Options
---------------------------------------------------------------------------------------------------- */

#print-send {
	font-size: 10px;
	padding: 10px 10px 4px 10px;
	margin: 0;
	}
	
#print-send, #print-send a, #print-send a:active, #print-send a:visited {
	color: #57585C;
	}
	
#print-send a:hover, #print-send a:visited:hover {
	color: #000000;
	}
	
td.tools a
{
	display: block;
	border: 1px solid #999999;
	margin: 1px;
}
td.tools a:hover
{
	display: block;
	border: 1px solid #000000;
	margin: 1px;
}

.tools-on a
{
	display: block;
	border: 1px solid #000000;
	margin: 1px;
}
.tools-on a:hover
{
	display: block;
	border: 1px solid #000000;
	margin: 1px;
}

/* =Misc: Search
---------------------------------------------------------------------------------------------------- */

#search {
	background-color: #DDDDDD;
	}
	
#search td {
	font-size: 10px;
}
	
/* =Misc: Images
---------------------------------------------------------------------------------------------------- */
.headerIllust
{
	/*float: left;*/
	margin: 10px 0 5px 0;
}
.headerIllustParents
{
	/*float: left;*/
	margin: 10px 0 0 0;
}
.headerIllustTeens
{
	/*float: left;*/
	margin:  5px 0 5px 0;
}
.imgLeft {
	margin: 0 1em 1em 0;
	}

.imgRight {
	margin: 0 0 1em 1em;
	}
	
/* =Misc: Document Downloads
---------------------------------------------------------------------------------------------------- */
	
div.doc, div.mpg, div.pdf, div.ppt, div.web, div.wma, div.wmv, div.xls {
	margin: 0 0 12px 0;
	padding: 3px 0 3px 20px;
	}
	
li.doc, li.mpg, li.pdf, li.ppt, li.web, li.wma, li.wmv, li.xls {
	list-style: none;
	margin: 0 0 0 -16px;
	padding: 3px 0 3px 20px;
	}
	
.doc {
	background: url("../images/icons/doc.gif") 0 2px no-repeat;
	}
	
.mpg {
	background: url("../images/icons/mpg.gif") 0 2px no-repeat;
	}

.pdf {
	background: url("../images/icons/pdf.gif") 0 2px no-repeat;
	}
	
.ppt {
	background: url("../images/icons/ppt.gif") 0 2px no-repeat;
	}

.web {
	background: url("../images/icons/web.gif") 0 2px no-repeat;
	}
	
.wma, .wmv {
	background: url("../images/icons/wmv.gif") 0 2px no-repeat;
	}

.xls {
	background: url("../images/icons/xls.gif") 0 2px no-repeat;
	}
	
/* =Misc: Data Tables
---------------------------------------------------------------------------------------------------- */

table.data {
	border: 1px solid #57585C;
	border-right: 0;
	border-bottom: 0;
	margin-bottom: 12px;
	}
	
table.data tr.highlight {
	background-color: #DAE7C2;
	}
	
table.data tr th {
	background-color: #CCCCCC;
	border: 1px solid #57585C;
	border-top: 0;
	border-left: 0;
	color: #000000;
	font-size: 12px;
	padding: 2px 4px;
	}
	
table.data tr td {
	border: 1px solid #57585C;
	border-top: 0;
	border-left: 0;
	padding: 2px 4px;
	}
	

/* =Misc: Print Specific
---------------------------------------------------------------------------------------------------- */

#print-footer {
	padding: 0 0 1em 94px;
	}
	
#print-footer div {
	border-top: 1px solid #778700;
	font-size: 10px;
	margin: 0;
	padding: 3px 0 0 0;
	}
	
/* =Misc: "Top of Page" Link
---------------------------------------------------------------------------------------------------- */

.top {
	background: transparent url('../images/top.gif') 0 0 no-repeat;
	_background: transparent url('../images/top.gif') 0 0px no-repeat;
	float: right;
	margin: 0;
	padding: 0;
	}
	
.top a, .top a:active, .top a:visited {
	font-size: 10px;
	padding-left: 10px;
	/*text-decoration: none;*/
text-decoration: underline;
	
	}
	
/* =Misc: Keyline box for sidebar navigation
---------------------------------------------------------------------------------------------------- */
	
div.boxKeyline-misc
{
	background: transparent url('../images/wrapper/box-keyline-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-teen
{
	background: transparent url('../images/wrapper/box-keyline-teen-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-adults
{
	background: transparent url('../images/wrapper/box-keyline-adults-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-parents
{
	background: transparent url('../images/wrapper/box-keyline-parents-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-teach
{
	background: transparent url('../images/wrapper/box-keyline-teach-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-pros
{
	background: transparent url('../images/wrapper/box-keyline-pros-bg.gif') repeat-y;
	margin: -3px 0 0 0;
	padding: 0;
	width: 146px;
}
div.boxKeyline-teen div, div.boxKeyline-adults div, div.boxKeyline-parents div, div.boxKeyline-teach div, div.boxKeyline-pros div, div.boxKeyline-misc div
{
	margin: 0;
	padding: 5px 10px 0 24px;
}
div.boxKeyline-teen img, div.boxKeyline-adults img, div.boxKeyline-parents img, div.boxKeyline-teach img, div.boxKeyline-pros img, div.boxKeyline-misc img
{
	float: left;
	margin: 0 0 0 -3px;
	padding: 0 0 0 3px;
}

/* =Misc: Home page - English
---------------------------------------------------------------------------------------------------- */
table#homeNav-e
{
	background: #fff url(../images/home/navBG-e.gif) top left no-repeat;
}

table#homeNav-e td#top
{
	display: inline;
	padding: 0 0 3px 30px;
}

table#homeNav-e td#top img
{
	margin: 0 10px 0 10px;
}

table#homeNav-e td#btm
{
	display: inline;
	padding: 0 0 0 86px;
}

table#homeNav-e td#btm img
{
	margin: 0 10px 0 10px;
}

/* =Misc: Home page - French
---------------------------------------------------------------------------------------------------- */
table#homeNav-f
{
	background: #fff url(../images/home/navBG-f.gif) top left no-repeat;
}

table#homeNav-f td#top
{
	display: inline;
	padding: 0 0 3px 5px;
}

table#homeNav-f td#top img
{
	margin: 0 10px 0 10px;
}

table#homeNav-f td#btm
{
	display: inline;
	padding: 0 0 0 96px;
}

table#homeNav-f td#btm img
{
	margin: 0 10px 0 10px;
}

/* =Misc: Home page - News Ticker
---------------------------------------------------------------------------------------------------- */
td#homeNewsHR
{
	border-bottom: 2px solid #CCCCCC;
}

td#homeNewsHR a
{
	color: #739EBD;
	text-decoration: underline;
}

td#newsArea
{
	padding: 18px 0 16px 20px;
	_padding: 18px 10px 16px 30px;
}

table#yourFAQs
{
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
}

table#yourFAQs div
{
	margin: 6px 0 4px 0;
	font-size: 10px;
	font-weight: bold;
}

table#newsReel
{
	display: inline;
	margin: 0 0 0 8px;
	padding: 0;
}

table#newsReel div
{
	margin: 6px 0 4px 0;
	font-size: 10px;
	font-weight: bold;
}
#bluebox td a {
	color: #666666;
}

/* =Misc: Quotes
---------------------------------------------------------------------------------------------------- */

#quote {
	color: #999999; 
	font-size: .95em;
}

/* =Misc: eCards
---------------------------------------------------------------------------------------------------- */
.frameBG {
background-color: #B5B5B5;
}

.whBG{
background-color: #ffffff;
}

.blBG{
background-color: #000000;
}

/* =Misc: Sitemap
---------------------------------------------------------------------------------------------------- */
table#sitemap td h5
{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
table#sitemap td ul
{
	margin: 0 0 20px 0;
}
table#sitemap td li
{
	margin: 5px 0 5px 0;
}
table#sitemap td ul li ul
{
	list-style: outside disc;
	margin: 0;
}
table#sitemap td ul li ul li ul
{
	list-style: outside circle;
	margin: 0;
}

/* =Misc: Teen Graphical Buttons
-----------------------------------------------------------------------------------------------------*/

.teenGraphicBtns td
{
	padding: 4px 0 4px 0;
}
.teenGraphicBtns td.half
{
	padding: 4px 0 0 0;
}

.lastModified {
	font-size: 9px;
	text-align: right;
	font-style: italic;
}