/* CSS Document */

body {  
	margin: 0;
  	padding: 0;
   	min-width: 960px;
	background-color: navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%; 
	color: #336699; 
}

/* Begin the page layout */ 
/* Wrapper will have default behavior for h2, li, ul, img, and more */ 
 
#wrapper {
	width: 960px;
   	margin-left: auto;
  	margin-right: auto;
  	background-color: #fdf8f2;
  	color: #01407a;
  	padding: 2px 2px 2px 2px; 
  	border: 4px solid #b0b0b0; 
}


/* Default Link Behavior */ 
a { color: navy;      
 	font-family: verdana, arial, helvetica, sans-serif;      
 	font-weight: 600;      
 	text-decoration: none;  }   
a:link. a:visited {  color: navy; }    
a:hover {  text-decoration: underline; background-color: transparent; }  

/* 
#wrapper h2 {
	padding: 2px 3px 3px 3px; 
	margin: 0.3em 0.3em 0.3em 0.3em; 
	border: 1px solid blue; 
	background-color: lightblue; 
	font-size: 160%; 
  	font-weight: bold;
  	font-family: Georgia, Times, "Times New Roman", serif;
  	color: #032469;
} */

/* ============================== */ 

#adHeader {
	position: relative; 
	width: 956px; 
	background-color: #fff; 
	border: 1px solid #e0e0e0; 
	height: 90px; 
	padding: 5px 0px 5px 0px; 
}

#aDs {
	position: absolute; 
	width: 732px; 
}

#quickLinks {
	float: right; 
	width: 220px;
	line-height: 1.5em;  
}

/* Upper Inner */ 
#quickLinks .upperInner ul  {
	margin: 0; 	padding: 0; list-style: none;
}
#quickLinks .upperInner li {
	background-color: #e0e0e0; border-top: 1px solid #f0f0f0; 
}

#quickLinks .upperInner li a:link, #Content .inner h3:visited {
	color: #245185; text-decoration: none; 
}

#quickLinks .upperInner li a:hover {      
 	text-decoration: underline; 
	background-color: MidnightBlue; 
	color: white;     
}  

/* ============================== */ 

.inner {
	margin: 0px 0px 0px 0px;  
}


#brandingLogo  {
  padding-top: 10px; 
 
}
 
 
/* START SEARCH LOGO AND SEARCH BAR */ 

#SearchContent {
 	position: relative;
	width: 960px; 
	color: black; 
	background-color: #ffffff; 
	padding: 8px 0px 8px 0px; 
}
 
#SearchContent-Logo {
  	position: absolute; 
	width: 260px; 
	height: 65px; 
	background-color: #ffffff; 
 }
 
#SearchContent-Search {
	float: right; 
	width: 680px; 
	height: 62px; 
	padding: 2px  2px 10px 2px; 
	background-color: #ffffff; 
	text-align: center;
	font-size: 1em;
 }
 
 /* END LOGO AND SEARCH BAR */ 
 
#div-clear {
 	clear: both;
}
 
/* BRING ON THE FORM 

#SearchForm fieldset {
	border: 1px solid silver;
}
*/
#SearchForm legend {
	font-weight: bold;
	font-size: small;
	color: navy;
	padding: 2px;
	background-color: lightblue; 

}

#SearchForm #btnSearch {
	padding: 3px;
	border: 2px ridge #navy;  
	background-color: lightblue;
	color: #000; 
	font-family: Arial;
	font-weight: bold; 
}

#SearchForm #Criteria {
	padding: 3px; 
	color: #000; 
	background: #e0e0e0;
	font-family: Verdana; 
	font-size: 120%; 
}	
	
	
/* END THE FORM */ 

/* include menu and tagline in same wrapper */ 
/* Begin the hompage menu */ 

#hompage_menu { position: relative; width: 960px; background-color: lightsteelblue; height: 30px; }
#siteMenu { position: absolute;  width: 560px;  background-color: lightsteelblue; }
#tagLine  { float: right; width: 400px; background-color: lightsteelblue; color: #050845; }

/* bevel menu is inside the siteMenu DIV 	border: 1px solid #e0e0e0; */ 
.bevelmenu{
	font-family: arial, Latha ; 
	font-size: 12px; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px; 
	padding: 6px 0px 6px 0px; 
	text-align: left;  }

.bevelmenue ul { list-style: none; }
.bevelmenu li{ display: inline; }
.bevelmenu li a{ padding: 3px 0.5em;
	text-decoration: none;
	color: #000000;
	border: 2px solid #5CB3FF; }

.bevelmenu li a:hover{
	color: white;
	background-color: #1569C7; 
	border-style: outset;
}

#tagLine {  height: 30px; text-align: right; vertical-align: middle; } 
#tagLine .makeInline ul { list-style: none; }
#tagLine .makeInline li { display: inline; font-family: Arial; font-weight: normal; font-size: 12px; }
#tagLine .makeInline a { color: navy; font-weight: bold;  text-decoration: none; background-color: #f0f0f0; padding: 3px 0.5em; border: 2px solid #5CB3FF;}  
#tagLine a:link, #tagLine a:visited { text-decoration: none; color: #050845; }
#tagLine a:hover { text-decoration: underline; }  
 

/* ALL BUSINESS CODE GOES HERE */ 
 #businessArea {
 	position: relative;
	width: 960px; 
	height: 270px; 
	color: black; 
	background-color: #ffffff; 
	border: 1px solid #505050 ; 
	margin: 5px 0px 5px 0px; 
	}

 #displayBusiness {
  	position: absolute; 
	width: 640px; 
	height: 264px; 
	background-color: #ffffff; 
	margin: 2px 2px 2px 2px; 
	border: 1px solid #000000; 
 }
   
 #displayAd {
	float: right; 
	width: 310px; 
	height: 264px; 
	border: 1px solid #000000; 
	margin: 2px 2px 2px 2px; 
	padding-left: 10px; 
	background-color: #ffffff; 
 }

/* Old Colors: background-color: #4C787E; color: #ffffff; */ 

 #businessArea h2 { 
 	background-color: #000000; 
	border: 2px ridge #808080; 
 	color: yellow;
	margin: 1px 1px 1px 1px; 
	padding: 3px 0px 3px 0px; 
	font-family: Arial, Latha;
	font-size: 1.5em; 
  	font-weight: bold;
	text-decoration: none; }


 #displayBusiness ul { list-style: none; }
 #Title li { background-color: pink; }

 
/* ALL BUSINESS CODE ENDS HERE */

/* MEDIA */

#mediaArea {
 	position: relative;
	width: 960px;
	height: 340px;  
	color: black; 
	background-color: #ffffff;
	padding-top: 5px;  
}
 
#mediaArea_left {
	float: left;
	width: 225px;
	height: 340px;  
	border: 1px solid #505050; 
	padding: 0px 2px 0px 2px; 
	background-color: #b0e0e6; 
	}

#mediaArea_right {
	float: right; 
	width: 225px;
	height: 340px;   
	border: 1px solid #505050;
	background-color: #b0e0e6; 
	}

#mediaArea_content {
	position: relative;	
	margin: 0 235px 0 235px;
	width: 480px; 
	height: 340px;  
	border: 1px solid #505050 ; 
	background-color: #c0c0c0;  
 }

/* Fonts */ 
 #mediaArea h2 { 
 	background-color: dodgerblue; 
	border: 1px solid #000; 
 	color: black;
	margin: 1px 1px 1px 3px; 
	padding: 3px 1px 3px 1px; 
	font-family: Arial, Latha;
	font-size: 1.5em; 
  	font-weight: bolder;
	text-decoration: none; }

/* The next area goes into the media area content zone */

#mediaArea_content_Featured {
	position: absolute; 
	background-color: #fff; 
	width: 235px; 
	height: 300px; 
	border: 1px solid #000; 
	margin-left: 4px;}
	
#mediaArea_content_Quad {
	float: right;
	background-color: #fff; 
	border: 1px solid #000; 
	width: 235px; 
	height: 300px; 
	margin-right: 4px;}
 
#mediaArea_content_Featured .inner { margin: 4px 4px 4px 4px; }
#mediaArea_content_Featured .inner ul { list-style: none; }
#mediaArea_content_Featured .inner li { display: inline; }
#mediaArea_content_Featured .inner p { font-family: Arial; font-size: 1.0em; }
#mediaArea_content_Featured .inner h2 {
	color: #032469;
	font-size: 1.3em; 
  	font-weight: bold;
  	font-family: Arial, Georgia, Times, sans-serif;
  	padding: 0px 5px 0px 0px; 
  	margin: 0.3em 0 0 0; }
	
#mediaArea_content_Featured .inner p.more a:link, #mediaArea_content_Featured .inner p.more a:visited 
{	background-image: url(img/more-bullet_hor.gif); 
	background-repeat: no-repeat; 
	background-position: center left; 
	padding-left: 0px;
	font-size: 90%;
	color: #1e4c82; }
	
#mediaArea_content_Featured img {
	width: 180px;
	height: 120px; 
	-moz-border-radius: 3%; 
	border: 1px solid blue; 
	margin: 5px 5px 5px 5px; 
	padding: 3px 3px 3px 3px; 
}
	
/* work on the 4 repeating articles */ 

#mediaArea_content_Quad .inner { margin: 1px 2px 1px 2px; }
#mediaArea_content_Quad .inner ul {list-style: none; background-color: #ffffff; }
#mediaArea_content_Quad .inner ul li {display: inline;  color: #e0e0e0; }
#mediaArea_content_Quad .inner p {font-family: Arial, Latha; font-size: 1.0em;}
#mediaArea_content_Quad .inner ul li a:link, #mediaArea_content_Quad .inner a:visited  {
	color: #032469;
	font-weight: normal;
  	font-family: Arial, Latha;
	font-size: 1.0em; }

#mediaArea_content_Quad img {
	float: right; width: 60px; height: 40px; 
	margin: 2px 2px 2px 2px; 
	border: 1px solid #a0a0a0; 
	padding: 1px 1px 1px 1px; }

#mediaArea_content_Quad .inner p.more a:link, #mediaArea_content_Quad .inner p.more a:visited
{	background-image: url(img/more-bullet_hor.gif); 
	background-repeat: no-repeat; 
	background-position:center  left; 
	padding-left: 4px;
	font-size: 90%;
	color: #1e4c82; }
 
#mediaArea_left ul { list-style: none; margin: 2px 2px 2px 2px; background-color: transparent; }
#mediaArea_left li { display: normal; margin-left: 0%;  }
#mediaArea_left li a:link, #mediaArea_left li a:visited  {
	color: #032469; font-weight: normal; font-family: Arial, Georgia;
	font-size: 12px; padding-bottom: 0px 0px 0px 0px; text-transform: capitalize; }

/* 	
#mediaArea_left  h2 {
	background-color: dodgerblue; border: 1px solid #000; 
	color: #032469; font-size: 1.3em; font-weight: bolder;
  	font-family: Arial, Georgia, Times;
	padding: 3px 2px 3px 0px; 
   	margin: 0.3em 0 0 0.3em; } */
	
/* the right side */
#mediaArea_right ul { list-style: none; margin: 2px 2px 2px 2px; background-color: transparent;   }
#mediaArea_right li { display: normal; margin-left: 0%; padding-bottom: 3px;  }
#mediaArea_right li a:link, #mediaArea_right li a:visited  {
	color: #032469; font-weight: normal; font-family: Arial, Georgia;
	font-size: 12px;  padding-bottom: 0.0em; text-transform: capitalize; }

/* 
#mediaArea_right  h2 {
 	background-color: dodgerblue; border: 1px solid #000; 
 	color: #000; font-size: 1.3em; font-weight: bolder;
  	font-family: Arial, Georgia, Times;
	padding: 3px 2px 3px 0px; 
   	margin: 0.3em 0 0 0.3em; } */

/* Media Area 2: Headlines, History, Gallery */ 

#mediaArea2 {
 	position: relative;
	width: 960px;
	height: 240px;  
	color: black; 
	border: 0px solid lightgrey; 
	background-color: #ffffff; 
	margin-top: 4px; 	
}
/* Headlines */ 
#mediaArea2_left {
	float: left;
	width: 400px;
	height: 240px; 
	border: 1px solid #505050 ; 
	background-color: #fff;
}
/* The Galleries */ 
#mediaArea2_right {
	float: right; 
	width: 300px;
	height: 240px; 
	border: 1px solid #505050 ; 
	background-color: #fff;
}
/* History */ 
#mediaArea2_content {
	position: relative;
	border: 1px solid #505050 ; 
	background-color: transparent;  
	margin: 0 240px 0 410px;
	width: 240px; 
	height: 240px; 
	}

/* default H2 font for this area */ 
 #mediaArea2 h2 {
	padding: 5px 3px 5px 3px; 
	margin: 0.3em 0.3em 0.3em 0.3em; 
	background-color: lightblue; 
	font-size: 160%; 
  	font-weight: normal;
  	font-family: Arial, Georgia;
  	color: #032469;
	}
	
#mediaArea2_left ul { list-style: circle; }
#mediaArea2_left li { display: normal; }
#mediaArea2_left li a:link, #galleryList li a:visited  {
	color: #032469;
	font-weight: normal;
  	font-family: Arial, Georgia, Times, "Times New Roman", serif;
	font-size: 1.0em;   
	padding-bottom: 0.0em; 
	text-transform: capitalize; }
#mediaArea2_left a:hover { background-color: #fff;  text-decoration: underline; }  

/* All media area 2 content defined.  Now format it */ 

#galleryList {  
	position: absolute;
	line-height: 1.3em; 
}
	/* border: 1px solid blue; */
	


#galleryList ul { list-style: none; padding: 0; margin-left: 0; padding-left: 5px; padding-right: 5px;}
#galleryList li { display: normal; }
#galleryList li a:link, #galleryList li a:visited  {
	color: #032469;
	font-weight: normal;
  	font-family: Arial, Georgia, Times, "Times New Roman", serif;
	font-size: 1.2em;   
	padding-bottom: 0.0em; 
	text-transform: capitalize; }
#galleryList a:hover {      
 	background-color: #fff;     
	text-decoration: underline;  
}  
#tagIT {
	background-color: #dfdf00; 
	margin: 0.0em 0.3em 0.3em 0.3em; 
	color: navy; 
	padding-left: 5px;
	font-size: 12px; 
}

#galleryPicture  {
	float: right; 
	width: 100px;
	height: 100px; 
	margin: 2px 2px 2px 7px; 
	border: 1px solid #a0a0a0; 
	padding: 1px 1px 1px 1px ;
}
#galleryPicture img {
	width: 100; 
	height: 100;
}
	
#mediaArea2_content p {
	padding-left: 10px; 
}

#highlight {
	font-family: verdana; 
	font-weight: bold;
	font-size: 12px;
}
	
/* Media Area 2: Headlines, History, Gallery */ 

#mediaArea3 {
 	position: relative;
	width: 960px;
	height: 270px;  
	color: black; 
	border: 0px solid lightgrey; 
	background-color: #ffffff; 
	margin-top: 7px; 
	text-align: center;
	vertical-align: middle; 	
}
/* Headlines */ 
#mediaArea3_left {
	float: left;
	width: 300px;
	height: 270px;
	border: 1px solid #505050 ; 
	background-color: #fff;
}
/* The Galleries */ 
#mediaArea3_right {
	float: right; 
	width: 360px;
	height: 270px;
	border: 1px solid orange ; 
	background-color: #fff;
}
/* History */ 
#mediaArea3_content {
	position: relative;
	border: 1px solid #000000 ; 
	background-color: transparent;  
	margin: 0 360px 0 310px;
	width: 280px; 
	height: 270px; 
	}


/* MEDIA */