/*
STYLE SHEET FOR WHAT OLDER WOMEN WANT WEB SITE
www.wowhealth.ca
www.wowsante.ca

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. content styles
	6. images
	7. hacks

Notes
*/


/* ------------------- DEFAULTS ---------------------- */
body
{
	margin: 0;
	padding: 0;
	color: #111;
	font-size: 95%;
	line-height: 140%;
	font-family: Verdana, Arial, sans-serif;
	background-image: url(../images/grey_leaves.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right top;                 
}



/* ------------------- STRUCTURE ------------------- */
#logo

{
	margin: 0 3%;
	height: 160px;
	padding: 30px 0 10px 0;
	font-size: 1px;
	color: #fff;
}

/* -----CSS top nav tabs ------- */
#tabnav {
        padding: 0;
        margin: 0 3%;
       	width: 94%;
		border-bottom: 1px solid #ccc;
		font: bold 90% Arial, sans-serif;
}
	
#tabnav li {
        list-style: none;
		display: inline;  
}

#tabnav li a {
        padding: 0 1em;
        border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
       	border-bottom: none;
        background: #eee;
        text-decoration: none;
		font-weight: bold;
}

#tabnav li a:link { color: #666; }
#tabnav li a:visited { color: #666; }

#tabnav li a:hover {
	color: #666;
	background: #ccc;
	background-color: #fff;
		}

#tabnav li a#current {
        background: white;
	   
}


/*---- left nav area  ---*/
#areanav

{		
	float: left;
	display: inline;
	width: 17%;
	margin: 1.5em 0 2em 3%;
	}

#homepage #areanav { width: 40%;}

/* --- content area ---*/
#content

{
	float: left;
	width: 46%;
	margin: 1.5em 0 2em 3%;
	padding: 0 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-repeat: repeat-y;
	background-position: left;
}


#homepage #content { width: 40%; border-right: none; display: inline;}

/* --- right column div --- */

#subnav, #subarea

{
	float: left;
	width: 20%;
	margin: 1.5em 0 2em 1%;
}



/*---- partners div ---*/

#partners {
	clear: both;
	margin: 0 3%;
	padding: 5px 0;
	text-align: center;
}


/* ---- footer div --- */
ul#footer

{
	clear: both;
	border-top: 1px solid #ccc;
	margin: 0 3%;
	padding: 5px 0;
	font-size: 85%;
	height: 30px;
 	background-image: url(../images/footer.gif);
}

#footer ul

{
	margin: 0;
	padding: 0;
}


#footer li

{
	display: inline;
	list-style-type: none;
	margin: 0 .5em 0 1em;
}



/* ------------------ LINKS AND NAVIGATION ---------------------- */


a:link {color: #7E4330;}
a:visited {color: #CE6700; }
a:active, a:hover {
	color: #fff;
	background-color: #D70700;
}


/* --- left nav column styles --- */
#areanav { line-height: 130%; }

#areanav ul, #subnav ul, #homepage #content ul
{
	margin: 10px 0 1em 0;
	padding: 0;
	list-style-type: none;
	
}

#areanav li, #subnav li, #homepage #content li
{
	background: url(../images/arrow.gif) 0 .1em no-repeat;
	padding-left: 20px;
	font-size: 90%;
	font-weight: bold;
	line-height: 110%;
	margin-bottom: 10px;

}

#areanav h3
{
	margin-bottom: 0;
	font-size: 100%;
}

#areanav p { margin-top: 0; }





/* ------ right div list styles ----- */

#subarea ul{ 
margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;
font-size: 100%;
font-family: Arial;

}

#subarea li {
padding: .5em .5em .5em 1.5em;
line-height: normal;
}


#subarea li#current {
	background: url(../images/arrow.gif) 0 .6em no-repeat;
	color:  #CE0000;
	font-size: 100%;

}


/* --- footer and skipnav styles ---*/
#footer a:link, ul#skipnav a:link { color: #666666; font-weight: normal;}
#footer a:visited, ul#skipnav a:visited { color: #666666; font-weight: normal;}

ul#footer a:hover, ul#footer a:active, ul#skipnav a:hover, ul#skipnav a:active
{color: #fff;
	background-color: #666666;
}




/*----- skip nav styles ----*/

ul#skipnav

{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 3%;
	top: 0;
	list-style-type: none;
	font-size: 90%;
	width: 90%;
}

ul#skipnav {text-align: right;}
ul#skipnav li { display: inline; }

ul#skipnav li a

{
	margin: 0 1em 0 0;
	padding: 0;
	text-decoration: none;
}



/* ------------------- FONTS -------------------*/

h1, h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CE0000;
	font-weight: normal;
	margin-top: 0;
	line-height: normal;
}
#homepage #areanav h1 {font-size: 180%; color:  #CE0000;}
#homepage #areanav h2 {font-size: 90%; color: #333; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#subnav h1{font-size: 150%; color: #CE0000;}
#areanav h1 {font-size: 150%; color: #CE0000;}
#subarea h1 { font-size: 150%; color: #CE0000;}
h1 { font-size: 180%; }
h2 { font-size: 140%; margin-top:40px;}
h3 { font-size: 100%; margin-top: 30px; margin-bottom: -5px;}
h4 { font-size: 95%; }


#subnav ul, #subnav li {
	font-size: 95%;

}



/*------------------- CONTENT STYLES -----------*/

dt {font-weight: bold;}
dd {padding-bottom: 20px;}

fieldset
{
	border: 1px solid #ccc;
	padding: 1em;
}

caption
{
	color: #9F1C00;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

table { border-collapse: collapse; margin-bottom: 30px;}

th, td
{
	border: 1px solid #fff;
	padding: .2em .5em;
	text-align: left;
	background: #eee;
	font-weight: normal;
	vertical-align: top;
}
td { font-size: 80%;}
td ul {margin: 0; padding: 10px;}
#areanav td ul li {font-size: 100%;}
.pdf {font-size: 80%;}
th p, td p { margin: 0 0 .5em 0; }

thead th, thead td
{
	background: #666;
	color: #fff;
	font-weight: bold;
}

blockquote
{
	margin: 1em 0;
	padding: 1em 1em 0 1em;
	background: #eee;
	border: 1px solid #ccc;
}

blockquote p { margin-top: 0; }

cite, blockquote p.source
{
	font-size: 90%;
	font-style: italic;
	text-align: right;
}

code { font-size: 110%; }

#note
{
	border: 1px solid #ccc;
	padding: 1em;
}

#note h3 { margin: 0; }

/* --- classes --- */
.bold {font-weight: bold;}
.displaynone { display: none; }
.clearboth { clear: both; margin-top: 30px;}
.special code { font-weight: normal; }

.special
{
	border: 1px solid #ccc;
	padding: .5em;
}

.instructions
{
	margin: 1em 0;
	padding: 1em 1em 0 1em;
	background: #eee;
	border: 1px solid #ccc;
}

.width60 { width: 60%; }

.thanks
{
	font-size: 75%;
	color: #666;
}


/*------------------------ IMAGES -------------------------*/

#partners img {
	margin: 0 0 20px 5%;
}


img.normal {
	display: inline;
	margin: 0;
}

img.floatimage
{
	float: right;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 0 1em 1em;
}

img.floatimagethumb
{
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 .5em .5em 0;
}

#partners a:active, #partners a:hover, #partners a:visited, img.normal {
	color: #fff;
	background-color: #ffffff;
}