/* 

STYLE SHEET FOR [x] WEB SITE
Created by Jim Tarwacki
www.jetnet-solutions.com

ToC

	1. defaults / Removing page default style
	2. structure
	3. header
	4. fonts
	5. links and navigation
	
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults / Removing page default style  --------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body, div, p, p.first, th, td, li, dd{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
 	margin:0; 
 	padding:0; 
	margin: 0;
	padding: 0;
	color:#003399;
	background-color: #fff;  
 } 
		
/*  --------- 2. structure  --------- */

#wrapper {
}
		

/* -- skip navigation -- */
#skipNav {/* skip-navigation container */
	position: absolute;
	top: 10px;
	left:10px;
	width: 60px;
	text-align: center;
}

#skipNav a {
	font: 1.0em Arial, sans-serif;
	display: block;
	width: 60px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #003399;
} 
		
#skipNav a:hover {
	color: #898989;
}
		
/* ------------3. header --------------*/

#header{
 	position:relative; 
 	height:220px;
	color: #fff;
  	background-color: #003399;
 	width:100%;
	background-image: url('images/logoBG.gif');
	background-repeat: repeat
} 

#header h1 {
	float:right;
	height:100%; 
	color: #FFF;
  	background-color: #003399;
}

#header h1 a:link{
	height:100%;
	color: #FFFF99;
  	background-color: #003399;
}

#header h1 a:visited{
	height:100%;
	color: #FFFF99;
	background-color: #003399; 
}	

#header h1 a:hover{
	height:100%;
	color: #003399;
	background: #FFFF99;
}

a img {
	height:100%;
	border:0 
}

img {
	height:100%;
	color: #003399;
	background-color:#fff; 
	border:0
}


/* ---------- 4. fonts HEADING 2 STYLE ---------- */
h2 {
	font-size: 1.3em;
}

/*---------HEADING 3 STYLE -----------*/
h3 {
	font-size: 1.2em;
	font-weight: bold;
}

/*----------HEADING 4STYLE -------------*/
h4 {
	font-size: 1.1em;
	font-weight:bolder;
}
	
/* ---------- 5. links and navigation ---------- */
* {	
	clear:both;				
	margin: 0px;
	padding: 0px;
}

#navcontainer {
	clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	background-color: #FFFFCC;
    color:#000066;
    border-top: 1px groove #003399;
    border-bottom: 1px groove #003399;
    padding: 4px 0px 12px 0px;
	text-align: center;
	margin-top:2px
}

#navlist {
	margin: 0; 
	padding: 2px 0;
}

#navlist ul {
	margin: 0; 
	padding: 0;
}

#navlist li {
	display: inline; 
	list-style: none;
	background-color: #FFFFCC; 
}

#navlist li a {
	color: #003399;
	background-color: #FFFFCC; 
	margin: 2px 0;
	padding: 2px 4px;
	text-decoration: none;
	text-transform: uppercase;	
}

#navlist li a:link, 
#navlist li a:visited {	
}

#navlist li a:hover, 
#navlist li a:active {
	text-decoration: underline;
}

#navlist li.first {
	border-right: 1px groove #fff;
}

#navlist li.separator {
	border-left: 1px groove #990000;
}

#navlist li.separator1 {
	border-left: 1px groove #fff;
}

.akey{
	text-decoration:underline;
}

/*-------FORM CONTAINING PAGE CHANGER AND FONT RESIZER-----*/
#form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color:#003399;
	padding:5px;
	width: 90%;
	border:thin;
}

#form div{
	margin:0.4em 0 0.6em 0;
}

#form fieldset {
	border:none;
	margin:0;
	padding-bottom:8px;
}

#form legend{
	color:#003399;;
	background-color:#fff;
	font-size:80%;
	font-weight: lighter;
	margin:0  0 5px 0;
}

#form .btn{
	border:1px outset #666666;
	background-color:#FFFFCC; 
	color:#003399;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	padding-left: 1.5%;
	padding-right:1.5%;
}
	
/*-----------START OF HORIZONTAL RULE---------------------*/
hr {
	width:90%;
	text-align:center;
}

/*-----------START OF INDENT SETTING-----------------------*/
.indent1{
	padding-left:3em;	
}



/* ----------Left column acting as a 9 pixel border-----------*/		
#leftcol {
	float: left;
	width: 25px;
	margin-left: 6px;
	margin-top: 0px;
	color: #003399;
	background-color:#fff;
	padding: 3px;
}
		
#rightcol {
	position: absolute;
	left: 65%;
	top: 360px;
	width: 262px;
	z-index: 3;
	color: #003399;
	background-color:#fff;
	text-align: left;
	padding: 3px;
}

li {
	padding-bottom: 10px;
}


#content {
	clear:left;
	text-align:left;
	margin: 0px 37% 0 25px;
	padding: 3px;
	color: #003399;
	background-color:#fff;
}

#footer{
 	height:20px;
	color: #003399; 
  	background-color:#fff; 
 	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
 	margin:0; 
	margin: 0;
	padding: 0;
 } 
 
ul {
	list-style-type: none;
}
				
/* ---------- 6. hacks ---------- */

body{ /* IE 5 centring bug fix */
	text-align: center;
}
		
#wrapper {
	text-align: left;
}  
		
/*-----------START OF ANCHOR LINK BTN------------*/
.anchorlink {
	padding-left: 22px;
	padding-top: 1%;
	border:1px outset #666666;
	background-color:#FFFFCC; 
	color:#003399;
	padding:2px;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	width: 4em;
}

.anchorlink a:link { 
	color:#003399;
	background-color:#FFFFFF; 
	text-decoration: none; 
}
	
.anchorlink a:visited { 
	color: #003399;
	background-color:#FFFFFF; 
	text-decoration: none;
} 

a:hover { 
	color: #003399;
	background-color:#FFFFFF;
	text-decoration:underline; 
}