/* top bar nav on top of template good for staic links link sections etc.*/
.topbar{
color:#fff;
background-color:#222;
/*ajust the top bar height*/
height:30px;
text-align:right;
text-decoration:none;
padding-top:5px;
padding-right:5px;
display:block;
white-space:nowrap;
}
.topbar a:link{color:White;}
.topbar a:visited{color:White;}
.topbar a:hover{color:White;}

/* Wrapper Footer Trick */
#Wrapper {
height:auto !important;
/*this works hand in hand with the #FooterWrapper min-height: settings */
min-height:90%;
}

/* Heading Color and Height control*/
#Header {
background-image:url(../images/brb.png);
background-repeat: repeat-x;
}

/*Menu Wrapper to cover the width if needed*/
#MenuWrapper{
	background-color:#333;
	width:100%;
	height:25px;
	white-space:nowrap;
	/*need for  FF div not working right*/
	margin:0 auto;
	padding-top:5px;
	}

/* Main Body Padding */
.MainBody{padding:8px;}
	
/* Start of layout Center Mass */

/* End of layout Center Mass */

/* Centers the footer links etc.*/
.center{margin:0 auto;text-align: center; }
#FooterWrapper{
padding:10px;
clear:both;	
/*this works hand in hand with the #Wrapper min-height: settings */
min-height:10%;
background-color: #222;
}


#dropshadow{
	margin:0 auto;
	width: 100%;
	max-width:980px;
	background-image: url(../images/content_bg.png);
	background-repeat:repeat;
/*	background:#fff;*/
	
}

#container {
	margin: 0 auto;
/*	background:#fff;*/

}

#topnav{
	height:35px;
	background: #0079C1;
	position: fixed;
	z-index:999;
	width:100%;
	max-width:980px;

}

#topnav div.moduletable ul {
    margin: 0;
    padding: 0;
	line-height:20px;
}

#masthead{
width: 100%;
max-width:980px;
height:263px;
background-image: url(../images/masthead_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
position:inherit;
	z-index:5;
	overflow:hidden;
	padding-top:35px;
}

#title{
	max-width:980px;
	height:75px;
	background-image:url(../images/ncca_sp_bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
	

}

#breadcrumbs {
	width:100%;
	padding: 0 0 45px 0;
	font-size:14px;
}

#breadcrumbs a:link, #breadcrumbs a:visited,  {
	color:#000;
}

#breadcrumbs a:hover {
	color:#0a58a2;
	}

#breadcrumbs .moduletable-breadcrumbs ul{
	 padding:0;
	 margin:0;
 }
 
#breadcrumbs .moduletable-breadcrumbs li{
	 display:block;
	 float:left;
	 list-style:none;
	 padding:5px;

 }
 
.divider {
	 padding-left: 5px;
 }

#content{
	padding:0px 20px 50px 20px;
	background-image:url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top:-70px;

}



#social{
	padding:5px 15px;
	overflow:auto;
	
}

#twitter{
	width:940px;
}

#facebook{
	width: 940px;
	
}


#slider {
	width: 940px;
	height: 270px;
	float:left;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

#leftcol{
	/*float:left;*/
	margin:20px 50px;
	padding-top:25px;

}

#rightcol{
	float:right;
	width:200px;
	height:130px;
	margin-bottom: 20px;
}



#footer {
	clear:both;
	background-color:#8BBFE9;
	color:#3E64AF;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height: 1.2em;
	padding: 0px 20px 20px 20px;
	min-height:100px;

}

#footer a:link {
	color: #3E64AF;
	text-decoration:none;
	}
	
#footer a:visited {
	color: #3E64AF;
	text-decoration:none;
	}
	
#footer a:hover {
	color: #fff;
	text-decoration:none;
	}
	
.designer {
	color: #fff;
	font-weight:normal;
	padding: 10px 0;
	font-size:10px;
	}	
	
	
.designer a:link {
	color: #fff;
	text-decoration:none;
	}
	
.designer a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.designer a:hover {
	color: #fff;
	text-decoration:underline;
	}