﻿/* CSS Document */

body  {
	font-family:Verdana, arial, times, helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:76%;
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}	
/************************    HEADER TEXT  ************/
#title  {
	font-size:36pt;
	font-family:garamond, arial, times, helvetica, sans-serif;
	padding-left:10px;
	font-weight:bold;
	margin-top:10px;;
	color:#0000CD;
}
/**********************    NAVIGATION IN TOP-RIGHT CORNER   *****/
#cornernav  {
	float:right;
	margin-top:5px;
	margin-right:5px;
}

#cornernav a {
	color:#686868;
	padding-right:20px;
}
/***************************   INLINE NAVIGATION   WRAPPER     *****/
#navwrap  {
	position:relative;
	padding-top:1px;
	padding-bottom:1px;
	border-top:3px solid #888;
	border-bottom:2px solid #888;
}
/*****************************   INLINE NAVIGATION   *********/
#topnav  {
	background:url(images/bluegradient.gif) repeat-x; 
/*	background:#0000CD;*/
	padding-top:5px;
	color:#fff;
?
}

#topnav ul
{
	height:2.4em;
	line-height:2.4em;
	list-style: none;
	padding:0;
	margin:0;
}

#topnav li
{
	float: left;
}

#topnav li a
{
	line-height:2.4em;
	float:left;
	width:80px;
	display: block;
	color: #fff;
	text-align: center;
}

/******************************   SIDE NAVIGATION     ****/
#sidenav    {
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:200px; 
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

#sidenav ul  {
	list-style-type:circle;
}

#sidenav p  {
	padding-left:1em;
	padding-bottom:10px;
}

#sidenav  li  {
	padding-top:0.6em !important;
	padding-top:0.4em;
}

#sidenav li a {
	color:#0000CD;
	text-decoration:underline;
}

#sidenav li a:hover  {
	color:#000000;
	text-decoration:none;
}

#sidenav h2 {
	font-size:100%;
	background:url(images/sidebluegradient.gif) repeat-x; 
/*	background:#0000CD;*/
	color:#fff;
	height:1.4.em;
	line-height:1.8em;
	padding-left:15px;
	margin-top:0;
}
/*************************    MAIN CONTENT AREA  ******* */
#content   {
	width:66%;
	float:left;
	margin-left:30px;
	margin-top:20px;
}


#content  p {
	text-indent:20px;
}

#content a {
	color:#0000CD;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#content img {
	float:left;
}

#content h1 {
	height:1.8em;
	line-height:1.8em;
/*	background:url(images/greengradient.gif) repeat-x; */
	background:url(images/grey.gif) repeat-x;
	border-top:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.2em;
	color:#000;
	padding-left:5px;
}

#content h2 {
	height: 1.8em;
	line-height: 1.8em;
	background: url(images/grey.gif) repeat-x;
/*	border-top:1px solid #c4c4c4; */	
	border-top: 1px solid #c4c4c4;
	margin-top: 0;
	margin-left:40px;
	margin-right:40px;
	font-size: 1.2em;
/*	color: #0000FF; */
	color: #000cd;
	padding-left: 5px;
}

#content h3 {
	height: 1.8em;
	line-height: 1.8em;
	background: url(images/darkgrey.gif) repeat-x;
	border-top: 1px solid #c4c4c4;
	margin-top: 0;
	font-size: 1.2em;
	color: #0000c;
	padding-left: 5px;
}


/*  *************************    FOOTER   *****************  */
#footer  {
	clear:both;
	height:3em;
	border-top:1px solid #77abb8;
	text-align:center;
	color:#000;
	margin-top:2em;
	font-size:.8em;
}

#footer a {
	color:#000;
}