/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
*	author:		ken hanson
*	email:		ken@markupninjas.com
*	website:	www.markupninjas.com
**********************************************************************************/

/***********************************
    =Colors
************************************

dark blue: #002965
background grey: #888888
red: #74232A
med blue: #566D8E
light blue-grey: #C7D1E0

************************************/


/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
em {font-style: italic; }
em.icon {font-style: normal; }
span em {font-style:normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; } 
	a:hover { text-decoration: underline; }
		
	a em { cursor: pointer; }

.hidden { display: none;}
	
/***********************************
		=Wrappers / =Gen Styling
***********************************/
body 
{
	color: #616161;
	font: 14px/18px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	background: #8a8a8a url(../images/bg-body.jpg) repeat-x 0 -25px;
}
	#wrapper 
	{
		margin: auto;
		position: relative;
		width: 1000px;
                padding: 0 25px;
                background: transparent url(../images/bg-wrapper.png) repeat center;
	}
		
/***********************************
		=Header Styling
***********************************/
		
#header
{
    display: none;
}

#menu
{
  background: white url(../images/bg-menu.jpg) repeat-x 40px bottom;
  height: 95px;
  position: relative;
	clear: both;
}

	#mainMenu 
	{
	
        height:26px;
        line-height:26px;
        padding-left:455px;
        position:absolute;
        top:70px;
        

        }
		#mainMenu li { float: left; position: relative; margin-left:3px;}
			#mainMenu li a { color: #369; padding: 0 10px; display: block; font-size: 90%; font-family: Verdana; text-shadow: 1px 1px 3px #aaa;}
			
  		#mainMenu li.selected, #mainMenu li:hover, #mainMenu li.over { background: #74232A url(../images/bg_mainNavLeft.png) no-repeat top left; position: relative;}
  			#mainMenu li.selected a, #mainMenu li:hover a, #mainMenu li.over a { background: url(../images/bg_mainNavRight.png) no-repeat top right; color: #fff; text-decoration: none;} 
			
			#mainMenu li .submenu 
			{ 
				display: none;
				position: absolute;
				left: 0px;
				top: 26px;
				background: white;
				z-index: 300;
				width: 220px;
				font-size: 13px;
				border-left: solid 1px #e4f0d6;
				border-right: solid 1px #e4f0d6;
				border-bottom: solid 1px #e4f0d6;
			}
			
			#mainMenu li.last .submenu { left: auto; right: 0px; text-align: right;}
			
			#mainMenu li:hover .submenu, #mainMenu li.over .submenu { display: block; }
			
				#mainMenu .submenu li { display: block; float: none; position: relative; background: none; margin-top: 0px; margin-left: 0px;}
				  #mainMenu .submenu li a { color: #001b47; float: none; display: block; background: none; line-height: 28px; height: 28px;}
						#mainMenu .submenu li a:hover { background: #EDEDED; text-decoration: none; color: #002963;}
			  
  
/***********************************
		=Content Styling
***********************************/


h3 { font-size: 18px; color: #002255; line-height: 24px; margin: 0 0 20px 0;}
		
h4 img 
{
  margin-right:8px;
  vertical-align:middle;
}


/***********************************
		=Main Content Styling
***********************************/
.mainContent 
{
  background-color: #566D8E;
  border-top: 6px solid #74232A;
  border-bottom: 6px solid #74232A;
  overflow: hidden;
  clear: left;
  zoom: 1.0;
  padding: 30px 60px 30px 60px;
}

.innerContent
{
  background-color: white;
  padding: 30px 60px 30px 60px;
}

.mainContent p
{
  margin-bottom: 16px;
  color: #002963; 
  
}

.mainContent h2 img {
  vertical-align:middle;
}

.mainContent h2 
{ 
  color: #002963; 
  text-transform: uppercase; 
  margin-bottom: 24px; 
  font-size: 18px; 
  font-weight: bold; 
  clear: left; 
  padding-top: 8px;
}

.mainContent h3
{
  font-size: 18px;
  color: #002963; 
}

.mainContent h4
{
  color: #002963; 
  margin-bottom: 8px;
}


/*
.Content ul { padding-bottom: 20px; }
	.Content .userContent ul li { padding-left: 12px; padding-bottom: 10px; line-height: 16px; background: url(../images/icon_contentListBullets.png) no-repeat 0 5px; }

.Content ol { padding-bottom: 20px; padding-left: 20px; list-style: decimal; }
	.Content ol li { padding-bottom: 10px; line-height: 16px; }
*/
		
.userContent .img-frame {
  background:#F6F6F6 none repeat scroll 0 0;
  border:1px solid #D6D6D6;
  display:inline;
  float:right;
  margin:-1px 0 6px 18px;
  padding:5px; }
    
.userContent .left { float: left; display: block; }
.userContent .inline { display: inline !important; clear: none !important;}

/***********************************
		=Home Styling
***********************************/
.homeWrapper { /*border-top: 6px solid #74232A;*/ overflow: hidden; zoom: 1.0;}

 .topWrapper { border-top: 6px solid #74232A; background-color: #566D8E; clear: left; overflow: hidden; zoom: 1.0; padding: 25px 40px 15px; background-image: url(../images/bg-top.jpg); background-position: top left; } 
/*.topWrapper { border-top: 6px solid #74232A; background-color: #57749E; clear: left; overflow: hidden; zoom: 1.0; padding: 40px 40px; }
/*.topWrapper { border-top: 6px solid #74232A; background-color: #002965; clear: left; overflow: hidden; zoom: 1.0; padding: 40px 40px; }*/

	 /*.homeMiniCallout { width: 260px; height: 260px; float: left; margin-right: 19px; background-color: #002963;} */
	 .homeMiniCallout { float: left;}
	
 	 .homeSlideshowCallout { float: right;}
				
	 .bottomWrapper 
	 { 
	   border-top: 6px solid #74232A; 
	   border-bottom: 6px solid #74232A; 
	   clear: left; 
	   overflow: hidden; 
	   zoom: 1.0; 
	  }
  
   .bottomContent { background: #111 url(../images/bg-bottom.jpg) no-repeat; height:100px; padding: 16px; padding-left: 52px;}
    
    .bottomContent .infoSquare { float: left; margin: 0px 0px 0px 0px; height: 100px; width: 305px;}
    .bottomContent .infoSquare .text {float: right; margin: 0 8px 0 8px; width: 189px;}
    .bottomContent .infoSquare img { float:left;}
    .bottomContent .infoSquare h3 { color: #C7D1E0; font-size:18px; line-height:20px; margin: 0;}
    .bottomContent .infoSquare p { color: #C7D1E0; font-size: 12px; padding-top: 4px; /*width: 101px;*/ line-height: 14px;}

/***********************************
		=Subpage Styling
***********************************/

.contentContainer {
  padding: 0px 20px 15px 20px;
}

.subContentContainer{
  padding: 20px 60px 0px 60px;
}

.floating_image {
  float: right;
  padding-left: 30px;
  padding-bottom: 30px;
}

.floating_image h4 {
  padding-top: 10px;
}
    
    
/***********************************
		=Footer Styling
***********************************/
.footer 
{ 
  background-color: white;
  border-bottom: 6px solid #002965;
  padding: 2px;
  font-size: 12px; 
  position: relative; 
  clear: both;
}

  .footerImages { margin: 13px 0 13px 0;}
	
	.copyright { text-align: center; }