body {
background-color: #86B0BC;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color:#003366;
padding:0px;
margin:0px;
}

#container a {color: #808888;}
#container a:visited {color:#808888;}
#container a:hover {color: #FFF;}
#container a:active { color:#000000;}

/* ----------container-------------- */
#container {
border: 2px solid #416c77;
background-color: #0b6077;
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
/*background-color: #FFF;*/
/*border-bottom: solid 1px #BA2012;&*/
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #bb2211;   
background-color: #FFF; 
 } 

#inner{ margin:0px; width:100%; } /* IE */ 

/* --------------left navigavtion------------- */
#left {
 color: #BA2012;
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 
 #left div {
 width: auto;
 padding: 0;
 margin: 0;
 }

/* -----------------contentt--------------------- */
#content{ 
position: relative; 
background: #E7F0F2;
margin: 0px;
padding-bottom: 4em; }
#content { height: 1%; }

/*

background-image: 
url('bgdesert.jpg');
background-repeat: repeat-x


*/



#container p{
padding: 5px 10px;
margin:0px; }

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
background-color: #C2D7DD
padding:0px;
margin:0px;
text-align: right; } 

#container blockquote, content1 blockquote {
	padding: 5px, 10px;
	margin:3px 10px;
	border: 1px solid #BA2012;
	background-color: #C2D7DD;
	font-family: "Courier New", Courier, monospace;
}

/* Content Headings -------------------------------- */

#container h1, #content1 h1 {
	padding: 5px 15px;
	margin:0px;
	color:#BA2012;
	border-bottom:1px solid #0b6077;
	font-size:25px
	line-height:49px;
	font-variant:small-caps;
}

#banner h1 {
	padding: 5px 5px;
   padding-bottom: 0px;
   margin-left: auto;
   margin-right: auto; 
	color:#E7F0F2;
	font-size:25px
	line-height:35px;
	font-variant:small-caps;
	text-align:center;
   display:block;
 	margin-top:10px;
 	margin-Bottom:2px;

}


#container h2, #content1 h2 {
	padding-left: 15px;
	font-size:16px;
	line-height:21px;
	color: #0b6077;
	font-weight:strong;
}
#container h3, #content1 h3 {
	padding-left: 15px;
	font-size:16px;
	line-height:21px;
	color: #416c77;
	border-bottom:1px solid #C2D7DD;
	font-weight:strong;
	margin:10px 0px  0px  0px;
	font-variant:small-caps;
}

#container h4, #content1 h4 {
	padding-left: 15px;
	font-size:12px;
	line-height:17px;
	color: #0b6077;
	font-weight:strong;
	margin:10px 0px  0px  0px;
}

#container h5, #content1 h5 {
	padding-left: 15px;
	font-size:12px;
	line-height:17px;
	color: #0b6077;
	border-bottom:1px solid #BA2012;
	font-weight:strong;
	margin:10px 0px  0px  0px;
	font-variant:small-caps;
}

#banner h5 {
	font-size:12px;
	line-height:17px;
	margin-left: auto;
   margin-right: auto; 
   margin-top: 2px;
   margin-bottom:10px;
   padding: 0;
	font-weight:strong;
	font-variant:small-caps;
	color:#E7F0F2;
	border-bottom: none;
	text-align:center;
   display:block;
}


#container h6, #content1 h6 {
	padding-left: 15px;
	font-size:9px;
	line-height:13px;
	color: #0b6077;
	border-bottom:1px solid #416c77;
	font-weight:strong;
	margin:10px 0px  0px  0px;
	font-variant:small-caps;
}

/* Lists ---------------------------------------- */
#content ul, #content ol {
	padding-left: 15px;
	font: normal 10px verdana, sans-serif;
	padding: 0px 13px 10px 28px;
	margin: 0;
	clear: left;
}
			
#content ul li {
	padding: 2px 0px 5px 0px;
	margin: 0;
	line-height: 15px;
}
			
#content ol li {
	padding: 2px 0px 5px 0px;
	margin: 0;
	line-height: 15px;
}

#button {
	width: auto;  /* was 12em */
	border-right: 1px solid #C2D7DD;
	border-top: 1px solid #C2D7DD;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #BB2211; /* 0b6077*/
	color: #333;
}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		height:1%;
}
#button li {
		border-bottom: 1px solid #C2D7DD;
		margin: 0;
}
#button li a {
		display: block;
		padding: 5px;
		border-right: 10px solid #86B0BC;
		border-left: 10px solid #86B0BC;
		background: #0b6077;
		color: #C2D7DD;
		font-weight: bold;
		text-decoration: none;
		width: auto;		
}
/*.current {
		padding: 5px 5px 5px 0.5em;
		border-right: 10px solid #86B0BC;
		border-left: 10px solid #86B0BC;
		background: #C2D7DD;
		color: #BA2012;
		text-decoration: none;
		width: auto;
}*/
#button li a:hover {
  padding: 5px;
  border-left: 10px solid #C2D7DD;
  border-right: 10px solid #C2D7DD;
  background-color: #ba2012;
  color: #C2D7DD;
  text-decoration: none;
  width: auto%;
}


/*#button li a:visited {
		padding: 5px;
		border-right: 10px solid #86B0BC;
		border-left: 10px solid #86B0BC;
		background-color: #0b6077;
		color: #C2D7DD;
		text-decoration: none;
		width: auto;	
}*/




/* ----- set up some initial params ----- */

html, body {
  margin: 0;
  padding: 0;
}

.fl {
  float:left;
  margin:10px;
  z-index:100;
}



.fr {
  float:right;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
}

.centered {
  text-align:center;
  display:block;
  margin-top:10px;
  margin-Bottom:10px;
  margin-left: auto;
  margin-right: auto 
}

.red {
color: #BB2211;
}
    
/* FORM */

label,input {
  display: block;
  width: 165px;
  float: left;
  margin-bottom: 10px;
}

label {
  text-align: right;
  width: 75px;
  padding-right: 20px;
}


br.form {
  clear: left;
}


/* Extra addons*/
p{
	line-height:20px;
	letter-spacing:0px;
    margin:5px;
}
form{
	padding:10px;
}
.submits{
	margin-left:50px;
	width:100px;
}
#cForm input{
	width:150px;
	text-align:left;
}
#cForm textarea{
	width:150px;
}