#nodesign { display: none }

#nonav { display: none }

html {margin: 0; padding: 0;}

body {margin: 0; padding: 0; font-family: palatino, georgia, serif; font-size: 80%;}

pre {margin: 0; font-family: verdana, sans-serif; font-size: .9em;}

a {color: #000;}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .24em;}

.return {position: absolute; top: 0; right: 0; text-align: right; padding: .5em;}

table, th, td { font-family: palatino, georgia, serif; 
vertical-align: top;
text-align: justify;
border: 0px; }

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
  
  blockquote {text-align: left;}
  
h1, h2, h3 {
		text-align: left;
}

/*******************************************************************************
                       Forms
*******************************************************************************/

.legend {font-family: palatino, georgia, serif; font-size: 110%; font-weight: bold;}

label, input {font-weight: bold; 
	font-size: 100%; 
	cursor:pointer;
	}
		
input.col {font-size: 140%;
		background-color: #FFFFA0; }

.input-box
{
color: #26a;
background: #feb;
border: #26a solid 1px
}


input, textarea {
color: #000;
background: #FFFFA0;
font-family: palatino, georgia, serif; font-size: 140%; font-weight: bold;
} 


input:focus { 
 border: 2px solid #000; 
}

fieldset
{
border: #808080 solid 1px;
width: 20em;
padding: 10px;
width:80%; 
}

legend
{
background: #bfbfbf;
border: #808080 solid 1px;
padding: 1px 10px;
font-weight: bold; 
font-size: 110%;
}


/*******************************************************************************
                       Positioning rules
*******************************************************************************/


#header{ 
 height:100px; 
 width:100%; 
 background-color:#96FFFF;
 border-bottom: 1px solid black; 
 margin: 0;
	padding: 0; 
	background: url('../text/top3.jpg') repeat-x; 
	height: 100px
  } 
  
div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 10px;
width: 150px;
color: #e8e8e8;
padding-top: 10px;
}


#leftbox img {border: 0px solid black; 
 margin: 0;
	padding: 2; }


#main {
min-height: 1000px;
margin: 0 1% 0 180px;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 10px;
background-color: #e7e7c2;
text-align: justify;
}


#main .drop { float: left;
	  	font-size: 200%;
	  	line-height: 1em;
	  	margin: 4px 10px 10px 0;
	  	padding: 4px 10px;
	  	border: 2px solid #ccc;
	  	background: #eee;
	  	}

#main img{
	border: 0px none;
	padding: 8px;
		}
		
#middlebox {
margin: 0 2% 0 180px;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 10px;
background-color: #dda;     /*** This div has a background to cover the 2-tone body BG ***/
}

#footer{
 padding: 0px;
 height:20px; 
 width:100%; 
 background-color: #ffffff; 
 border-top: 1px solid black;
 text-align: left;
} 

#footer img{
	border: 0px none;
	padding: 8px;
	float: left; 
	}

#footertxt{
 padding: 8px;
 text-align: left;
} 

#box{
 padding: 4px;
 width:100%; 
 border: 1px dotted #000;
 text-align: justify;
}

#boxb{
 padding: 4px;
 width:100%; 
 border: 0px;
 text-align: justify;
}

/*******************************************************************************
                       Menu
*******************************************************************************/

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid black;
width: 140px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid black;
}

#navlist li a { text-decoration: none; }

#navcontainer ul li a:hover
{
color: #ffffff;
background: #000080;
}

#navfix { color: #000; }


/*******************************************************************************
                       Menu -Top Tabs
*******************************************************************************/


ul#navlisttop
{
font: bold 12px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid gray;
margin: 0;
}

ul#navlisttop li
{
float: left;
height: 21px;
background: #e7e7c2 url(shade.gif) top left repeat-x;
margin: 2px 2px 0 2px;
border: 1px solid gray;
text-decoration: bold;
}

ul#navlisttop li#active
{
background-image: url(shadeactive.gif);
border-bottom-color: #e7e7c2;
}

li#active a { color: #000; }

#navlisttop a
{
float: left;
display: block;
color: #232321;
text-decoration: none;
padding: 5px;
}

#navlisttop a:hover { 
text-decoration: underline;
}



ul#navlisttop
{
font: bold 12px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid gray;
margin: 0;
}

ul#navlisttop li
{
float: left;
height: 21px;
background: #e7e7c2 url(shade.gif) top left repeat-x;
margin: 2px 2px 0 2px;
border: 1px solid gray;
text-decoration: bold;
}

ul#navlisttop li#active
{
background-image: url(shadeactive.gif);
border-bottom-color: #e7e7c2;
}

li#active a { color: #000; }

#navlisttop a
{
float: left;
display: block;
color: #232321;
text-decoration: none;
padding: 5px;
}

#navlisttop a:hover { 
text-decoration: underline;
}
div#container{width: 500px;margin:0 auto}