/* BASE.CSS Base for all CSS */
/** clearfix is used to allow floated elements to occupy height within a box **/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
	clear: both;
}

html[xmlns] .clearfix {
    display: block;
	clear: both;
}

body
	{
		background: #0298d3 url(/_assets/images/bodyBg.jpg) center top;
		background-repeat:no-repeat;
		color:#08334C;
		font-family:"Arial",sans-serif;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
	}
	
div.callOut
	{
		background: #ffffff url(/_assets/images/calloutBg.png) left top ;
		width: 321px;
		height: 80px;
		padding-left: 20px;
		padding-top: 12px;
		padding-bottom: 6px;
		margin-left: 610px;
		margin-top: 10px;
		z-index: 1;
		position: relative;

	}	
	
div.callOut span.date
	{
		color: red;
		font-size: 15px;
	}	
	
div.callOut ul li
	{
		padding-bottom: 2px;
		padding-top: 2px;
		background-image: url(/_assets/images/arrowRed.png);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 15px;
	}	
	
div.callOut ul li a
	{
		font-size: 14px;
		color: #0298d3;
		text-decoration: none;
	}		
	
#wrapper 
	{
		margin:0 auto;
		width:982px;
	}
	
div.wrapperTop
	{
		background: url(/_assets/images/wrapperTop.png) left top;
		width: 980px;
		height: 7px;
		margin-top: -60px;
		z-index:-1;
	}
	
div.wrapperMain
	{
		width:966px;
		min-height: 300px;
		background: #ffffff url(/_assets/images/topBg.png) center top;
		background-repeat: no-repeat;
		border-left: 2px solid #036d97;
		border-right: 2px solid #036d97;
		padding: 5px;
	}	
	
	
div.l2
	{
		background: #ffffff url(/_assets/images/l2Bg.png) center top;
		background-repeat: no-repeat;
	}	
	
div.wrapperBottom
	{
		background: url(/_assets/images/wrapperBottom.png) left top;
		width: 980px;
		height: 7px;
	}	
	
img.logo
	{
		margin-left: 15px;
		margin-top: 15px;
	}
	
div.homeContentTop
	{
		height: 285px;	
	}
		
div.homeNav
	{
		width: 344px;
		float: right;
		vertical-align: bottom;
		margin-right: 12px;
		margin-top: 110px;
	}	

/*.win.gecko div.homeNav
	{
		width: 344px;
		float: right;
		vertical-align: bottom;
		margin-right: 12px;
		margin-top: 0px;
		border: 1px soid red;
	}	
*/	
div.homeNav ul
	{
		border-top: 1px solid #4dcbfc;
	}		
	
div.homeNav ul li
	{
		border-bottom: 1px solid #4dcbfc;
		padding-bottom: 6px;
		padding-top: 6px;
		background-image: url(/_assets/images/arrowBlue.png);
		background-repeat: no-repeat;
		background-position: 0 1em;
		padding-left: 15px;
	}
	
div.homeNav ul li a
	{
		font-size: 16px;
		color: #ffffff;
		text-decoration: none;
	}		
	
div.MainContentBottom
	{
		margin-top: 50px;
	}	
	

div.MainContentBottom div.bottomLeft	
	{
		width: 563px;
		float: left;
	}
	
div.MainContentBottom div.content	
	{
		padding-bottom: 30px;
		background: #f9f9f9;
		border-right: 1px solid #bebfbf;
		border-left: 1px solid #bebfbf;
	}	

div.contentBottom
	{
	background: #f9f9f9 url(/_assets/images/bottomLeftBg.png) left top no-repeat;
	width: 563px;
	height: 8px;
	}
	
div.MainContentBottom div.bottomRight	
	{
		width: 343px;
		float: right;
		margin-right: 10px;
		padding: 0;
	}
	
h1
	{
		color: #045575;
		font-size: 24px;
		padding-left: 40px;	
		margin-top: 30px;
	}
	
h2
	{
		color: #434647;
		font-size: 18px;
		padding-left: 40px;		
		margin-top: 20px;
	}
h3

	{
		color: red;
		font-size: 12px;
		padding-left: 40px;	
		margin-bottom: 25px;	
		font-weight: bold;
	}	
	
div.MainContentBottom div.bottomLeft p
	{
		color: #666666;
		padding-left: 40px;
		padding-right: 40px;
		margin-bottom: 15px;
	}	
			
div.bottomLeft ul
	{
		padding-left: 25px;
		padding-right: 40px;	
	}		
	
div.bottomLeft ul li
	{
		padding-bottom: 10px;
		padding-top: 10px;
		background-image: url(/_assets/images/arrowRed.png);
		background-repeat: no-repeat;
		background-position: 0 1em;
		padding-left: 15px;
	}
	

div.sponsorTop
	{
		height: 11px;
		width: 342px;
		margin: 0;
		padding: 0;
		background-image: url(/_assets/images/sponsorTop.png);
	}				

div.sponsorMain
	{
		background-color: #f9f9f9;
		border-left: 1px solid #bebfbf;
		border-right: 1px solid #bebfbf;
		width: 340px;
		vertical-align: top;
		margin: 0;
		padding-top: 0;
	}	
	
div.footer
	{
		margin: -5px;
		margin-top: 20px;
		background-color: #dbeaf0;
		padding: 25px;
		border-top:1px solid #036d97;
	}
	
div.footer span.footerTxt
	{
		font-weight: bold;
		color: #80888b;
	}	

/* NAVIGATION CSS */

#nav 
	{
		background: #0298d3 url("/_assets/images/nav/bg.gif") repeat-x scroll center bottom;
		float:left;
		font-size:110%;
		line-height:normal;
		width:100%;
		height: 32px;
		margin-top: 29px;
	}
	
#nav ul 
	{
		list-style:none outside none;
		margin:0;
		padding:0 10px 10px 0;
		padding-bottom: 1px;
		padding-left: 15px;
		padding-right: 0px;
		padding-top: 1px;
		
		}
	
#nav li 
	{
	background:url("/_assets/images/nav/left.gif") no-repeat scroll left top transparent;
	float:left;
	margin:0;
	padding:0 0 0 9px;
	}
	
#nav a 
	{
		background:url("/_assets/images/nav/right.gif") no-repeat scroll right top transparent;
		color:#ffffff;
		display:block;
		float:left;
		font-weight:bold;
		height: 32px;
		padding:5px 15px 4px 6px;
		text-decoration:none;
	}

#nav a 
	{
		float:none;
		padding-top: 11px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom:0px;

	}
	
#nav a:hover 
	{
		color:#333333;
	}
	
#nav #on 
	{
	
		background-color: #ffffff;
		background-image: url("/_assets/images/nav/left_on.gif");
		
	}
	
#nav #on a 
	{
		background-image:url("/_assets/images/nav/right_on.gif");
		color:#e41421;
		background-position-y: 0;
	}

/*
div.nav
	{
    	float:left;
    	width:100%;
    	background:yellow;
    	font-size:93%;
    	margin-top: 28px;
		margin-left: 0px;
    	line-height:normal;
    	border:1px solid red;
    }


	
ul.navList
	{
		margin:0;
		padding:0;
		height: 34px;
	}	
	
ul.navList li
	{
		display:inline;
		padding:0;
		margin:0;
		height: 22px;
		height: 34px;
		border:1px solid red;
	}
		
ul.navList li.on
	{
		display:inline;
		padding:0;
		margin:0;
		height: 22px;
		height: 34px;
		background: #ffffff;
		border:1px solid red;
	}	
	
div.nav a:link,
div.nav a:visited 
	{
		color:#ffffff;
		font-size: 20px;
		text-decoration: none;
		padding-left: 22px;
		padding-right: 22px;
		height: 34px;
	}	
	
	
div.nav ul li.on a:link
	{
		color:#e41421;
		
		font-size: 20px;
		text-decoration: none;
		padding-left: 22px;
		padding-right: 22px;
		height: 34px;
	}
	*/
/* LEVEL 2 CONTENT CSS */	
		
div.leftContent
	{
		float: left;
		width: 450px;
		margin-right: 31px;
		margin-top: 5px;
		margin-bottom: 15px;
	}

div.rightContent	
	{
		float: right;
		width: 450px;
		padding-right: 10px;
		margin-top: 5px;
		margin-bottom: 15px;
	}