/* css */
body {
	background-color: #C2D8CD;
	font-size: 100.1%;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #464646;
	padding: 0;
	margin: 0px;
	}

a {color: #027ABB;}
a:visited {color: #666666;}
a:hover {color:#0099FF;}
a:active { color: #027ABB;}

h1, h4, h5 {
	margin:0px 0px 20px 15px;
	padding-top:30px;
	font-size: 20px;
	font-weight: normal;		
	color:#027ABB;
	}

h2 {
	margin:30px 15px 20px 15px;
	padding:0px;
	font-size:18px;
	font-weight: normal;	
	color:#027ABB;	
	}
	
h3 {
	margin:5px 15px;
	padding:0px;
	text-align:left;
	font-size:18px;
	font-weight: normal;	
	color:#323232;
	}
	
h4 {
	border-bottom:1px solid #666;	
	}

h5 {
	color: #FFF;
	margin:0px 0px 20px 5px;	
	}
	
li {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:0.8em;
	}
	
table {
	margin: 0 auto;
	font-size:0.7em;
	}

form {
	font-size:1em;
	margin-bottom: 15px;	
	}

input, textarea {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size:1em;
	}
	
textarea {
	width:19em;
	}	
	
/* ----------container to center the layout-------- */
#container {
	width: 770px;
	padding: 30px 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 10px solid #003027;
	border-bottom: 10px solid #003027;
	border-left: 1px solid #003027;
	border-right: 1px solid #003027;
	background-color: #005447;
	} 

/* ----------background div to display pseudo colum effect-------- */
#background {
	background: #F0F3E2 url(../images/common/ml_contentBG.gif) top left repeat-y;
	}

#backgroundGallery {
	background: #F0F3E2 url(../images/common/ml_galleryBG.gif) top right repeat-y;
	}
	
#backgroundIndex {
	background: #F0F3E2 url(../images/common/ml_contentIndexBG.gif) top right repeat-y;
	}
		
/* -----------------menus--------------------- */
#topMenu{
	margin:5px;
	}
	
#topMenu p {
	text-align:right;
	font-size:0.7em;
	color:#EEEEEE;
	margin:0px;
	}	

#topMenu a, #topMenu a:link, #topMenu a:visited, #topMenu a:active{
	color:#EEEEEE;
	text-decoration:none;
	}
	
#topMenu a:hover{
	color:#FFFFFF;
	}
			
/* ----------banner for header-------------- */
#banner {
	padding: 0px;
	margin: 0px;
	}

#banner img {
	padding:0px;
	margin:0px;
	border:0px;
	display:block; 
	}

/* ----------outer and inner----------------- */
#outer{ 
	border-left: solid 195px #970F00; /* color of the left column  */ 
	border-right: solid 180px #F0F3E2; /* color of the right column  */ 
	/*background-color: #FFF;   color of the content column */
	} 

#outerIndex{ 
	border-left: solid 390px #6C0500; /* color of the left column  */ 
	border-right: solid 180px #F0F3E2; /* color of the right column  */ 
	/*background-color: #FFF;   color of the content column */
	} 

#outerGallery{ 
	border-left: solid 195px #970F00; /* color of the left column  */ 
	/*background-color: #FFF;   color of the content column */
	} 

#inner{margin:0; width:100%; padding:0px;} /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
	width:195px; 
	float:left; 
	position:relative; 
	margin-left:-195px; 
	margin-right:1px;
	margin-bottom:0px;
	padding: 30px 0px 300px 0px;
	background: #6C0500 url(../images/common/ml_leftBG.jpg) bottom center no-repeat;	 
	text-align:center;
	}
	
#leftIndex {
	width:390px; 
	float:left; 
	position:relative; 
	margin-left:-390px; 
	margin-right:1px;
	margin-bottom:0px;
	padding: 30px 0px 0px 0px;
	background: #6C0500 url(../images/common/ml_leftIndexBG.jpg) bottom left repeat-x;	
	text-align:center;
	}	
	
#left img {
	border: 3px solid #FFF;
	}	
	
#leftIndex img {
	border: 1px solid #005447;
	}		
 
#left p, #leftIndex p {
	font-size:0.7em;
	margin:15px 15px 10px 15px;
	padding:0px;
	text-align:left;
	line-height:1.7em;
	color:#FFF;
	}

#leftIndex p {
	margin:5px 15px;
	}
	
#left a, #left a:link, #left a:visited, #left a:active{
		color:#FFF;
		}
	
#left a:hover{
		color:#FFFFFF;
		text-decoration:none;
		}	

#leftIndex a, #leftIndex a:link, #leftIndex a:visited, #leftIndex a:active{
	color:#EEEEEE;
	text-decoration:underline;
	}
	
#leftIndex a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
		
 #right {
	 width:180px; 
	 float:right; 
	 position:relative; 
	 margin-right:-180px; 
	 margin-left:1px;
	 margin-bottom:0px;
	 }

/* -----------------content--------------------- */ 
#content, #contentIndex{ 
	position: relative; 
	margin: 0px;
	padding: 0px 10px 50px 10px; 
	}
	
#content p, #right p {
	font-size:0.7em;
	margin:5px 15px 10px 15px;
	padding:0px;
	text-align:left;
	line-height:1.4em;
	}
	
#content p, #contentIndex p, {
	font-size:0.8em;	
	margin:5px 15px 10px 15px;	
	text-align:justify;
	}
	
#contentIndex p {
	font-size:0.8em;	
	text-align:left;
	padding:0px;
	margin:5px 5px 10px 5px;	
	color:#FFF;
	}
		
#content table img {
	display:block;
	margin:5px;
	border:1px solid #666;
	}	

#content table a img{
	border:2px solid #005447;
	}

#content table a:hover img{
	border:2px solid #CCC;
}	

#map{
	margin:5px 5px 10px 15px;	
	width: 320px; 
	height: 320px;
	}
	
/*  ----------------lower---------------------- */ 
#lower {
	clear:left;
	padding:20px 0px;
	margin:0px;
	background: #FFF url(../images/common/ml_lowerBG.gif) top left repeat-x;
	} 

#lower .lowerCommon {
	float:left;
	width:174px;
	padding:10px 10px 40px 10px;
	border-right: 1px solid #CCC;
	text-align:left;
	}	

#lower a {color: #970F00;}
#lower a:visited {color: #666666}
#lower a:hover {color: #CE0F00;}
#lower a:active { color: #970F00;}

#lower p {
	font-size:0.6em;
	margin:5px 15px 10px 15px;
	padding:0px;
	text-align:left;
	line-height:1.4em;
	}	

#lower img{
	margin:5px 15px;
	border:1px solid #CCC;
	}
	
/*  ----------------Custom Classes---------------------- */
.error {
	color:#FF0000;
	}	

.contact {
	margin-top:20px;
	}
	
.contactIcon {
	border: 0px;
	float: left;
	margin:0px 10px 0px 15px;
	padding:0px;
	}	
	
.contentImg {
	display:block;
	margin:5px 20px;
	border:1px solid #666;
	}