@charset "utf-8";
/* CSS Document for Expand your Scope 
	
	Website Colours
	---------------------------------------
	Light Green: #B2DEC7
	Green: #009345
	Light Blue: #CCEFFC
	Medium Blue: #00ADEE
	Dark Blue: #009EE1
	Wyeth Red: #DB2128
	Light Grey: #cccccc
	Medium Grey: #757575
	Dark Grey: #141414
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body { height: 100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; border-bottom:0px; } /* Gets rid of IE's blue borders */

/* Extra layout stuff */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* br class that clears floated columns */
div { position:relative }
div.floatLeft {float:left;}
div.floatRight {float:right;}



/* TAGS */
/* ----------------------------------------- */
html {
	background:#CCEFFC url(../images/expandyourscope_bg_gradient.jpg) repeat-x;
}
body {
	background:url(../images/expandyourscope_bg_horizon.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color: #141414;
}
h1 {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	color:#009345;
	margin:0;
	padding:5px 0 5px 0;
}
h2 {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:21px;
	color:#00ADEE;
	margin:0;
	padding:6px 0 6px 0;
}
h3 {
	font-family:"Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color:#009345;
	padding:5px 0 5px 0;
	margin:0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#009EE1;
	padding:5px 0 5px 0;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#999;
	padding:5px 0 5px 0;
}
a, a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #00ADEE;
	text-decoration:none;
	border-bottom:solid 1px #00ADEE;
}
a:active, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #999;
	text-decoration:none;
	border-bottom:solid 1px #ccc;
}
hr { 
	border:0px; 
	height:1px; 
	background:#ccc;
}
p {
	padding:8px 0 10px 0; 
	margin:0;
}
ul {
	padding:8px 0 10px 0;
	margin:0 0 0 15px;
}
ol {
	padding:8px 0 10px 0;
	margin:0 0 0 15px;
}
ul li {
	padding:2px 0 2px 10px;
	margin:0 0 0 15px;
	list-style:disc;
	list-style-position:outside;
}
ol li {
	padding:2px 0 2px 10px;
	margin:0 0 0 15px;
	list-style: decimal outside;
}
blockquote {
	background: url(../images/open-quote.gif) no-repeat left -2px;
	font-style: italic;
	font-size: 14px;
	line-height: 17px;
	color: #757575;
	margin: 10px 0;
	width:85%;
	padding: 10px 0 0 35px;
}
blockquote span {
background-image: url(../images/close-quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}




/* LAYOUT */
/* ----------------------------------------- */
#wrap {
	background:#fff;
	width:960px;
	height: 100%;
	margin:0px auto;
	padding:0;
}
body > #wrap {height: auto; min-height: 100%;}

#header {
	background:url(../images/header-bg.gif) top center repeat-x;
	padding:20px 30px 0 30px;
	margin:0;
}
#nav {
	margin:20px 0 10px 0;
	padding:0 30px 0 30px;
	background:url(../images/nav-bg.gif) bottom left repeat-x;
	height:46px;
}
#subnav {
	margin:0 0 10px 0;
	padding:0 30px 0 30px;
	height:38px;
	text-align:center;
}
#content {
	padding:0 30px 195px 30px;
	margin:10px 0 0 0;
}
	/* HOME PAGE LAYOUT */
	/* ----------------------------------------- */
	#home-two-col {width:600px; margin:0 28px 0 0; padding:0; float:left;}
	#home-col-c {width:270px; margin:0; padding:0; float:left;}
	#home-col-a {width:270px; margin:20px 10px 20px 0; padding:0 10px 0 10px; float:left;}
	#home-col-b {width:270px; margin:20px 0 20px 10px; padding:0 10px 0 10px; float:left;}
	#intro {width:560px; margin:0; padding:0 0 20px 20px; background:url(../images/nav-bg.gif) bottom center repeat-x;}
	#feature-box {background:#CCEFFC; padding:10px; margin:0 0 10px 0;}
	#wyeth-box {text-align:left; margin:10px 0 10px 0; padding:0; background:url(../images/wyeth-inside-box_bg.gif) repeat; }
	#wyeth-inside { padding:10px; margin:0; background:url(../images/wyeth-award-bg.gif) left top no-repeat; text-align:left;}
	#wyeth-logo { background: url(../images/wyeth-box_bg.gif) top left repeat-x; text-align:right; margin:0; padding:14px 5px 3px 0; border:none; }
	
	/* SECONDARY PAGE LAYOUT */
	/* ----------------------------------------- */
	#secondary-two-col {width:665px; margin:0 28px 0 0; padding:0; float:left;}
	#secondary-col-c {width:205px; margin:0; padding:0; float:left;}
	#wyeth-header { background: url(../images/wyeth-banner.jpg) left top no-repeat; height:95px; margin:0 0 10px 0; }

#footer {
	position: relative;
	width:960px;
	margin:0px auto;	
	margin-top: -195px; /* negative value of footer height */
	padding-top:5px;
	height: 195px;
	clear:both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer-logos {
	padding:10px 30px 0 30px;
	margin:0;
	background:#fff url(../images/nav-current-bg.gif) top left repeat-x;
	text-align:center;
}
#footer-links {
	padding:50px 30px 15px 30px;
	margin:0;
	background:#009345 url(../images/expandyourscope_footer-background.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#B2DEC7;
}


	
/* STYLES */
/* ----------------------------------------- */
h1.logo {
	width:212px;
	height:82px;
	text-indent: -9999px;
	background:url(../images/expandyourscope-logo.gif) no-repeat;
	padding:0 20px 0 0;
}
#header h2 {
	margin:-30px 0 0 230px;
	padding:0;
	width:500px;
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	line-height:20px;
	color:#141414;
	text-align:left;
}

#nav ul {
	margin:0;
	padding:0;
	display:block;
}
#nav li {
	margin:0;
	padding:0;
	float:left;
	list-style: none inside;
}
#nav li a, #nav li a:link, #nav li a:visited {
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	color: #009EE1;
	padding:13px 12px 13px 12px;
	margin:0;
	display:block;
	font-weight:normal;
	text-decoration:solid 1px #e6e6e6;
	border-bottom:0px;
	text-transform:uppercase;
}
#nav li a:hover, #nav li a:active {
	background:#e6e6e6;
	color:#00ADEE;
	border-bottom:0px;
}
li.current-page a, li.current-page a:link, li.current-page a:active, li.current-page a:hover, li.current-page a:visited {
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	color: #009EE1;
	padding:13px 12px 13px 12px;
	margin:0;
	display:block;
	font-weight:normal;
	text-decoration:none;
	border-left:solid 1px #e0e0e0;
	border-right:solid 1px #e0e0e0;
	border-top:solid 1px #e0e0e0;
	border-bottom:0px;
	text-transform:uppercase;
	background: url(../images/nav-current-bg.gif) top left repeat-x !important;
}

#subnav ul {
	margin:0; 
	padding:0; 
	display:block;
}
#subnav li { 
	margin:0; 
	padding:0; 
	display:inline; 
	list-style:none inside; 
	color:#ccc;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#757575;
	padding:0 10px 0 10px;
	border-bottom:0px;
}
#subnav li a:active, #subnav li a:hover { color:#009345;}
li.subnav-current-page a, li.subnav-current-page a:link, li.subnav-current-page a:active, li.subnav-current-page a:hover, li.subnav-current-page a:visited { color:#009EE1 !important;}

#intro p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px; 
	line-height:18px; 
	color:#141414;
}
#intro img { 
	padding:0 0 5px 20px; 
	margin:0;
}
#home-col-a p, #home-col-b p { 
	padding:8px 10px 10px 45px;
}
#home-col-a ul, #home-col-b ul { 
	padding:10px 10px 10px 60px; 
	margin:0;
}
#home-col-a li, #home-col-b li { 
	padding:0 0 0 5px; 
	margin:0; 
	list-style:disc; 
	list-style-position:outside;
}
.provincial { 
	padding:5px 0 10px 45px; 
	margin-top:5px; 
	background:url(../images/provincial_icon.gif) top left no-repeat;
}
.training { 
	padding:5px 0 10px 45px; 
	margin-top:5px; 
	background:url(../images/training_icon.gif) top left no-repeat;
}
.overview { 
	padding:5px 0 10px 45px; 
	margin-top:5px; 
	background:url(../images/overview_icon.gif) top left no-repeat;
}
.related { 
	padding:5px 0 10px 45px; 
	margin-top:5px; 
	background:url(../images/related_icon.gif) top left no-repeat;
}

#feature-box h3 {color:#009345; font-size:14px; line-height:17px;}
#feature-box ul { margin:0 0 10px 15px; padding:0; }
#feature-box li { margin:0; padding:3px 0 3px 0; list-style-type:none; }

#wyeth-inside h3 { font-size:16px; line-height:20px; color:#DB2128; margin:10px 0 0 80px; padding:0;}

#wyeth-header h1 { padding:25px 0 0 110px; color:#DB2128; }
#wyeth-header h4 { padding:0 0 0 110px; }
.button {
	margin:0;
	padding:10px; 
	border:solid 1px #ccc !important;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color: #DB2128 !important;
	height: 55px;
	width: 185px; 
	background:#fff url(../images/nav-bg.gif) left bottom repeat-x;
}

.winner-photo {
	margin:10px 15px 15px 0;
	padding:0 5px 5px 0;
	border-right: solid 2px #e6e6e6;
	border-bottom: solid 2px #e6e6e6;
	text-align:left;
}
.small-copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#757575;
}

.back-to-top {
	padding:0;
	margin:5px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	colour:#4d4d4d;
	text-align:right;
}
.data-table {
	margin:8px 0 8px 0;
	width:90%;
}
.table-top-row {
	background:#CCEFFC;
}
.data-table td {
	border-bottom:solid 1px #ccc;
	padding:2px 10px 2px 10px;
	text-align:left;
	vertical-align:top;
}


#footer-links p {
	margin:0; 
	padding:0;
}
#footer-links a, #footer-links a:link, #footer-links a:visited { 
	color:#fff; 
	border-bottom:solid 1px #fff; 
	text-decoration:none;
}
#footer-links a:active, #footer-links a:hover { 
	color:#B2DEC7; 
	border-bottom:solid 1px #B2DEC7; 
	text-decoration:none;
}
#footer-logos ul {
	margin:0; 
	padding:0; 
	list-style:none;
}
#footer-logos li {
	margin:0; 
	padding:0 30px 0 30px; 
	display:inline;
}
#footer-logos li a, #footer-logos li a:link, #footer-logos li a:visited, #footer-logos li a:active, #footer-logos li a:hover {border:none;}