body {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
	margin: 0px;
	padding: 0px;
        background: url(/rotate.php) repeat-y;
}


#head {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
	/*height: 85px;*/
	width: 98%;
	padding-top: 7px;
	padding-left: 7px;
        margin-bottom: .8em;
}
.address {
	float: right;
}
#navcontainer {
	background: #FEF1BB;
	border-top: 2px solid #666699;
	border-bottom: 2px solid #666699;
	padding: 3px 10px 0 3px;
        height: 20px;
	
}

#nav {
   	background: url(/images/nav.gif) no-repeat;
	width: 325px;
	height: 17px;
	padding: 0;
        position: relative;
	margin: 0;
	float: right;
	}

  #nav li {
  position: absolute; 
  top: 0px; 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  }
  
  #nav li, #nav a { 
  height: 17px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline: none;
  }
  
  
#res {left: 0; width: 104px;}
#sem  {left: 122px; width: 67px;}
#fav  {left: 204px; width: 62px;}
#ab {left: 284px; width: 41px;}


#res a:hover {background: transparent url(/images/nav.gif) 0 -20px no-repeat;}
#sem a:hover {background: transparent url(/images/nav.gif) -122px -20px no-repeat;}
#fav a:hover {background: transparent url(/images/nav.gif) -204px -20px no-repeat;}
#ab a:hover {background: transparent url(/images/nav.gif) -284px -20px no-repeat;}


/* select nav */
body#resources #res {background: transparent url(/images/nav.gif) 0 -20px no-repeat;}
body#seminars #sem {background: transparent url(/images/nav.gif) -122px -20px no-repeat;}	
body#faves #fav {background: transparent url(/images/nav.gif) -204px -20px no-repeat;}	
body#about #ab {background: transparent url(/images/nav.gif) -284px -20px no-repeat;}	
body#fitips .ft {background: transparent url(/images/nav-rr.gif) -123px -20px no-repeat;}	

/* nav-rr */

#nav2 {
   	background: url(/images/nav-rr.gif) no-repeat;
	width:407px;
	height: 17px;
	padding: 0;
        position: relative;
	margin: 0;
	float: right;
	}

  #nav2 li {
  position: absolute; 
  top: 0px; 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  }
  
  #nav2 li, #nav2 a { 
  height: 17px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline: none;
  }
  
  
#nav2 .res {left: 0; width: 104px;}
#nav2 .eclass {left:121px; width: 61px;}
#nav2 .ft {left:199px; width: 71px;}
#nav2 .fav  {left: 283px; width:70px;}
#nav2 .ab {left:363px; width: 44px;}


#nav2 .res a:hover {background: transparent url(/images/nav-rr.gif) 0 -20px no-repeat;}
#nav2 .eclass a:hover {background: transparent url(/images/nav-rr.gif) -121px -20px no-repeat;}
#nav2 .ft a:hover {background: transparent url(/images/nav-rr.gif) -199px -20px no-repeat;}
#nav2 .fav a:hover {background: transparent url(/images/nav-rr.gif) -283px -20px no-repeat;}
#nav2 .ab a:hover {background: transparent url(/images/nav-rr.gif) -363px -20px no-repeat;}


#content {
	margin-left: 20px;
	clear: both;
}

#content2 {
margin: 20px;
width:90%;
}

#contentpff {
	margin: 0;
	background: url(/images/content-bkg.gif) repeat-y 80% 0;
	border-bottom: solid 2px #666699;
        height: 1%;
	
}
#contentpff:after { content: ""; display: block; height: 0; clear: both; }

#main {width: 80%; float: left;}
#sidebar {width: 20%; float: right; font-size: 80%;}
#main .gutter {padding: 0 1.5em 1.5em}
#sidebar .gutter {padding: 1em}

#footer {
	clear: both;
	padding: .2em 1em;
	text-align: center;
}

#footer ul{
padding: 0;
margin: 0;
list-style-type: none;
white-space: nowrap;
}

#footer li { 
display: inline; 
margin-right: 1.5em;
}


#footer li a {
font-family: verdana, arial, helvetica;
font-size: 11px;
color: #666699;
text-decoration: none;

}

#footer li a:hover {
text-decoration: underline;
}

.imgR {
float: right;
margin: 0 0 10px 20px;
}

.imgL {
float: left;
margin: 0 20px 10px 0;
border: 1px solid #000;
}

a:link {color: #666699;}
a:visited {color: #666699;}

h1 {padding-top: 20px; margin-top: 0}

h2 {
	font-size: 125%;
	font-weight: normal;
	color: #666699;
}
h3 {
    font-size: 120%;
	font-weight: bold;
	color: #ABB674
}


#content2 ul
{
margin-left: 2em;
padding-left: 0;
list-style: none;
}

#content2 ul li
{
	padding-left: 15px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-bottom: 10px;
}

#sidebar ul  {
margin-left: 1em;
padding-left: 0;
list-style: none;
}

#sidebar li
{
	padding-left: 15px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	
}

#sidebar li a {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
}


.left {
	margin: 0 20px 0 0;
	float: left;
	width: 167px;
	padding: 0;
}
.left img {border: 1px solid #000;}
.left2 {
    margin-top: 0;
	padding: 0;
	margin-left: 200px;
}
.left2 h3 {margin: 0; padding: 0}

.lowerB {
	border-top: 1px solid #666699;
	clear:both;
}

.upperB {
	border-top: 1px solid #666699;
	padding-top: 10px;
}
	
.small {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
}

.small2  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
}