@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
 blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Tahoma, sans serif; vertical-align: baseline;
}

/**remember to define focus styles!**/
:focus { outline: 0;
}

body {
	margin: 0;
	padding: 0;	
	font-family:Tahoma,Verdana, sans-serif;
	background: #b4e9ff;
	line-height: 1.66; color: black;
}
blockquote{margin:0 20px; font-size: 0.9em; font-style:italic;}
/**tables still need cellspacing=0 in the markup**/
table { border-collapse: separate; border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal;
}

a:link, a:visited {
  color: #144d8a;
  text-decoration: underline;
}

a:hover {
  color: #014886;
  text-decoration: none;
}

img { 
	border:none;
}

h1, h2, h3, h4, h5, h6{color: #014886; font-family:Tahoma,Verdana, sans-serif;}
/*** Centering Page***/
#container {
	margin:0 auto;
	width:990px;	
	background: url(../images/header-bg.jpg) no-repeat #fff;
	padding:20px 0 10px 0;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
/*************** Header Styles ***************************************/
#logo{float:none; margin:0; padding-left: 20px;}

/************************ Navigation Styles **********************************/
#nav {

background:#fff;
padding:4px;
margin-left: 25px;
margin-top:-10px;
width: 750px;
}
#nav ul{margin:0; padding:0; padding-left: 15px;}
#nav ul li {
	list-style:none;
	float:left
}
#nav ul li a {
	color:#000;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:5px 9px 5px 9px;
	text-decoration:none;
	text-transform:uppercase;
	background: #fff;
}
#nav ul li.last a {
	
}
#nav ul li.current a,#nav ul li a:hover,#nav ul li.here a{
	background: #DADFF8;
	color: #3F3F3F;
}
/*************************** Video *******************/
#video{margin-left: 44px;}

#slideshow{margin-left: 50px; margin-top:2px;}

/****************************Content Styles **********************************/
#content{clear:both; min-height:300px; background: transparent; margin: 30px 40px 10px 40px;}

#content #box1, #content #box3{float:left; }
#content #box2, #content #box4{float:right;}

#content #box1, #content #box2, #content #box3,#content #box4{width:444px; height: 348px;margin-top:0}
#content #box1{background:url(../images/calc-content-bg.png) no-repeat;}
#content #box2{background:url(../images/participate-content-bg.png) no-repeat; margin-top:-8px;}
#content #box3{background:url(../images/news-box-bg.png) no-repeat;}
#content #box4{background:url(../images/media-box-bg.png) no-repeat;}
#home #content .info{padding:15px 25px 0 30px; font-size:0.85em; line-height:1.40; text-align:justify;}
#home #content .info .read-more{text-align:right;}
#home #content .info h1,#home #content #box3 h1{font-size: 1.30em; font-family:Arial Black, Tahoma, sans-serif; margin-bottom:-5px; padding:0;text-align:left;}

#home #content #box2 .info{padding-top:90px}
#home #content #box2 .info ol{margin:15px 0 0 25px; padding:0; }
#home #content #box2 .info ol li{font-family:Arial Black, Tahoma, sans-serif; color:#fff; font-size:1.1em;}
#home #content #box2 .info ol li span{font-family:Tahoma, Verdana, sans-serif; color:#000;font-size:0.95em;}

#home #content #box3 h1{padding:10px 25px 0 30px;}
#home #content #box3 .info{padding-left:180px;}
#home #content #box3 .info ul{margin:0;padding:0;}
#home #content #box3 .info ul li{padding-left:10px;}

#home #content #box4 .link-info{text-align:center; font-size: 0.9em; margin-top:0}
#home #content #box4 ul#print{list-style:none; margin:0; padding:0}
#home #content #box4 ul#print li{float:left; width: 110px;}
#home #content #box4 ul#print li.video-info{width: 155px;}
/************************ Footer Styles **********************************/
#footer{
	clear: both;	
	font-size: 0.8em;	
	color:#fff;	
	background: url(../images/footer.jpg) top left no-repeat #0f75bc;	
	padding: 0;
	text-align:left;
	height:268px;
	width:990px;
	margin: 0 auto;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
#footer img.green-leaf{float:right; margin:0 0 0 0;}
#info{}
#copyright{padding:165px 40px 0 40px;}
#footer a{color:#fff;text-decoration:underline;}
.clear{clear: both;margin:0; padding:0;}