
/* PAGE FORMATS */
body {		
margin: 0px;	
padding: 0px;
}
  
body.wideopenbody
{
	margin: 0px;
	background-color: white;
}

body.marginedbody
{
	margin: 10px;
	background-color: white;
}

div.page_header
{
	height: 149px;
	width: 750px;
}

.topnav
{
	background-color: #F2E5CC;
	height: 22px;
	margin: 2px 0 2px 0;
	padding: 0;
}

.topnav img
{	margin: 2px 0 2px 0;
	
}

  
table.body
{
	width: 750px;
}

.nav_col, td.nav_col 
{
	vertical-align: top;
	background-color: #E5CC99;
	width: 142px;
	padding: 20px 4px 10px 4px;
}

.body_col
{
	position: relative;
	width: 580px;
	margin: 0;
	padding: 20px 0 0 20px;
}

table.footer
{
	background-color: #F2E5CC;
}

td.footer_left_col
{
	padding: 0 4px 0 4px;
	width: 750px;
	margin: 0;
}

td.footer_right_col
{ vertical-align: top; padding: 0px; }

/* FONTS */
table.body, 
.footer,
.footer p,
.site_feature,
.feature_box,
.feature_box p,
.feature_box h1,
.feature_box h2,
.feature_box_alt,
.feature_box_alt p,
.feature_box_alt h1,
.feature_box_alt h2,
#main_nav,
.sub_nav, .sub_nav h1
{
	font-family: Arial, Helvetica, sans-serif;
}  

/* Main Nav -- Prototyping */
#main_nav a
{
}

#main_nav img
{
vertical-align: top;
}


/* Sub Navigation */
#subnav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	padding: 0 0 20px 0;
}

#subnav h1
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#subnav h1 a:link,
#subnav h1 a:active,
#subnav h1 a:visited
{
	color: #336699;
}

#subnav h1 a:hover
{
	color: #336699;
	text-decoration: underline;
}


/* SubNav Links*/
  
#subnav a:hover
{
	color: #668CB3;
	text-decoration: underline;
}

#subnav a.page_hidden				{ color: #555;		}
#subnav a.page_inactive				{ color: #222;		}
#subnav a.page_preview				{ color: #F90;		}
#subnav a.page_active				{ }

#subnav ul
{
	list-style: none;
	text-indent: -22px;
	margin: 0px;
	padding: 0px;
}

#subnav li div						{ margin-left: 22px; }
#subnav li li div					{ margin-left: 33px; }
#subnav li li li div				{ margin-left: 44px; }
#subnav li li li li div				{ margin-left: 55px; }
#subnav li li li li li div			{ margin-left: 66px; }
#subnav li li li li li li div		{ margin-left: 77px; }
#subnav li li li li li li li div	{ margin-left: 88px; }
#subnav li li li li li li li li div	{ margin-left: 99px; }
  

   
#nav_selected
{
	background-color:#F5EBD6;
}

.nav_normal {}
  
.nav_open, #nav_selected ul				{
	background-color:#EBD6AD
}



/* Page control for a top level page */
#subnav .page_ctl table
{
	text-indent: 0px;
}

/* Page control for a non-top level page */
#subnav ul .page_ctl table
{
	margin-left: -11px;
	text-indent: 0px;
}

  
  
/* ON-PAGE-MENU LIST*/  
ul.tab_list	
{
	list-style: none; 
	padding: 0;
	margin: 0;

	font-family: Arial, Helvetica, sans-serif; 
	border-width: 0px 0px 1px 0px;
	border-color: #999;
	border-style: solid;
}

ul.tab_list li						
{ 
	padding: 0;
	margin: 0;
	background: #999 url(/images/tab_back.gif) repeat-x;
	display: inline; 
	border-width: 1px;
	border-color: #999;
	border-style: solid;
}

ul.tab_list li a
{
	font-size: 9px;
	line-height: 14px;
	margin: 0;
	padding: 10px;
}

ul.tab_list li.tab_selected
{
	background: #369 url(/images/tab_back_selected.gif) repeat-x;
	background-color: #369;
}

ul.tab_list a:link,
ul.tab_list a:active,
ul.tab_list a:visited
{
	text-decoration: none;
	color: #000;
}

ul.tab_list a:hover
{
	color: #FFF;
}

  

/* PHOTO BOX */
.photo_box
{
	padding: 0px;
	margin: 6px;
	border-width: 3px;
	border-color: #369;
	border-style: double;
}

.photo_box img
{
	margin: 0px; padding: 0px;
}

.photo_box .caption
{
	padding: 6px;
	background-color: #CC9;
} 



/* PHOTO TABLE */
table.photo_table tr
{
	vertical-align: top;
}



/* SITE FEATURE */  
.site_feature
{
  text-align: center;
  font-size: 11px; 
  line-height: 14px;
  color: #000; 
  font-weight: normal; 
} 
  
  
  

/* FEATURE BOX */
div.featurelink
{ 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000033; 
  margin: 4px 4px 6p 4px 4px; 
}
  
.feature_box,
.feature_box_alt
{
  font-size: 11px;
  line-height: 12px;
  width: 142px;
}
  
.feature_section  
{
	margin: 0 0 20px 0;
}
  
.feature_section h2
{
	color:#996633
}
  
div.feature_box,
div.feature_box_alt
{
	width: 142px;
	margin: 0 0 20px 0;
}
  
.feature_box_alt
{
 	border-color: #600;
}
  
.feature_head
{
	color: #990000;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	border-style: solid;
	border-bottom-color: #990000;
	border-width: 0 0 1px 0;
}
  
  
.feature_category
{
	padding: 0px;
	margin: 15px 0 0 0;
	color: #996633;
	font-weight: bold;
	text-transform: uppercase;
}
  
.feature_box_alt .feature_category
{
	background-color: #CC9;
}
  
table.feature_box tr th
{
	margin: 0px;
	padding: 4px;
	background-color: #CC9;
	text-align: center;
	color: #003;
}
  
table.feature_box tr td
{
  margin: 0px;
  padding: 4px;
}
  
.feature_box h1,
.feature_box h2,
.feature_box h3,
.feature_box h4,
.feature_box_alt h1
{
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
}
  
.feature_box h1
{
    text-transform: uppercase;
	color: #900;
	border-style: solid;
	border-bottom-color: #990000;
	border-width: 0 0 1px 0;
	margin: 0 0 10px 0;
}
  
 
.feature_box h2
{
	color: #963;
	margin: 0 0 10px 0;
	padding: 0;
}
  
.feature_box h3,
.feature_box h4
{
 	color: #000;
}
  
.feature_box p, 
.feature_box_alt p, 
.feature_box_alt h2,
.feature_box_alt h2,
.feature_box_alt h3,
.feature_box_alt h4
{
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 10px 0;
}
  
.feature_box h3,
.feature_box h4,
.feature_box_alt h2
{
	background-color: #CC9;
}
  
.feature_box_alt h1	
{
    text-transform: uppercase;
}
  
.feature_box form
{
	margin: 0px; padding: 0px;
}
  
div.feature_box a:link, div.feature_box a:visited, div.feature_box a:active, 
div.feature_box_alt a:link, div.feature_box_alt a:visited, div.feature_box_alt a:active
{
	color: #369;
	font-weight: bold;
	text-decoration: none;
}

div.feature_box h2 a:link,
div.feature_box h2 a:active,
div.feature_box h2 a:hover
{
	color: #963;
}

div.feature_head a:link, div.feature_head a:visited, div.feature_head a:active, 
div.feature_head_alt a:link, div.feature_head_alt a:visited, div.feature_head_alt a:active
{
	color: #900;
	font-weight: bold;
	text-decoration: none;
}
  
div.feature_box a:hover, 
div.feature_box_alt a:hover
{
	color: #668CB3;
	text-decoration: underline;
}  


.feature_box h1 a:link, .feature_box h1 a:active, .feature_box h1 a:visited 
{
	color: #900;
}  


.feature_box h1 a:hover 
{
	text-decoration: none;
}  

.feature_box h1 a:visited 
{
	color: #900;
	text-decoration: none;
}  


.leftnavhead a:visited 
{
	color: #668CB3;
}  
  
.feature_head a:hover,  .feature_box a:hover, .feature.section a:hover
.feature_head_alt a:hover
{
	color: #668CB3;
	text-decoration: underline;
}  




/*
  Standard Positions
  */  
img.pos_normal,
img.pos_left,
img.pos_right,
img.pos_center,
object.pos_normal,
object.pos_left,
object.pos_right,
object.pos_center	{ display: block; }

.pos_normal			{ margin: 4px; }
.pos_left			{ margin-right: auto; }
.pos_right			{ margin-left: auto; }
.pos_center			{ margin-left: auto; margin-right: auto; }

.pos_inline			{ display: inline-block; margin: 4px; }

.pos_float_left		{ float: left;  margin: 0 8px 0 0; }
.pos_float_right	{ float: right; margin: 0 0 0 8px; }

.align_center		{ text-align: center; }


  
/*
Standard Borders
*/
.border_none,
.border_std,
.border_alt1
{
}



/* Special Tables */  
table.spacey_table
{
  border-spacing: 15px;
}
  
  
  
/* FOOTER */
.footer_left_col, .footer_left_col p
{
	font-size: 10px;
	line-height: 12px;
}

.footerbrown a:link, .footer a:active,  .footerbrown a:visited
{
	color: #996633;
	font-weight: bold;
}
  
.footerbrown a:hover
{
	color: #996633; text-decoration: underline;
}

.footerbrown
{
	color: #996633
}


/* TOOL TIP SUPPORT */
 .tippable
  {
  display: block;
  position: relative;
  z-index:24;
  text-decoration:none;
  }
  
  .tippable:hover
  { z-index:25; }
  
  .tippable span
  { display: none; }
  
  .tippable:hover span
  {
  display:block;
  position:absolute; top: 2em; left: 0px; width: 200px;
  border:1px solid #999;
  background-color:#ccc;
  padding: 2px;
  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color:#000;
  text-align: left
  }
  
  div.page_ctl
  { background-color: #036; }
  
  li#nav_selected div.page_ctl
  { background-color: #CC9; }
  
  
  
  
  
 /* USER BAR */  
#user_bar
  {
  background-color: #333;
  margin: 0px;
  padding: 2px;
  border-bottom: solid 1px #666;
  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px;
  line-height: 10px;
  color: #ccc;
  }
  
  #user_bar a:link, #user_bar a:active, #user_bar a:visited
  { color: #fff; text-decoration: none; }
  
  #user_bar a:hover
  { color: #ccc; text-decoration: underline; } 
