/*
	Written by: El Chango - www.elchango.ca
	Date: June 2, 2008
*/

body {
	margin: 0;
	padding: 0;
	/*background-color: #1c6b8a;*/
}

#topbar {
	position: relative;
	width: 830px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10000;
}

#topbar #subscribe {
	position: absolute;
	top: 10px;
	right: 270px;
	width: 104px;
	height: 17px;
	z-index: 1000;
	margin: 0;
	padding: 0;
}

#topbar #search {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 250px;
	height: 20px;
	z-index: 1000;
	margin: 0;
	padding: 0 0 0 20px;
	background: url("/images/search-divider.gif") no-repeat;
}

#topbar #search #searchfield {
	vertical-align: top;
	margin:0;
	margin-bottom: 2px;
	height: 11px;
	font-size: 10px;
}

#wrapper {
	position: relative;
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #FFF;
	z-index: 1000;
}

#header {
	position: relative;
	width: 790px;
	margin: 0;
	padding: 15px 20px 0 20px;
}

#content {
	position: relative;
	width: 790px;
	margin: 10px 20px 0 20px;
}

#content #leftcol {
	float: left;
	width: 174px;
}

#content #rightcol {
	float: right;
	width: 600px;
}

#footer {
	position: relative;
}

#footer #facebook {
	position: relative;
	width: 790px;
	margin: 8px 20px 0 20px;
	padding: 8px 0 2px 0;
}

#footer-text {
	position: relative;
	width: 790px;
	height: 20px;
	margin: 8px 20px 0 20px;
	padding: 8px 0 2px 0;
	border-top: 2px dotted #e8e8e8;
	border-bottom: 5px solid #e8e8e8;
}

#footer-text ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer-text li {
	float: left;
	margin: 0;
	padding: 0 8px 0 12px;
}

#footer-text li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#footer-text li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1c6b8a;
	text-decoration: none;
}

#footer-text li a:hover, #footer-text .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #569db9;
	text-decoration: none;
}

#footer-text .divider {
	/*border-right: 1px solid #e8e8e8;*/
	background: url("/images/footer-divider.gif") no-repeat;
}

#footer-addresses {
	position: relative;
	width: 790px;
	margin: 12px 20px 0 20px;
	padding: 0 0 15px 0;
}

#footer-address-left {
	float: left;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#footer-address-right {
	float: right;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}



/* Navigation Styles */
#nav {
	position: relative;
	width: 790px;
	height: 20px;
	margin: 8px 20px 0 20px;
	padding: 0;
	border-bottom: 5px solid #e8e8e8;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 7px 0 10px;
}

#nav li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #1c6b8a;
	text-decoration: none;
	text-transform: uppercase;
}

#nav li a:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #569db9;
	text-decoration: none;
	text-transform: uppercase;
}

#nav .on {
	color: #abc000;
}

.nav-divider {
	/*border-right: 1px dotted #e8e8e8;*/
	background: url("/images/nav-divider.gif") no-repeat;
}

#subnav {
	position: relative;
	margin: 12px 0 10px 2px;
	padding: 0;
	width: 170px;
}

#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav li {
	margin: 0 0 2px 0;
	padding: 0;
}

#subnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#subnav li a:hover, #subnav .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1c6b8a;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#subnav #tertiary {
	list-style: none;
	margin: 0 0 0 14px;
	padding: 0;
}

#subnav #tertiary li {
	margin: 0;
}

.submenu-highlight {
	background-color: #abc000;
	margin: 5px 0;
	padding: 4px 16px;
}

.submenu-highlight a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.submenu-highlight2, .submenu-highlight2-home {
	margin: 0;
	padding: 2px 0;
}

.submenu-highlight2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.submenu-highlight2 a:hover {
	color: #35829c;
}

.submenu-highlight2-home a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.submenu-highlight2-home a:hover {
	color: #35829c;
}
/* END Navigation Styles */

/* Dropdown Styles */
#dropdown2 {
	position: absolute;
	top: 0;
	left: 50px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown3 {
	position: absolute;
	top: 0;
	left: 170px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown4 {
	position: absolute;
	top: 0;
	left: 200px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown5 {
	position: absolute;
	top: 0;
	left: 231px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown6 {
	position: absolute;
	top: 0;
	left: 319px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown7 {
	position: absolute;
	top: 0;
	left: 411px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown8 {
	position: absolute;
	top: 0;
	left: 561px;
	background-color: #FFF;
	z-index: 1000;
}

#dropdown1 ul, #dropdown2 ul, #dropdown3 ul, #dropdown4 ul, #dropdown5 ul, #dropdown6 ul, #dropdown7 ul, #dropdown8 ul {
	list-style: none;
	margin: 0;
	padding: 14px 20px;
}

#dropdown1 li, #dropdown2 li, #dropdown3, #dropdown4 li, #dropdown5 li, #dropdown6 li, #dropdown7 li, #dropdown8 li  {

}

#dropdown1 a, #dropdown2 a, #dropdown3 a, #dropdown4 a, #dropdown5 a, #dropdown6 a, #dropdown7 a, #dropdown8 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1c6b8a;
	text-decoration: none;
}

#dropdown1 a:hover, #dropdown2 a:hover, #dropdown3 a:hover, #dropdown4 a:hover, #dropdown5 a:hover, #dropdown6 a:hover, #dropdown7 a:hover, #dropdown8 a:hover {
	color: #e4d661;
}
/* END Dropdown Styles */

/* Text Styles */
#rightcol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 130%;
}

#leftcol .leftcol-heading {
	background-color: #abc000;
	width: 150px;
	/*height: 20px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 10px;
	line-height: normal;
}

#leftcol .leftcol-heading a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
}

#leftcol .leftcol-heading-homepage {
	background-color: #abc000;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 4px 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: normal;
}

#leftcol .leftcol-heading-homepage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
}

/*
h1 {
	background-color: #abc000;
	width: 150px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 10px;
	line-height: normal;
}

h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
}
*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #abc000;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	padding: 0;
	line-height: normal;
}

h1 {
	border-bottom: 5px solid #e7e7e7;
}

#homepage h1 {
	font-size: 20px;
	border: none;
}

#homepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b2b2ae;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 4px 0 0 0;
	padding: 0;
	line-height: normal;

}

#homepage .three-col-block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 0;
	border-bottom: 1px solid #bbc904;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #abc000;
	text-transform: uppercase;
	margin: 4px 0 0 0;
	padding: 0;
	line-height: normal;
}

/*
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b2b2ae;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 4px 0 0 0;
	padding: 0;
	line-height: normal;
}*/



p, #rightcol ol, #rightcol ul, #rightcol .newsitem, #rightcol table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 130%;
}

#rightcol table {
	clear: both;
	margin-bottom: 20px;
}

#rightcol ol, #rightcol ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 14px;
}

#rightcol li {
	padding: 2px 0;
}

#content #rightcol a {
	color: #1c6b8a;
}

#content #rightcol a:hover {
	color: #569db9;
}

#content #rightcol .content-divider {
	margin: 30px 0 0 0;
	padding: 0;
	border: none;
	background: url("/images/content-divider.gif") no-repeat;
}
/* END Text Styles */


/* TEMPLATE STYLES */
.three-col-wrapper {
	position: relative;
	width: 596px;
	margin: 0 0 14px 0;
}

.three-col-block {
	float: left;
	width: 185px;
	border-bottom: 4px solid #bbc904;
	margin: 0;
	padding: 20px 0 5px 0;
}

.three-col-block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 0;
	border-bottom: 1px solid #bbc904;
}

.three-col-block .text {
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 8px 0 2px 0;
	padding: 0;
}

.three-col-block .text a {
	color: #2d868c;
}

.three-col-block-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

.newsdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #9d9d9d;
	text-transform: uppercase;
	margin: 12px 0 16px 0;
	padding: 0;
}

.newsitem h2 {
	padding: 0;
	margin: 0 0 18px 0;
}

.newsitem h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #1c6b8a;
	letter-spacing: 0.6px;
	line-height: 120%;
	text-decoration: none;
}

.newsitem h2 a:hover {
	text-decoration: none;
	color: #d4d4d4;
}

.newsitem {
	padding-bottom: 3px;
	margin: 0 20px 30px 0;
	border-bottom: 2px dotted #d4d4d4;
}

.newsitem .footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #d4d4d4;
	text-transform: uppercase;
	line-height: 180%;
	margin-top: 10px;
	padding-top: 3px;
	text-align: left;
	border-top: 2px dotted #d4d4d4;
}

.newsitem .footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #1c6b8a;
	text-transform: uppercase;
	text-decoration: none;
}

.newsitem .footer a:hover {
	text-decoration: underline;
}

.newsarchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d4d4d4;
	margin: 20px 40px 0 0;
}

#prevnext {
	position: relative;
	width: 560px;
}

#prevnext-left {
	float: left;
	width: 200px;
}

#prevnext-right {
	float: right;
	width: 200px;
	text-align: right;
}
/* END TEMPLATE STYLES */



/* CUSTOM STYLES */
#leftcol-promotions {
	position: relative;
	margin: 30px 0;
	padding: 0;
}
/* END CUSTOM STYLES */


/* FORMS */
#form-wrapper {
	margin: 0 40px 0 35px;
}

div.formrow {
	clear: both;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212222;
}

div.formrow span.formlabel {
	float: left;
	width: 150px;
	text-align: right;
}

div.formrow span.formformw {
	float: right;
	width: 440px;
	text-align: left;
}

div.spacer {
	clear: both;
}

#requestinfowrap {
	position: relative;
	width: 596px;
	height: 1000px;
	background:url('/images/forms/Request-More-Info-BG-Oct2010-V03.jpg') no-repeat;
}

#requestinfowrap-inner {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 375px;
	background:url('/images/forms/bkgrd-requestinfo.png') repeat;
	padding: 0 10px;
}

#requestinfowrap-inner div.formrow {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212222;
	padding: 5px 0;
	margin: 0;
}

#requestinfowrap-inner div.formrow span.formlabel {
	float: left;
	width: 140px;
	text-align: right;
}

#requestinfowrap-inner div.formrow span.formformw {
	float: right;
	width: 225px;
	text-align: left;
}

#requestinfowrap-inner h1 {
	font-size: 20px;
	border: none;
}

form td {
	padding: 4px 0;
}

#application h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
}

/* error class */

.error-msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

.success-msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00AA00;
	font-weight: bold;
}

/* program form error */
.error {
	color: #FF0000;
}

form#application input.text {
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
}
/* END FORMS */

#searchpage {
	margin: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#searchpage a {
	color: #1c6b8a;
}

#homepage-programs {
	position: relative;
}

#homepage-programs ul {
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#homepage-programs li {
	margin: 0 0 1px 0;
	padding: 0;
}

#homepage-programs li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #35829c;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#homepage-programs li a:hover, #homepage-programs .on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #16526a;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#homepage-programs img {
	border: 8px solid #e8eae9;
	margin: 6px 0;
}

#infoformshort {
	position: relative;
	width: 596px;
	/*height: 176px;*/
	background: #ce0069 url('/images/forms/Form-Background-tile.jpg') top center repeat;
}
#infoformshort-inner {
	margin: 0;
	padding: 20px 15px;
}

#infoformshort-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 6px 0 0 0;
}

#infoformshort-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

#infoformshort-address {
	margin: 15px 0 0 0;
}

#infoform-address td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#infoformshort h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-transform: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	border: none;
}

#infoformshort h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	border: none;
}

#infoformshort p, #infoformshort td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 130%;
}

#infoformshort #infoform-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 6px 0 0 0;
}

#infoformshort #infoform-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

#infoformshort #getstarted {
	position: relative;
	width: 100px;
	margin: 4px 0 15px 0;
}

#infoformshort #infoform-address {
	margin: 15px 0 0 30px;
}

.sitemap-left {
	float: left;
	width: 290px;
	margin-top: 20px;
}

.sitemap-right {
	float: right;
	width: 290px;
	margin-top: 20px;
}

.sitemap-left h2 a, .sitemap-right h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.sitemap-left ul, .sitemap-right ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap-left ul li, .sitemap-right ul li {
	margin-left: -14px;
	padding: 0;
}

.sitemap-left li a, .sitemap-right li a {
	margin: 0;
	padding: 0;
}

.home-readmore {
	position: relative;
	width: 596px;
	margin-bottom: 20px;
}

.leftreadmore, .collapseleftreadmore {
	float: left;
	width: 400px;
}

.readmore-link, .collapse-link {
	float: right;
	width: 150px;
	text-align: right;
	/*margin: 10px 0 20px 0;*/
}

#left-banners {
	position: relative;
	width: 174px;
	height: 55px;
}

#left-theque {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 29px;	
}

#left-rss {
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	height: 26px;
}

#left-facebook {
	position: absolute;
	top: 36px;
	left: 0;
	width: 77px;
	height: 21px;
}

#left-twitter {
	position: absolute;
	top: 36px;
	right: 0;
	width: 78px;
	height: 20px;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


/* DROP SHADOW STYLES */

.mod {
   position:relative;
   z-index:0;
   width: 870px;
   margin-top:32px;
   margin-left: auto;
   margin-right: auto;

}
.mod .content{
   background:#fff;
   position:relative;
   z-index:2;

}
/* x1 = top and left edges;
   x1a = top right corner;
   x2 = right and bottom edges;
   x2a = bottom left corner */
.mod .x1,
.mod .x1a,
.mod .x2,
.mod .x2a {
   display:block;
   background:url(/images/shadow-bottomless.png) no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent;
   width:100%;
   height:100%;
   position:absolute;
   z-index: -100;
}
.mod .x1{
   background-position:0 0;
   z-index:-2;
   top:-32px; /* set to the size of the glow */
   left:-32px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 32px 32px 0;
}
.mod .x1 .x1a {
   height:32px;
   width:45px;
   background-position:100% 0;
   right:-45px;
   top:0;
}
.mod .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-32px;
   right:-38px;
   padding:32px 0 0 32px;
}
.mod .x2 .x2a {
   height:32px;
   width:42px;
   background-position:0 100%;
   left:-42px;
   bottom:0;
}

/* END Drop Shadow Styles */