/* Global Styles */

body {
	background-color: #9FB8B5;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
/* ID Styles */

#wrapper {
	text-align: left;
	width: 803px;
	margin-right: auto;
	margin-left: auto;
	}
	
#header {
	text-align: left;
	width: 801px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px; 
	}
	
#headertop { 
  background:#9FB8B5; 
  }	
	
#title {
	background: #396484; 
	font: 10px Verdana, Arial, Helvetica, sans-serif;
  	color: #fff;
  	padding: 5px 0px 5px 5px;
	border-top: 1px solid #fff;
  	}
  
#menubar {
	float: right;
	background-image: url(images/gifs/menubar_back.gif);
	background-repeat: no-repeat;
	background-color: #9FB8B5;
	text-align: right;
	width: 801px;
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 0px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #000;
	}
	
#menubar a {
	color: #fff;
	text-decoration: none;
}

#menubar a:hover {
	color: #ff0000;
}

#siteinfo {
	background: transparent;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	padding: 0px 0px 2px 10px;
	}
  		
#sitebody {
	background-image: url(images/gifs/sitebody_back_red.gif);
	background-repeat: repeat-y;
	clear: both;
  	display:block; 
	text-align: left;
	width: 800px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
#leftbox {
	display: block;
	float: left;
	background-color: #ff3031;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	width: 316px;
	padding: 5px 5px 0px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: 2px solid #396484;
	border-right: 2px solid #396484;	
	}
	
#leftbox img{
	padding: 1px 1px 1px 1px;
	vertical-align: middle;
	}

	
#rightbox {
	display: block;
	float: right;
	background-color: #fff;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	width: 450px;
	padding: 5px 5px 0px 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
#footer {
	clear: inherit;
	text-align: center;
	bottom: 10px;
	margin-top: 10px;

	}

#content {
	float:left;
	margin-left: 20px;
	margin-top: 0px;
	}
	
#content2 {
	float:left;
	margin-left: 20px;
	margin-top: 20px;
	width: 80%;
	}

#content3 {
	float:left;
	margin-left: 20px;
	margin-top: 20px;
	width: 97%;
	}

/* Curved Borders*/

.curved {
	clear: both;
  	background: transparent; 
  	width:100%;
  	margin-top: 0px;
  	}
  
.curved h1, .curved p {
  margin:0 10px;
  }
  
.curved h1 {
  font: bold 20px Arial, Helvetica, sans-serif;
  font-size:2em; 
  color:#fff;
  }
  
.curved p {
  padding-bottom:0.5em;
  }
  
.curved .b1 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 12px; 
  background: #396484;
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
  
.curved .b2 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 10px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size: 1px;
  }
  
.curved .b3 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 7px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
  
.curved .b4 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 5px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
  
 .curved .b5 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
  
.curved .b6 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 3px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
   
.curved .b7{
  display:block; 
  overflow:hidden; 
  height:2px; 
  margin:0 2px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }

.curved .b8 {
  display:block; 
  overflow:hidden; 
  height:3px; 
  margin:0 1px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }

/* This one acts as a top and bottom spacer*/
.curved .b9 { 
  display:block; 
  overflow:hidden; 
  height:10px; 
  margin:0 0px; 
  background:#fff; 
  border-left:1px solid #396484; 
  border-right:1px solid #396484; 
  font-size:1px;
  }
 
.curved .boxcontent {
  display:block; 
  background:#ff3031;
  padding: 2px 0px 0px 0px; 
  border-right:1px solid #396484; 
  border-left:1px solid #396484; 
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color:#fff;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  }

/* These curves have #003466 backgrounds*/
.curved .b10 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0px 12px 10px 12px; 
  background:#003466;
  font-size:1px;
  }
  
.curved .b11 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 9px; 
  background:#003466; 
  font-size:1px;
  }
  
.curved .b12 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 7px; 
  background:#003466; 
  font-size:1px;
  }
  
.curved .b13 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 5px; 
  background:#003466; 
  font-size:1px;
  }
  
 .curved .b14 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#003466; 
  font-size:1px;
  }
  
.curved .b15 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 3px; 
  background:#003466; 
  font-size:1px;
  }
   
.curved .b16 {
  display:block; 
  overflow:hidden; 
  height:2px; 
  margin:0 2px; 
  background:#003466; 
  font-size:1px;
  }

.curved .b17 {
  display:block; 
  overflow:hidden; 
  height:3px; 
  margin:0 1px; 
  background:#003466; 
  font-size:1px;
  }

/* This one acts as a top and bottom spacer*/
.curved .b18 { 
	clear: both; 
  display:block; 
  overflow:hidden; 
  height:10px; 
  margin:0 0px; 
  background:#003466; 
  font-size:1px;
  }

/* These curves have #9FB8B5 backgrounds*/

.curved .grey1 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 112px; 
  background:#9FB8B5;
  font-size:1px;
  }
  
.curved .grey2 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 109px; 
  background:#9FB8B5; 
  font-size:1px;
  }
  
.curved .grey3 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 107px; 
  background:#9FB8B5; 
  font-size:1px;
  }
  
.curved .grey4 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 105px; 
  background:#9FB8B5; 
  font-size:1px;
  }
  
 .curved .grey5 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 104px; 
  background:#9FB8B5; 
  font-size:1px;
  }
  
.curved .grey6 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 103px; 
  background:#9FB8B5; 
  font-size:1px;
  }
   
.curved .grey7{
  display:block; 
  overflow:hidden; 
  height:2px; 
  margin: 0 0 0 102px; 
  background:#9FB8B5; 
  font-size:1px;
  }

.curved .grey8 {
  display:block; 
  overflow:hidden; 
  height:3px; 
  margin: 0 0 0 101px; 
  background:#9FB8B5; 
  font-size:1px;
  }

/* This one acts as a top and bottom spacer*/
.curved .grey9 { 
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin: 0 0 0 101px; 
  background:#9FB8B5; 
  font-size:1px;
  }
  
 /* End Curved Borders*/	
   	
.bodycontent {
  background:#fff; 
  padding: 0px 0px 0px 10px;
  color:#396484;
  }
  
.bodycontent p {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
  }
  
.bodycontent h1 {
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #396484;
  }
  
.bodycontent h2 {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #ff3333;
  }
  
.bodycontent h3 {
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #396484;
  }
  
.bodycontent a {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
	color: #ff3333;
	text-decoration: underline;
	}
	
.bodycontent a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 5px 0px 5px;
	color: #396484;
	text-decoration: underline;
	}
	
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}