body {
	background-color: #013d5d;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	}
	
/* L - mainbox,topbox,topbox1 - main box with logo bar and navigational menu */

#mainbox {
	text-align: left;
	width: 800px;
	height: auto;
	margin: 0 auto;
	
	background-color: #FFFFFF;
	color: #000000;
	
	}
	#mainbox a{color: #660000; text-decoration: underline;}
	#mainbox a:hover{ color: #C40000; text-decoration: none;}

#topbox {

	width: 800px;
	height: 28px;
	margin: 5px auto auto auto;
	color: #000000;
	}
	
#topbox1 {

	text-align: right;
	width: 800px;
	height: auto;
	margin: 5px auto 0 auto;
	color: #FFF;
	}
	
	#topbox1 a{color: #FFF; text-decoration: underline;}
	#topbox1 a:hover{ color: #FFF; text-decoration: none;}
	
/* L- Provides main box/others with Rounded edges*/	


.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0; height: auto; }
.rbroundbox { width: 100%; margin: auto; height: auto;}

/*L- button effect*/
	
.cssbutton{
background-color: #013d5d;
border: 2px #013d5d outset;
padding: 1px 4px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited{
color: black;
}
.cssbutton:hover{
border-style: inset;
background-color: #58c1fa;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: black;
}	

/*L-news,right,boxes1-4 & bottom are all box elements on main page*/

#news {
	width: 250px;
	height: 300px;
	float: left;
	background-image: url(images/quotebg2.png);
	}
	#news a{color: #FFF; text-decoration: none;}
	#news a:hover{ color: #FFF; text-decoration: none;}
	
#right {
	width: 550px;
	height:300px;
	float: left;	
	}
	
#box1 {
	width: 175px;
	height: 175px;
	float: left;
	background-image: url(images/mainboxbg.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	}
	#box1 a{
	color: #FFF;
	text-decoration: underline;
	}
	#box1 a:hover{
	color: #FFF;
	text-decoration: none;
	}
	#box1 li{
	list-style-type: none;
	}
	
#box2 {
	width: 175px;
	height: 175px;
	float: left;
	background-image: url(images/mainboxbg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	}
	#box2 a{
	color: #FFF;
	text-decoration: underline;
	}
	#box2 a:hover{
	color: #FFF;
	text-decoration: none;
	}
	#box2 li{
	list-style-type: none;
	}
	
#box3 {
	width: 175px;
	height: 175px;
	float: left;
	background-image: url(images/mainboxbg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	}
	#box3 a{
	color: #FFF;
	text-decoration: underline;
	}
	#box3 a:hover{
	color: #FFF;
	text-decoration: none;
	}
	#box3 li{
	list-style-type: none;
	}
	
#box4 {
 	width: 250px;
	height: 175px;
	float: left;
	background-image: url(images/fallpromo.png);
	text-align: right;
	}
	#box4 a{color: #FFF; text-decoration: none;}
	#box4 a:hover{ color: #FFF; text-decoration: none;}
	
#bottom {
	width: 775px;
	height: auto;
	float: left;
	margin-left: 5px;
}	
.sitemap {
	width: 260px;
	height: auto;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	}

	
/*L-cfnavbar refers to top rounded navigation bar inside topbox id*/

#cfnavbar{
margin: 0 0 0 10px;
padding: 0;
}
#cfnavbar ul{
background: url(test/bg1.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#cfnavbar ul li{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 8px 13px 5px 6px;
text-decoration: none;
background: url(test/divider1.gif) top right no-repeat;
}
#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0;
}
#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0;
background: url(test/leftcorner1.gif) top left no-repeat;
}
#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(test/rightcorner1.gif) top right no-repeat;
}
#cfnavbar ul li a:hover{
text-decoration: underline;
}
#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* L-flashcontent only used if browser does not support Flash player*/
#flashcontent {
		width: 550px;
		height: 300px;
		float: left;	
	}

/*L- .style# elements auto added from Dreamweaver Design view, may change later*/

.style1 {font-size: 10px}
.style3 {color: #FFF;
background-color: #023e5e;}
.style5 {color: #FFF; background-color: #023e5e; font-weight: bold; }
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:left; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.l {
  left:-5px;
  }
.t {
  top:-5px;
  }
.shadowbox {width:550px;} /* change to suit */