.default {
  font-family: verdana, tahoma, gill sans, arial, geneva, helvetica, sans-serif;
}

body { 
  font: 10pt/15pt Verdana, Helvetica, Arial, sans-serif;
  color: #525252; 
  font-weight: normal; 
  text-align: left;}


h2, h3, h4, h5, h6, p, ul, ol, dl, address {
	margin: .2em 0 .5em 0;
	padding: .5em 0;
	text-indent: inherit;
}

img {
  margin: .5em .5em ;
  padding: 0 0;}
 

h1, h2, h3, h4, h5, h6 {
    font-family: Century Gothic, Helvetica, Arial, sans-serif;
    line-height: 100%;
  }
  
h1 { 
  font-weight: normal; 
  padding-left: 5px; 
  font-size: 200%; text-align:center; color:#99A4D3
  }
  
h1:hover, h1:focus, h1:active {
  background: #000;}

h2 {font-size: 160%;}
h3 {clear: left; font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}
a:link     {text-decoration: none; color: #667E9A;}
a:active   {text-decoration: none; color: #566779;}
a:visited  {text-decoration: none; color: #667E9A;}
.listLink {	margin: 0px 2px 15px 20px;}
.listLink li { padding-bottom: 5px; padding-left: 4px; }
table {margin-left: 20px; border-collapse: collapse; max-width: 62em;}
td {border-bottom: 1px solid #666;
  padding: .5em 1em .5em .25em;
  font: 100% Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  vertical-align: top;}


UL { color:#333333; list-style:square; line-height:140% }

/* menu */
#menu {	
	margin-top: 35px;
	float: left; 
	width: 200px; 
	background: #FAF9FF;
	border: 2px solid #6772B8;  	
	}

/* nav */	
#nav {
	padding-left: 10px; 
	background: transparent;
	}

#clearer { 
	clear: both; 
	margin: 0; 
	padding: 0;
	}
#footer { 
	margin: 8px 8px 8px 8px; 
	}

/* container */
#container {width: 100%;}

/* content */
#content {float: left; width: 100%;}

/* content-sub */
#content-sub {float: none; width: 100%; min-height:250px; padding: 0 0 2em 0; background: #fff }
#content-sub table {margin-right:5px;}
#content-sub table th {padding:.2em;}
#content-sub h2+p {font-size: 110%; font-weight: bold;}
#content-sub hr {display: block; width: 75%; margin: 1em auto;}

/* content-main */
#content-main {position: absolute; left:220px;  width:70%;   padding: 2em 0;}
#content-main ul {list-style-type: disc; text-indent:5; margin-left:15; padding-left:20px;}
#content-main ol {
	text-indent: 25;
	margin-left: 15;
	padding-left: 20px;
}
#content-main table {width: 90%;}
#content-main form div {clear: both;}
#content-main fieldset {float: left; width: 40%; margin: 0 0 .5em 0; border: 0px solid #000000;
  padding-left: 0;}
#content-main label, #content-main label span {display: block; color: #fff; font-weight: bold;}
#content-main input, #content-main textarea {min-width: 10em; width: 95%;
  border: 1px solid #ad8a22; padding: 2px;}
#content-main textarea {height: 5em;}
#content-main p {min-height:30px; margin-left: 20px; }
#content-main a {color: #6772B8; font-weight: bold;}
#content-main a:hover, #nav-bottom a:focus {color: #2E3192; font-weight: bold;}




/* nav-bottom */
#nav-bottom {width: 100%; overflow: hidden; border-top: 1px solid #667E9A;} 
#nav-bottom ul {float: middle; list-style-type: none;}
#nav-bottom li {display: inline;}
#nav-bottom a {float: left; padding: 0 .75em; font-size: 80%;
  font-weight: normal; text-decoration: none;}
#nav-bottom a:link, #nav-bottom a:visited {color: #667E9A;}
#nav-bottom a:hover, #nav-bottom a:focus {color: #566779;}

/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav ul li h2 {
  	font-family:  Tahoma, Verdana, sans-serif;
  	font-weight: normal;
  	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
	}
#nav { 
	width: 100%; 
	}
#nav ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	}

#nav a {
	display: block;
	padding: 0px 1px 1px 17px;
	width: 80%;
	border-bottom: 1px solid #eee;
	color: #000;
}
	
#navlist a {border-bottom:none;}

#nav a:link, #navlist a:visited{
	text-decoration: none;
	border-bottom:none;
	}

#nav a:hover{
	background-color: #fff;
	color: #6772B8;
	}


#midrow {
	position: absolute;
	top: 0;	
	margin: 0;
	padding: 10px 10px 0 10px;
	width: 372px;
	height: 357px;
	border: 1px solid #ccc;
	background: transparent url("images/fff.gif");
	}
	
a.menu {font-family:   verdana,  tahoma, gill sans, arial, geneva, helvetica, sans-serif;
  font-size:12;  font-weight:600; text-decoration:none; border:0 }

a:link.menu    { color:#666;  background-color:transparent; }
a:visited.menu { color:#666; background-color:transparent; }
a:hover.menu   { color:#860D48; background-color:transparent; }
a:active.menu  { color:#999; background-color:transparent; }


a.menu2 {font-family: verdana,  tahoma, gill sans, arial, geneva, helvetica, sans-serif;
  font-size:10;  font-weight:600; text-decoration:none; }

a:link.menu2    { color:#860D48; background-color:transparent; }
a:visited.menu2 { color:#666; background-color:transparent; }
a:hover.menu2   { color:#860D48; background-color:transparent; }
a:active.menu2  { color:#999; background-color:transparent; }

.credit {
  color:#fff; 
  font-size: 75%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}
a.credit {font-family:   verdana,  tahoma, gill sans, arial, geneva, helvetica, sans-serif;
  font-size:25%;  text-decoration:none; color:#fff; border:0 }
a:link.credit    { color:#fff; background-color:transparent; }
a:visited.credit    { color:#fff; background-color:transparent; }
a:hover.credit    { color:#fff; background-color:transparent; }
a:active.credit    { color:#fff; background-color:transparent; }

.pop a { position: relative; }
.pop a span { display: none; }
.pop a:hover { display: inline; } /* Needed to make it work in IE6 :S */
.pop a:hover span {
  display: block;
  position: absolute;
  top: 1.6em;  
  left: 20;
  font: normal Arial, sans-serif;
  color: black;
  border: 1px solid black;
  padding: 0.1em 0.2em;
  cursor: default;
  z-index: 10;
  background-color: #667E9A;
  text-decoration: none;
}
.pop table span {width: 40%;}