/* --------------------------- LAYOUT */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background: #273E77 url(../images/page_background.jpg) repeat-x left top;
	font: 89%/140% Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
} 
 
#pagewidth{
	margin:0 auto;
	padding:0;
	width:858px;
	text-align:left;
	background: url(../images/pagewidth_background.gif) repeat left top;
	border-right: 3px outset #273E77;
	border-left: 3px inset #273E77;
} 

#pagephoto{
	width:100%;
	margin:0 auto;
	padding:0;
	background: url(../images/header_photo.jpg) no-repeat left top;
} 
 
#header{
	position:relative;
	height:140px;
	width:100%;
} 
 
#leftcol{
 width:196px; 
 float:left; 
 position:relative;
 text-align:center;
  }
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:662px; 
 }
 
 #maincontent{
	padding: 0px 50px 0px 30px;
}
 
#footer{
	height:66px;
	clear:both;
	background: url(../images/footer_background.gif) no-repeat left bottom;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* --------------------------- LEFT MENU */ 

.moduletable_menu ul
{
padding-left: 0;
margin-left: 20px;
width: 154px;
}

.moduletable_menu ul li
{
	list-style: none;
	margin: 0;
	padding: 8px 2px 10px 0px;
	background: url(../images/menu_separator.jpg) no-repeat left bottom;
	text-align: right;
	line-height: 100%;
}

.moduletable_menu ul li a {
	text-decoration: none;
	font: small-caps 15px Georgia, "Times New Roman", Times, serif;
	color: #FDFDFD;
	text-align: right;
	letter-spacing: .1em;
}

.moduletable_menu ul li a:hover {
	color: #FFF674;
}

/* Subitems */ 

.moduletable_menu ul li ul
{
padding-left: 0;
margin-left: 0px;
width: auto;
}

.moduletable_menu ul li ul li
{
	list-style: none;
	margin: 0;
	padding: 4px 2px;
	text-align: right;
	line-height: 100%;
	background:none;
}

.moduletable_menu ul li ul li a {
	text-decoration: none;
	font: small-caps 11px Georgia, "Times New Roman", Times, serif;
	color: #FFF674;
	text-align: right;
	letter-spacing: normal;
}

.moduletable_menu ul li a:hover {
	color: #FDFDFD;
}

/* --------------------------- TYPOGRAPHY */ 

a:link, a:active, a:visited{color: #005DA4;}
a:hover{color: #788A32}

h2, .componentheading{
	font: small-caps 2.1em "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 10px 0 20px;
	padding: 4px 10px;
	background: url(../images/main_heading_bkg.jpg) no-repeat left top;
	border:none;
}




h3{
	color: #006600;
	background: url(../images/h3_bullet.gif) no-repeat left center;
	padding-left: 30px;
	font-size: 1.5em;
}

h4{
	color: #FC7215;
}

#page ul{
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin-top: 6px;
	margin-bottom: 6px;
}
#page ul li{
	color: #006699;
	list-style: disc;
	font-size: 95%;
	font-variant: small-caps;
}

/* --------------------------- LINKS */ 

a.readon{
	text-decoration: none;
	text-align: right;
	display: block;
	border-bottom: 1px solid #005DA4;
}


/* --------------------------- MODULES */ 

.moduletable-pi{
	color: #FFFFFF;
	margin: 0px 0px 0px 443px;
	padding: 0px;
	width: 360px;
	text-align: right;
}

.moduletable-pi h2{
	font: small-caps 18px "Times New Roman", Times, serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 0 12px 0;
	border-bottom: 0px solid #000000;
	background:none;
}
.moduletable-pi p{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	padding:0;
	font: italic normal 11px/110% Georgia, "Times New Roman", Times, serif;
}
.moduletable-pi a{
	color: #FFFF33;
	text-decoration: none;
}
.moduletable-slide, .moduletable-flexheader{
	margin-top:20px;
}

.moduletable-footinfo{
	color: #005DA4;
	width: 580px;
	margin-left: 225px;
	padding-top: 11px;
	border-top: 1px solid #005DA4;
	font-size: 10px;
	line-height: 100%;
}

.moduletable-weblinks, .moduletable-slideshare{
	width:153px;
	margin:auto;
	
}
.moduletable-weblinks h3, .moduletable-slideshare h3{
	background:#006699 url(none);
	font-size: 1.1em;
	text-align: left;
	margin: 0.5em 0em;
	padding: 0.3em;
	color: #FDFDFD;
	border-bottom: 1px solid #003366;
}


.moduletable-weblinks img{
	width:153px;
	margin:.5em 0;
	border:none;
	
}
.moduletable-slideshare tr.sectiontableentry1{
	background:none;
}

.moduletable-slideshare img{
	width:153px;
	height:auto;
	border:none;
}

/*********** CONTACT PAGE ***********/ 

table.category a:link, table.category a:active, table.category a:visited, table.category a:hover {text-decoration:none;}
a.category, a.category:link, a.category:active, a.category:visited, a.category:hover {text-decoration:none; border:none; font-weight:bold;}

.contact{
	margin:0;
	padding:0;
}

.category{
	font-size: 12px;
	border-bottom: 1px solid #003366;
}

.sectiontableentry0, .sectiontableentry, .sectiontableentry1{
	background: #ffffff;
	border-bottom:1px solid #999999;
	padding:3px 0;
}
.sectiontableheader{
	background: #003366;
	color: #FFFFFF;
}

.sectiontableheader a:link, .sectiontablehead a:active, .sectiontablehead a:visited, .sectiontablehead a:hover{
	color: #FFFFFF;
	text-decoration:none;
}

.category td, .category th{
	margin: 0px;
	padding: 3px;
}

div.contact {
	width:90%;
}
div.contact p {
	font-size: 1.3em;
	color: #5098D5;
	font-style: normal;
	margin:0.4em 0;
	padding:0;
}
div.contact_address {
	float:right;
	width:42%;
	padding:8px;
	line-height: 130%;
	display:block;
	font-size: .93em;
	margin: 13px 0 0 0;
	background: #EDFFF3;
	border: 1px solid #66CC66;
}
div.contact_address p {
	padding: 0;
	margin:0;
	font-weight:normal;
}

#emailForm{
	width:55%;
	margin:0;
	padding:0;
	display:block;
}
#emailForm label {
	display:block;
	margin:10px 0 4px;
}
button {
	font-size: 0.9em;
	color: #FFFFFF;
	background: #003366;
	padding: 2px;
	margin:10px;
}
div.contact form {
	padding: 10px 0;
}
#contact_name, #contact_email, #contact_subject, #contact_text {
	font-size: 0.9em;
	color: #003366;
	background: #EDF1FD;
	padding: 2px;
	border: 1px inset #305513;
}
#contact_text {
	width:300px;
	height:150px;
}

.marker {
	font-weight: bold;
}

#emailForm label.copy{
	display:inline;
	margin:0;
	padding:0 5px;
	font-size:9px;
}

/*********** LOGIN PAGE ***********/ 

#login .name, #login .pass {
	padding:5px 0;
}
#login label{
float: left;
width: 130px;
font-weight: bold;
}

#login input{
width: 180px;
margin-bottom: 5px;
}

/*********** IMAGE CAPTION ***********/ 

.img_caption {
	margin:0 .5em;
	padding:0 .5em;
}
.img_caption img{
	padding: 0.4em;
	border: 1px solid #006600;
}
.img_caption p {
	font-size: 0.8em;
	font-style: italic;
	color: #666666;
	margin:0;
	padding:0;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
}