/* =Structure
---------------------------------------------------------------------------------------------------- */

* { padding:0; margin:0;		font-style:	normal; font-weight: normal; } 
	

body {
		font-family:					Trebuchet MS, Arial, Helvetica, sans-serif ;
		font-size:						12px;
		background: 					#fff url(../images/bg-body.jpg)	repeat-x top;
		color:							#6a6a6a;
		text-align:						center;
	}
	
	
body#emailer
{
		font-family:					Trebuchet MS, Arial, Helvetica, sans-serif ;
		font-size:						12px;
		background: 					#fff url(../images/bg-emailer-body.jpg)	repeat-x top;
		color:							#6a6a6a;
		text-align:						center;
}

#container {
		margin-right: 		auto;
		margin-left: 			auto;
		width:						990px;
		text-align:				left;
		background: 			url(../images/bg-container-english.jpg) no-repeat top left;
	}
	

#container-french {
		margin-right: 		auto;
		margin-left: 		auto;
		width:				990px;
		text-align:			left;
		background: 		url(../images/bg-container-french.jpg) no-repeat top left;
	}
	
body#emailer #container
{
		text-align:				left;
		background: 			url(../images/bg-emailer-container-e.jpg) no-repeat top left;
}

body#emailer #container-french
{
		text-align:				left;
		background: 			url(../images/bg-emailer-container-f.jpg) no-repeat top left;
}
	
/* =SOGC Logo
---------------------------------------------------------------------------------------------------- */

#logo
	{
		text-align: right;
	}		

/* =Header
---------------------------------------------------------------------------------------------------- */

#header
	{
		padding-left: 220px;
	}		
	
#header-url
	{
		float: left;
	}		
	
#header-nav
	{
		float: right;
	}		
	
#header-nav  ul {
	padding-top: 35px;
	list-style: none;
} 



#header-nav ul li {
	display: inline;
} 

#header-nav ul li a,
#header-nav ul li a:link,
#header-nav ul li a:visited { 	
	color: 						#fff;
	font-weight:			bold; 
	font-size: 				11px;
	text-decoration: 		none;
	background:  				url(../images/header-nav-list-style.gif) no-repeat top left; 
	padding: 					0 3px 0 5px;
}


#header-nav ul li a:hover,
#header-nav ul li a.onSection  {
	color: #e4bc30;
}




/* =Mid Container
---------------------------------------------------------------------------------------------------- */

#mid-container
	{
		padding: 					11px 0 10px 75px;
		text-align:				left;
	}	
	



	
/* =Breadcrumbs
---------------------------------------------------------------------------------------------------- */

#breadcrumbs {
		font-size:10px;
		color:			#b4b3b3;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover  { 	
	color: 						#b4b3b3;
	font-size: 				10px;
	text-decoration: 	underline;
}

		
/* =Home Page
---------------------------------------------------------------------------------------------------- */
	
#homepage-mid-container		{
		padding: 					11px 0 10px 0px;
		margin-left: 			54px;
		text-align:				left;
		background:  			url(../images/bg-home.jpg) no-repeat top left; 
	}	
	
#homepage-mid-container_newHome		{
	padding: 					11px 0 10px 0px;
	margin-left: 			54px;
	text-align:				left;
	background:  			url(../images/bg-home_new2.jpg) no-repeat 0px 11px; 
}
	
#homepage-mid-container-french		{
	padding: 					11px 0 10px 0px;
	margin-left: 			54px;
	text-align:				left;
	background:  			url(../images/bg-home-french.jpg) no-repeat top left; 
}	

#homepage-mid-container-french_newHome		{
	padding: 					11px 0 10px 0px;
	margin-left: 			54px;
	text-align:				left;
	background:  			url(../images/bg-home-french_new2.jpg) no-repeat 0px 11px; 
}	
#homepage-column-left
	{
		float:						left;
		width:						660px;
	}	
	

#homepage-column-right {
		float:						right;
		width:						275px;
}

#homepage-column-right .copy {
	padding: 0 0 0 5px;
}

#homepage-hpv-intro {
		float:						left;
		text-align:					left;
		width:						170px;
}

#homepage-hpv-intro .copy {
		padding:				50px 10px 2px 10px;
		color:						#fff;
}


#homepage-hpv-intro .copy p {
		font-size:				12px;
		line-height:			16px;
}

.homepage-buttons {
margin-top: 5px;
margin-bottom: 5px;
}

.homepage-buttons div.first-button {
float:left;
padding-left:0;
}
.homepage-buttons div {
float:left;
padding-left:6px;
}




	
		
/* =Left Column
---------------------------------------------------------------------------------------------------- */

#column-left
	{
		float:						left;
		width:						180px;
	}	


	
#column-left .copy {
		padding-top: 20px;
}
/* =Middle Column
---------------------------------------------------------------------------------------------------- */

#column-middle
	{
		float:						right;
		width:						725px;
	}		

/* =Right Column
---------------------------------------------------------------------------------------------------- */

#column-right {
		float:						right;
		width:						170px;
}
	
	
/* =Content Area
---------------------------------------------------------------------------------------------------- */

#content {

		float:						left;
		width:						555px;
}

/* =Styles for changing font sizes
---------------------------------------------------------------------------------------------------- */
.font-large		{ font-size:16px; }
.font-medium	{ font-size:14px; }
.font-small		{ font-size:12px; }


/* =Global Padding for Copy
---------------------------------------------------------------------------------------------------- */

.copy {
		padding: 5px;
}



/* =Left Navigation
---------------------------------------------------------------------------------------------------- */

.left-nav	ul{ 
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
}

.left-nav	ul li{
		border-bottom: 1px solid #c3c5c6;
		line-height: normal;
		padding-top: 5px;
		padding-bottom: 5px;
}


.left-nav	ul li a,
.left-nav	ul li a:link,
.left-nav	ul li a:visited {
		color: 						#6a6a6a;
		text-decoration:	none;
		font-weight:			bold;
}
	
.left-nav	ul li a:hover,

.left-nav	ul li a.onSection,
.left-nav	ul li a.onSection:link,
.left-nav	ul li a.onSection:visited {
		color: 						#e43097;
		text-decoration:	none;
		font-weight:			bold;
}



/* =Left Sub Navigation
---------------------------------------------------------------------------------------------------- */

.left-subnav	ul{ 
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
}

.left-subnav	ul li{
		border-bottom: none;
		line-height: normal;
		background: url(../images/left-subnav-pointer.gif) no-repeat top left;
		padding-top: 2px;
		padding-bottom: 2px;
}


.left-subnav	ul li a,
.left-subnav	ul li a:link,
.left-subnav	ul li a:visited {
		display: block;
		color: 						#4d7370;
		text-decoration:	none;
		font-weight:			normal;
		padding-left: 15px;
}
	
.left-subnav	ul li a:hover{
		display: block;
		color: 						#e43097;
		text-decoration:	none;
		font-weight:			normal;
		padding-left: 15px;
}

.left-subnav	ul li a.onSection,
.left-subnav	ul li a.onSection:link,
.left-subnav	ul li a.onSection:visited {
		display: block;
		color: 						#e43097;
		text-decoration:	none;
		font-weight:			normal;
		padding-left: 15px;
}

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

#footer
	{
	text-align:		right;
	font-size: 11px;
	color:			#b4b3b3;
	}		
	
#footer ul {
	list-style: 	none;
} 

#footer ul li {
	display: 					inline;
	padding-left: 		10px;
} 

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited { 
	color:			#b4b3b3;
	font-weight:			normal; 
	font-size: 				11px;
	text-decoration: 		underline;
}

#footer ul li a:hover,
#footer ul li a.onSection  {
	color: #e4bc30;
}


/* =Call out boxes

---------------------------------------------------------------------------------------------------- */

.did-you-know {
	background: url(../images/did-you-know-bg.jpg) repeat-y top left; 
	font-size:11px; 
}

.did-you-know .copy {
	padding: 0 10px 0 10px;
	margin:0;
}

.homepage-rightbox {
font-size: 11px;
background: url(../images/homepage-right-box-bg.jpg) repeat-y top left;
margin-top:10px;
margin-bottom:10px;

}


.homepage-rightbox .copy {
	margin:  0 10px 0 10px;
	padding: 0;	
}







/* =Text Styles
---------------------------------------------------------------------------------------------------- */


	
	h1, h2, h3,h4 {
		color:					#e43097; 
		padding-top: 			6px;
		padding-bottom: 	6px;
	}
	
	h1 span, 
	h2 span, 
	h3 span,
	h4 span {
		color:					#49706d; 
	}	
	
	
	h1 { 
		color:						#537875; 
		font-size:				20px;
		font-weight:			bold;
	}
	
	h2 { 
		font-size:				18px;
		font-weight:			bold;
	}
	
	h3 { 
		font-size:				16px;
		font-weight:			bold;
	}

	h4 { 
		font-size:				13px;
		font-weight:			bold;
	}


	p {
		font-weight:			normal;
		font-style:				normal;
		line-height: 			18px;
		padding-top: 			6px;
		padding-bottom: 	6px;
	}
	

ul {
		list-style-type: 	disc;
		font-weight:			normal;
		font-style:				normal;
		margin-left: 15px;
		padding-left: 15px;
} 

	a,
	a:link,
	a:visited{
		color:						#e43097;
		text-decoration:	underline;
	}
	
	a:hover {
		color:						#537875;
		text-decoration:	underline;
	}	
	


/* =Forms
---------------------------------------------------------------------------------------------------- */
	
	fieldset {
	padding: 5px;
	}
	
	legend {
		color:					#e43097; 
		font-size: 15px;
	}
	

/* =Tables
---------------------------------------------------------------------------------------------------- */

.tbl-tools  {
margin-top:10px;
margin-bottom: 10px;
}

	
.tbl-tools td {
padding-right:3px;
text-align:left;
vertical-align: middle;
}

.tbl-wartsPhotos td {
		padding:				5px 5px 10px 0px;	
		vertical-align: top;
}

.tbl_lessons th, 
.tbl_lessons td {
		padding:				5px;	
		vertical-align: top;
	}


/* =Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong { font-weight: bold; }
b { font-weight: bold;}
i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}



.section-title {
	color: 			#c5dad9;
	font-weight: 	bold;
	font-size: 		20px;
}

.text-green {

	color:		#49706d; 
}

.text-pink {

	color:		#e43097; 
}

.border-pink {
	border-bottom:	1px dotted #e43097; 
	height:			1px; 
	min-height:		1px;
}

/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		
	
.singleLineBreak {
	margin-top:				1px;
	}
	
.marginZero {
	margin:					0px;
	}

.clear {clear: both; margin:0; padding:0;}
			
.spacer {
	margin:					0;
	padding:				0;
	clear:					both;
	}