body { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	line-height: 18px; 
	color: #000;
	background-color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
}

img {
   border: none;
}

p, td, blockquote{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	line-height: 18px;
}

.infotable td{
	vertical-align: text-top;
	padding-bottom: 15px;
	padding-top: 5px;
	border-top: solid 2px #C4B898;
}

/*** holds all style tags and defines placement and width of page content ***/
#container {
	position: absolute;
	left: 50%;
	height: 100%;
	margin-left: -400;
}

/*** unique layout elements listed from top of page to bottom  ***/

/* 800px wide image for home page only */
#top_image {
	position: absolute;
	z-index: 0;
}

/* horizontal drop down menu */

#black_bar {
	position: absolute;
	top: 100px;
	height: 18px;
	width: 800px;
	background-color: #000;
	color: #FFF;
}

#black_bar_home {
	position: absolute;
	top: 350px;
	height: 18px;
	width: 800px;
	background-color: #000;
	color: #FFF;
}

#nav_text {
	position: absolute;
	top: 100px;
	left: 540px;
}

#nav_text_home {
	position: absolute;
	top: 350px;
	left: 500px;
}

/* logo placement */
#logo_home {
	position: absolute;
	z-index: 1;
	top: 245;
	left: 610;
}

#logo {
	position: absolute;
	z-index: 1;
	top: 75;
	left: 660;
}

/*** main content layout elements, these hold all other style elements ***/

.main_home {
	position: absolute;
	background-color: #600;
	color: #C4B898;
	top: 375px;
	width: 800px;
	padding-top: 20px;
	float: left;
}

.main {
	position: absolute;
	background-color: #FFF;
	top: 155px;
	width: 800px;
	padding-top: 20px;
	float: left;
}

.content {
	margin-left: 20px;
	margin-right: 15px;
}

.left_home {
   width: 22%;
   float: left;
   margin: 0;
   padding: 3% 1%;
}	

.left {
   width: 27%;
   float: left;
   margin: 0;
   padding: 3% 1%;
}	

.right_home {
   margin-left: 23%;
   padding: 1%;
	padding-top: 25px;
}

.right {
   margin-left: 30%;
	padding: 1%;
}


.footer {
  background-image: url(../images/fn_footer.gif);
  background-repeat: no-repeat; 
  background-position: -5px;
  background-color: #600;
  color: #FFF;
  height: 25px;
  margin: 0;    
  font-size: 13px;
  text-align: center;
  line-height: 25px;
}

/*** cab styles 

see cab.css 
see cab_youth.css

***/

/*** re-usable layout elements ***/
.box {
	border-style: solid;
	border-width: 2px;
	border-color: #E9E5D9;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.box_alert {
	border-style: solid;
	border-width: 2px;
	border-color: #C4B898;
	padding: 15px;
	margin-top: 0;
	margin-bottom: 0;
	
}

.box_red {
	border-style: solid;
	border-width: 1px;
	border-color: #C4B898;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 136px;
	
}



.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.separate { border-top: 8px ridge #C4B898 }

/*** link styles ***/

a:link { color: #600; text-decoration:none; }
a:visited { color: #600; text-decoration:none; }
a:hover { color: #A1A1A1; text-decoration:none; }
a:active {color:#A1A1A1; text-decoration:none; }

a.home:link { color: #a1a1a1; text-decoration:none; }
a.home:visited { color: #A1A1A1; text-decoration:none; }
a.home:hover { color: #EDF2F2; text-decoration:none; }
a.home:active {color:#EDF2F2; text-decoration:none; }

a.large:link { color: #A1A1A1; text-decoration:none; }
a.large:visited { color: #A1A1A1; text-decoration:none; }
a.large:hover { color: #EDF2F2; text-decoration:none; }
a.large:active {color:#EDF2F2; text-decoration:none; }

a.footer:link { color: #EDF2F2; text-decoration:none; }
a.footer:visited { color: #EDF2F2; text-decoration:none; }
a.footer:hover { color: #A1A1A1; text-decoration:none;}
a.footer:active {color:#A1A1A1; text-decoration:none;}

a.nav:link { color: #DAD4BF; text-decoration:none; }
a.nav:visited { color: #DAD4BF; text-decoration:none; }
a.nav:hover { color: #EDF2F2; text-decoration:none; }
a.nav:active {color:#EDF2F2; text-decoration:none; }

/*** font styles ***/

.body_home {
	color: #C4B898;
	font-size: 13px;
}

.body {
	color: #000;
	font-weight: normal;
}

.welcome {
   font-family: Times;
   font-size: 30px;
   line-height: 34px;
   font-weight: normal;
   color: #DAD4BF;
}

h1.home {
   font-size: 18px;
   line-height: 24px;
   vertical-align: bottom;
	font-weight: normal;
   /*color: #C4B898;*/
	color: #f1ebdf;
}

h1 {
   font-size: 28px;
   line-height: 36px;
   vertical-align: bottom;
   font-weight: normal;
   color: #600;
}

h2 {
   font-size: 16px;
   line-height: 18px;
   font-weight: normal;
   vertical-align: bottom;
   color: #000;
}

h3 {
   font-size: 14px;
   line-height: 20px;
   vertical-align: bottom;
   font-weight: bold;
   color: #600;
}

h4 {
   font-style: italic;
	font-size: 14px;
   line-height: 0px;
   vertical-align: bottom;
   color: #600;
}

.note{
	font-size: 14px;
	color: #600;
	font-weight: bold;
}

.small{
	font-size: 10px;
}

.date{
	font-size: 11px;
	font-style: italic;
}