/* AC Eggleton Stylesheet - 22 February 2005 - updated April 2008 */

body { margin: 0; padding: 0; background-color: white; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color : #333; background-image: url(../_images/bg.png);}

a:link {color: #003366; }
a:visited {color: #666666; } 
a:hover {color: #DB3F3D; text-decoration: none; }
a:active {color: #DB3F3D; }


#container { width : 970px;   margin : 5px auto;   background-color : white;  line-height : 130%; background-image: url(../_images/back.gif); background-repeat: no-repeat;}

#topbar { background-color: #004A95; line-height: 6px; width: 100%; border-bottom: 1px solid silver; margin: 0; padding: 0; }

#imagebar { background-color: white; height: 60px; width: 100%; text-align: left; border-top: 4px solid #004A95; border-bottom: 0px solid #666666; margin: 0; padding: 0;  }

#lowbar { background-color: #517DA8; line-height: 18px; width: 100%;  border-top: 1px solid silver; border-bottom: 6px solid #E5E5E5; margin-bottom: 0px;  }

#lowbar h1 {font-family: verdana, Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; font-size: 100%; font-weight: normal; text-indent: 20px; margin:1px; }

/* LEFT */

#leftcolumn {float:left; width:178px;margin : 0;  }


#navcontainer { margin: 20px 0px 0px 0px;  padding: 0px;  text-transform: lowercase;}

.nav { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-transform: capitalize;}
.nav a {display: block; padding: 5px 0.35em; border-left: 12px solid #517DA8; background-color: #FFFFFF; text-decoration: none; margin: 0px; color: #003366; border-bottom: silver 1px solid; }
.nav a:visited { text-decoration: none; color: #004A95; }
.nav a:hover{ text-decoration: none; color: #DB3F3D; background-color: #E5E5E5; border-left: 12px solid #DB3F3D;}
.nav a:active { text-decoration: none; color: #DB3F3D; }

.on {display: block; padding: 5px 0.25em; background-color: #E5E5E5; border-left: 12px solid #DB3F3D; text-decoration: none; margin: 0px; color: #004A95; border-bottom: silver 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;text-transform: capitalize; }

#guides {width: 156px; margin: 10px 5px 10px 15px ; background-color: #EFF2F8; border: 0px solid silver; padding: 3px;}

#guides p {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; line-height: 160%;}

.gnav {font-weight: normal;}
.gnavon {color: #DB3F3D;}
.gh  {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}


/* RIGHT */

#side { float: right; width: 150px; border: 2px dotted silver; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 1em;  margin: 25px 10px 3px 3px; padding: 5px;   }

#side img { margin: 1px; }

.sidehead {	font-family: Arial, Helvetica, sans-serif;	font-size: 110%; color: #333333;	font-weight: bold; text-transform: lowercase;	line-height: 120%; }


/* MAIN */

#content { margin: 10px 195px 10px 205px; padding: 0px 20px 0px 0px;  border-left : 0px solid #808080;
   border-right: 1px solid #336699;  padding : 1em;  border-bottom: 1px solid #336699; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 145%;}
   
  #content2 { margin: 10px 10px 10px 205px; padding: 0px 20px 0px 0px;  border-left : 0px solid #808080;
   border-right: 1px solid #336699;  padding : 1em;  border-bottom: 1px solid #336699; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 140%;}
   

#content ul li { font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	line-height: 140%; list-style-type: square; margin: 20px 0px 16px 0px;
}

#content ol li { font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	line-height: 140%; margin-bottom:8px;
}

#content h2 { font-weight: normal; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #DB3F3D; margin: 4px 0px 20px 0px;}

/* FOOTER */



#footer {  clear : both; background-color: #517DA8; font-size: 1em; font-family: verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0.1% 0.1% 0.1% 1.5%; font-weight: normal; border-top: 1px solid silver; border-bottom: 1px solid silver; margin-bottom: 2px; color: white;  }

#footer a:link { color: white; }
#footer a:visited { text-decoration: none; color: white; }
#footer a:hover { text-decoration: none; color: #DB3F3D; }
#footer a:active { text-decoration: none; color: #DB3F3D; }


/* Layout */

#address {clear : both; background-color: transparent; font-size: 1em; font-family: verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0.1% 0.1% 0.1% 1.5%; font-weight: normal; border-top: 1px solid silver; border-bottom: 0px solid silver; margin-bottom: 2px; color: #333333; }

#address p {font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 0px; line-height: 120%; }

#acform {width: 70%; margin: 15px 0px 20px 20px; }
#acform th {background-color: #E5E5E5; text-align: left; padding: 5px;}
#acform tr {background-color: #F3F3F3; }
#acform td {padding: 5px; }

#qqform {width: 70%; margin: 15px 0px 20px 0px; }
#qqform th {background-color: #E5E5E5; text-align: left; padding: 2px;}
#qqform tr {background-color: #F3F3F3; }
#qqform td {padding: 2px; }

/* Decoration */

strong { font-weight: bold; }
.caps {	text-transform: uppercase;}

h3 {font-size: 15px;font-style: italic;	font-weight: bold; color: #004A95;}
h4 {font-size: 15px;font-weight: bold; color: #004A95;}

blockquote {	font-size: 100%;	margin-left: 20px;}

.smaller {	font-size: 75%;}

.right {text-align:right; border-top: 1px solid silver;}
.color { background-color: #ECF5FF;}
.color2 { background-color: #F2F2F2 ; width: 75%;}
.happy {   border-top : 1px solid #808080;   padding : 10px;}
.none {display: none;}
.larger {font-size: 105%; font-weight: bold; color: #333333}

