/* Layout */
#bodyID {
	margin: 0px 0px 0px 0px; 
	padding: 10px 10px 10px 10px; 
	background-color: #5469a5; 
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	height: 100%;
	color: #666666;
    }

#indexTable {
	vertical-align: top; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	padding: 10px 10px 10px 10px;
	background-color: #C1C297;
	}		
	
#indexTable h1 {
	line-height: 28px; 
	text-align: center; 
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 28px;
	}	

#indexArea {
	vertical-align: top; 
	font-size: 12px; 
	line-height: 16px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	height: 100%;
	padding: 10px 10px 10px 10px;
	background-color: #C1C297;
	}		
	
#containerMain {
	width: 100%; 
	height: 100%;
	margin: 0px auto;
    }	
	
#containerContent{
	width: 100%;
	background-color: #ffffff;
    }	

#webssyncstyle
{
	height:auto;
	width: 100%;
}
	
#header {
       text-align: right; 
       width: 100%; 
       background-color: #001758;
       padding: 0px 0px 0px 0px; 
       margin: 0px 0px 5px 0px;
       height: 109px;
       color: #cccccc;
       font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
       font-size: 12px;
}

    
#headerCIM {
	font-weight: normal;
	width: 425px; 
	color: #cccccc; 
	font-size: 42px; 
	font-family: 'Times New Roman', Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 30px 0px 0px
    }	

#headerCIM .CIM2 {
	font-size: 35px;
    }			

.HeaderTopNav{
       padding: 8px 8px 0px 0px;
}
	
#header a {
	margin: 5px 5px 0px 5px; 
	color: #cccccc;
}	
	
#header a:hover {
	text-decoration: none;	
	}	
	
#leftColumn {
	vertical-align: top; 
	text-align: center; 
	width: 295px;
	}	
	
#leftColumn .smName {
	font-weight: bold;
	}	
		
#leftColumn .imgArea {
	padding: 15px 14px 15px 14px; 
	border: 1px solid #333333; 
	background-color: #cccccc;
	}

#loadarea {
	border: 1px solid #000000; 
	width: 263px;
	height: 381px; 
}	
	
#leftColumn p {
	width: 265px; 
	margin: 10px 0px 0px 0px; 
	font-family: arial; 
	font-size: 14px; 
	color: #000000;
	}
	
#leftColumn .thumbs {
	border:  1px solid #000000; 
	padding: 4px 4px 4px 4px;
	margin:  4px 0px 4px 0px;
	height: 108px;
	width: 295px;
	}	
	
#leftColumn .thumbsImages{
	vertical-align: top;
	border: 1px solid #000000; 
	padding: 4px 4px 4px 4px;
	margin : 4px 4px 4px 4px;
	}	
	
#rightColumn {
	vertical-align: top; 
	font-size: 16px; 
	line-height: 20px; 
	color: #000000; 
	font-family: 'Times New Roman', arial, Verdana, Helvetica, sans-serif; 
	border: 1px solid #001758; 	
	text-align: left; 
	padding: 15px 15px 15px 15px;
	background-color: #C1C297;
	}		
	
#rightColumn h1 {
	line-height: 28px; 
	text-align: center; 
	color: #001758;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 28px;
	}	

#rightColumn h2 {
	line-height: 20px; 
	text-align: center; 
	color: #001758;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size: 20px;
	}	

#indexLinks td a {
	margin: 0px 5px 0px 5px; 
	color: #001758;
	}	
	
#indexLinks td a:hover {
	text-decoration: none;	
	}	


.gridLink a {
	margin: 0px 5px 0px 5px; 
	color: #001758;
	}	
	
.gridLink a:hover {
	text-decoration: none;	
	}
	
.gridLinkHighlight a {
	margin: 0px 5px 0px 5px; 
	color: #ffffff;
	}	

.gridLinkHighlight a:hover {
	text-decoration: none;	
	}

	
#audioBar {
	margin: 15px 0px 0px 0px; 
	height: 28px; 
	width: 100%; 
	background-color: #001758;
	}	
	
#audioBar .icon {
	width: 47%; 
	text-align: right;
	}	
#audioBar .icon img {
	margin: 3px 0px 0px 0px	
	}		
#audioBar .links {
	width: 53%; 
	text-align: left;	
	}	
	
#footer {
	font-family: Arial, 'Times New Roman', Verdana, Helvetica, sans-serif; 
	line-height:10px; 
	text-align: right; 
	padding: 10px 10px 10px 10px; 
	margin: 5px 0px 0px 0px; 
	background-color: #001758;
	color: #cccccc;	
	font-size: 12px; 	
	}		
	
#footer a {
	margin: 0px 5px 0px 5px; 
	color: #cccccc;
	}	
	
#footer a:hover {
	text-decoration: none;	
	}
	
a { 
	color: #cccccc;
	}	
	
a:hover {
	text-decoration: none;	
	}			


TD.MainBoxTopLeft
{
	background: #ffffff url('./images/shad_topleft.jpg') no-repeat; 
	width: 11px; 
	height: 11px;
}

TD.MainBoxTop
{
	background: #ffffff url('./images/shad_top.jpg') repeat-x;
	width:2px;
	height:11px;
}

TD.MainBoxTopRight
{
	background: #ffffff url('./images/shad_topright.jpg') no-repeat; 
	width:11px;
	height:11px;
}

TD.MainBoxLeft
{
	background: #ffffff url('./images/shad_left.jpg') repeat-y; 
	width:11px;
}

TD.MainBoxRight
{
	background: #ffffff url('./images/shad_right.jpg') repeat-y; 
	width:11px;
}

TD.MainBoxBotLeft
{
	background: #ffffff url('./images/shad_bottleft.jpg') no-repeat; 
	width:11px;
	height:11px;	
}

TD.MainBoxBottom
{
	background: #ffffff url('./images/shad_bott.jpg') repeat-x; 
	width:2px;
	height:11px;
}

TD.MainBoxBotRight
{
	background: #ffffff url('./images/shad_bottright.jpg') no-repeat; 
	width:11px;
	height:11px;	
}



/**************************************
  SearchBar for Search/Feature Section
**************************************/
.LetterButton
{
	color: #001758;
	background-image: url('images/Letter_button_selected.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align:  center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

.LetterButtonHover
{
	color: #001758;
	background-image: url('images/Letter_button_hover.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}

.LetterButtonDisabled
{
	color: #001758;
	background-image: url('images/Letter_button_disabled.gif');
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	cursor: hand; font-style:normal; font-variant:normal; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif
}




/**************************************
  SearchBar for Search/Feature Section
**************************************/
/* Top Left */
.SearchBarTopLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_topleft.jpg') no-repeat left; 
	width:13px;
	height:8px
}
/* Top */
.SearchBarTop
{
	background: #FFFFFF url('./images/boxes/SearchBar_top.jpg') repeat-x center;
	height:8px;
	color:#ffffff;
   	font-weight:bold;
	text-align: left;
	vertical-align: middle; font-style:normal; font-variant:normal; font-size:13px; font-family:verdana, arial, helvetica
}
/* Top Right */
.SearchBarTopRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_topright.jpg') no-repeat right; 
	width:12px;
	height:8px
}

/* Middle Left */
.SearchBarLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_left.jpg') repeat-y left; 
	width:13px;
	height:16px	
}
/* Middle  */
.SearchBarMiddle
{	color: #ffffff;
	background-color: #001758; 
	height:16px
}
/* Middle Right */
.SearchBarRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_right.jpg') repeat-y right; 
	width:12px;
	height:16px	
}

/* Bottom Left */
.SearchBarBotLeft
{
	background: #FFFFFF url('./images/boxes/SearchBar_botleft.jpg') no-repeat left; 
	width:13px;
	height:9px	
}
/* Bottom  */
.SearchBarBottom
{
	background: #FFFFFF url('./images/boxes/SearchBar_bottom.jpg') repeat-x center; 
	height:9px	
}
/* Bottom Right */
.SearchBarBotRight
{
	background: #FFFFFF url('./images/boxes/SearchBar_botright.jpg') no-repeat right; 
	width:12px;
	height:9px	
}