/* GLOBAL SITE FORMATTING
------------------------------------------------------- */
html{
	min-width: 980px;
}

body{
	text-align: center;
	background: url(../images/bkg.gif) top left no-repeat;
	background-color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #4d4d4d;
	margin: 0 auto;
}
a {color: #034669; font-weight: bold;}
a:hover {color: #02699f;}
img {
	border: 0;
	vertical-align: middle;
}
h1 {color: #034669; 
	
	font-size: 200%;

}
h2 {color: #333333; 
	font-weight: normal;
	font-size: 150%;
	line-height: 16pt;

}	
	
#shell {
	text-align: left;
	margin: 0 auto;
	
	width: 980px;
	
    /*border: 1px solid #034669; */

}
#shellBody {
	width: 980px;
	margin-top: 1px;
	margin-right: -5px;
	margin-left: 0px;


}
.oneCol{
	float: left;
	width: 980px;

	margin-left: 10px;

}
.leftColLg{
	float: left;
	width: 760px;

	margin-left: 20px;

}
.leftColHome{
	float: left;
	width: 720px;

	margin-left: 20px;

}
.leftCol {
	float: left;
	width: 310px;

	margin-left: 20px;

}
.centerCol {
	float: left;
	width: 310px;
	margin-left: 10px;

}
.rightCol {
	float: right;
	width: 310px;
	margin-right: 10px;

}
/*  LEFT MENU BOX
------------------------------------------------------- */
.leftMenu {
	padding-bottom: 10px;
	border-left: 1px solid #ccc;
	float: right;
	
	margin: 50px 10px 10px 0px;
	width: 170px;
}


.leftMenu p{
	padding: 3px 20px 5px 20px;
	margin: 0px;
	color: #4d4d4d;
}

/* LEFT MENU LIST
------------------------------------------------------- */
ul.leftMenuList {
	display: block;
	margin: 0px;
	padding: 1px;
	list-style-type: none;
	padding-left: 10px;
}
ul.leftMenuList li{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
ul.leftMenuList li a{
	display: block;
	padding: 4px 10px 5px 20px;
	text-decoration: none;
}
ul.leftMenuList li a:hover{
	background: #caeaf4;
	padding: 4px 10px 5px 20px;
	color: #034669;
	text-decoration: none;
}
ul.leftMenuList li.selected a{
	background: #caeaf4;
	padding: 4px 10px 5px 20px;
	color: #034669;
	text-decoration: none;
}
/*  RIGHT EVENT BOX
------------------------------------------------------- */
.event {
	padding-bottom: 10px;
	
	float: right;
	
	margin: 0px 10px 10px 0px;
	width: 220px;
}


.event p{
	padding: 3px 20px 5px 20px;
	margin: 0px;
	color: #4d4d4d;
}

/* RIGHT EVENT LIST
------------------------------------------------------- */
ul.eventList {
	display: block;
	margin: 0px;
	padding: 1px;
	list-style-type: none;
	padding-left: 10px;
}
ul.eventList li{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}



/* MASTHEAD
------------------------------------------------------- */
#masthead{
	position: relative;
	height: 65px;
	width: 980px;
	margin-right: 0px;
	margin: 0 auto;
	margin-bottom: 25px;
	
}
/* BREADCRUMBS
------------------------------------------------------- */
.bcrumbs {
	padding: 4px;
	font-size: 90%;
}


/* HEADER TITLE AND LOGO
------------------------------------------------------- */

.headerTitle {
	float: left;
	margin: 2px 0px 4px 10px;
	position: relative;
}
.headerTitle h1{
	float: left;
	padding: 0px;
}

/* GLOBAL MENU DROP DOWNS
------------------------------------------------------- */
.menuBar {
	width: 970px;
	height: 22px;
	background: #034669;
	margin-left: 20px;
	margin-bottom: 15px;
}

#sddm {	
	margin-left: 20px;
	padding: 0;
	z-index: 30;
}

#sddm li {	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a {	
	display: block;
	margin: 0;
	padding: 4px 10px;
	width: 60px;
	background: #034669;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover {	
	background: #49A3FF;

}
#sddm li a.selected {	
	background: #49A3FF;
	
}
#sddm div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	border-left: 1px solid #49A3FF;
	border-right: 1px solid #49A3FF;
	border-bottom: 1px solid #49A3FF;
}

#sddm div a	{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #fff;
	color: #2875DE;
	font: 11px arial;
}

#sddm div a:hover {	
		background: #49A3FF;
		color: #fff;
}



/* FOOTER
------------------------------------------------ */
#footer {
	clear: both;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #034669;
	margin-left: 10px;
		
}
#footer span{
	padding-top: 3px;
	padding-left: 10px;
	float: left;
	color: #999999;
	font-size: 90%;
}

/* CLEARING
------------------------------------------------ */
.clearthis:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearthis {display:inline-block;}
/* Hide from IE Mac \*/
.clearthis {display:block;}
/* End hide from IE Mac */



/* RIGHT COLUMN BOX
------------------------------------------------------- */
.rightColBox {
	padding-bottom: 20px;
	color: #fff;
	float: right;
	background:url(../images/rightColBottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
	width: 300px;
}
.rightColBox h3 {
	font-family: tahoma;
	font-size: 120%;
	color: #ff6634;
	padding: 15px 8px 13px 20px;
	margin: 0px;
	
	background:url(../images/rightColTop.gif) no-repeat top left;
}
.rightColBox h3 span{
	float: right;
	margin-top: -13px;
}
.rightColBox p{
	padding: 3px 20px 5px 20px;
	margin: 0px;
	color: #fff;
}


/* RIGHT COLUMN LIST
------------------------------------------------------- */
ol.moduleList {
	display: block;
	margin-top: -5px;
	margin-left: 45px;
	padding: 1px;
}
ol.moduleList li{
	background: url(../images/icon_bullet.gif) no-repeat left top;
	padding-left: 2px;
	margin-left: 1px;
	font-weight: bold;
	padding-bottom: 2px;
}
ol.moduleList li a{
	font-weight: normal;
}