/* -------------------------------- */
/* RESET HTML TAG					*/ 

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	margin:0;
	padding:0;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-y;
	background-position:top center;
	background-color:#EEE;
}
a:link, a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#598b9d;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#598b9d;
	padding:20px 0 1px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #ccc;
}
h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#598b9d;
	padding:10px 0 1px 0;
	margin:0 0 5px 0;
}

.logo{
	padding:20px 0 20px 20px;
	margin:0;
}

/*ul{
	list-style-type:disc;
	margin:0;
	padding:0;
}
ul li{
	margin:0 0 0 20px;
	padding:2px 0 2px 0px;
}*/


/* -------------------------------- */
/* Top Navigation 					*/ 

ul.topnav {
	list-style-type:none;
	margin:20px 20px 0 0;
	padding:0;
}
ul.topnav li {
	display:inline;
	background-image:url(../images/divider-top-nav.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}
ul.topnav li a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color: #598b9d;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0px 5px 0px 8px;
}
ul.topnav li a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color: #598b9d;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0px 5px 0px 8px;
}
ul.topnav li a:hover {
	color: #598b9d;
	text-decoration: underline;
}
ul.topnav li.first {
	background-image:none;
	padding: 0 2px 0 0;
}

/* -------------------------------- */
/* Main Navigation					*/ 

ul.navigation{
	list-style-type:none;
	margin:0 0 0 1px;
	padding:0;
}

ul.navigation li{
	float:left;
	background-image:url(../images/bg-navigation.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	border-right:1px solid #FFF;
}
ul.navigation li a{
	margin:0;
	padding:8px 22px 10px 21px;	
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;	
	display:block;
}
ul.navigation li.active{
	margin:0;
	padding:8px 22px 9px 21px;	
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;	
	display:block;	
	background-color:#666;
	background-image:none;
}
ul.navigation li a:visited{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;	
	text-decoration:none;
	
}

ul.navigation li a:hover{
	padding:8px 22px 9px 21px;
	background-image:url(../images/bg-navigation-hover.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	text-decoration:none;
}

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


/* -------------------------------- */
/* Grid Section					*/

.bgmain{ background-color:#ffffff; padding:5px;}
.bgalt{ background-color:#f5f5f5; padding:5px;}
.bghead{background-color:#666; color:#fff; font-weight:bold; padding: 8px 0 8px 10px;}



/* -------------------------------- */
/* POTM Archive Section					*/

div.Section1 {
	page:Section1;
}
.txt {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	line-height:16px;
}
.year-heading{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#807f7d;
	padding: 8px 0 8px 0;	
}
.monthul{
	display:none;
}
.highlight{
	background-color:#f5f5f5;
	padding:15px;
	border:1px solid #ccc;
}

.product-title{
	display:block;
	font-size:12px;
	font-weight:bold;
	height:23px;
	margin:0;
	padding:3px 0 0 0;
	width:100%;
}


/* -------------------------------- */
/* Footer Section					*/

.footer{
	background-image:url(../images/bg-footer.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFF;		
	margin:0;
	padding:10px;
}

/** {
	margin:0;
	padding:0;
}*/
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	padding-bottom: 47px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -47px; /* negative value of footer height */
	height: 47px;
	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;
}
/* Scroller Box */
#scroller_container {
 position: relative;
 width: 100%;
 height: 15px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap; 
 font-size: 11px;
 font-family:Tahoma, Geneva, sans-serif;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */

a.marqueelink{ font-family:Tahoma, Geneva, sans-serif; color: #fff; font-weight:bold; text-decoration:none;}
a.marqueelink:visited{ font-family:Tahoma, Geneva, sans-serif; color: #fff; font-weight:bold; text-decoration:none;}
a.marqueelink:hover{ font-family:Tahoma, Geneva, sans-serif; color: #fff; font-weight:bold; text-decoration:underline;}