/* an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ .
Version: 2.0 (Jan 29, 2007), adapted by Brendan Kruf (July 2007 and later) */

body {
   background:url(bg.gif) repeat-y top center #eaeaea; /* sets default background - picture on colored base, with picture starting top center */
   color:#3a3a3a; /* sets default color of text */
   font:76% Verdana,Tahoma,Arial,sans-serif; /* sets default font size (to which em referenced) and prioritized list of font families */
   margin:0 auto; /* sets transparent margin between html elements and box */
   padding:0;
}

/* Main layout and header */
#wrap {
  background:#fff;
  color:#303030;
  margin:0 auto;
  padding:1px 5px;
  width:760px; /* sets displayed width of webpage */
}
#wrap img.transparent {
  float:none;
  background:none;
  border:0;
  display:inline;
  padding:0;
  margin:0 0 -5px 0;
}
#header {
  background:url(header.jpg) no-repeat bottom center #fff;
  color:#003060;
  height:284px;
  margin:0;
  padding:10px 0 0 0;
}
#header h1 {
  line-height:90%;
  font-size:96pt;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 40px 15px;
  padding:0;
}
#header h1 a,#header h1 a:hover {
  font-weight:400;
  padding:0;
}
#header p {
  line-height:0%;
  font-size:36pt;
  font-weight:bold;
  letter-spacing:-1px;
  margin:0 0 20px 15px;
  padding:0 0 0 3px;
}
#header img {
  margin:240px 0 0 100px;
}
/* Left sidebar and menu */
#leftside {
  clear:left;
  float:left;
  margin:0 0 10px;
  padding:0;
  width:150px;
}
#leftside ul.avmenu {
  list-style:none;
  margin:0 0 18px;
  padding:0;
  width:150px;
}
#leftside ul.avmenu li {
  display:inline;
  padding:0;
  width:150px;
}
#leftside ul.avmenu li a {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  float:left;
  font-size:1em;
  font-weight:700;
  margin-bottom:5px;
  padding:5px 1px 5px 5px;
  text-decoration:none;
  width:138px;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
  background:url(menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom:1px solid #b0b0b0;
  border-left:4px solid #505050;
  border-right:1px solid #b0b0b0;
  border-top:1px solid #b0b0b0;
  color:#505050;
}
#leftside ul.avmenu ul {
  font-size:0.9em;
  margin:0 0 0 15px;
  padding:0 0 5px 0;
  width:133px;
}
#leftside ul.avmenu ul a {
  padding:3px 1px 3px 5px;
  width:123px;
}
#leftside ul.avmenu ul ul {
  font-size:1em;
  width:120px;
}
#leftside ul.avmenu ul ul a {
  width:108px;
}
#leftside h2 {
  font-size:1.5em;
  font-weight:400;
}
#leftside .announce {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  clear:left;
  color:#505050;
  line-height:1.3em;
  margin:10px 0;
  padding:5px 5px 5px;
  width:134px;
}
#leftside p,.announce p {
  font-size:0.9em;
}
#leftside .announce ul {
  font-size:0.9em;
  margin:0 0 0 15px;
}


/* Right sidebar */
#extras {
  float:right;
  margin:0 0 10px;
  padding:0;
  width:140px;
}
#extras p,#extras ul {
  font-size:0.9em;
  line-height:1.3em;
  margin:0 0 1.5em;
  padding:0;
}
#extras li {
  list-style:none;
  margin:0 0 6px;
  padding:0;
}
#extras h2 {
  font-size:1.6em;
  font-weight:400;
  letter-spacing:-1px;
  margin:0 0 6px;
}

/* Main content variations */
#content {
  line-height:1.5em;
  margin:10px 150px 10px 160px;
  padding:0;
  text-align:left;
}
#wide {
  line-height:1.5em;
  margin:10px 20px 10px 20px;
  padding:0;
  text-align:left;
}
#contentwide {
  line-height:1.5em;
  margin:10px 0 10px 160px;
  padding:0;
  text-align:left;
}
#content h2,#contentwide h2,#wide h2 {
  font-size:1.8em;
  font-weight:bold;
  letter-spacing:-1px;
  margin:8px 0 10px;
  padding:0;
}
#content h3,#contentwide h3,#wide h3 {
  font-size:1.5em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h4,#contentwide h4,#wide h4 {
  font-size:1.2em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
}
#content h5,#contentwide h5,#wide h5 {
  font-size:1.0em;
  font-weight:bold;
  margin:6px 0;
  padding:0;
  text-decoration:underline;
}
#content img,#contentwide img,#wide img {
  float:right;
  background:#ccc;
  border:4px solid #f0f0f0;
  color:#303030;
  display:inline;
  padding:1px;
  margin:0 10px 5px 0;
}
#content img.email,#contentwide img.email,#wide img.email {
  float:none;
  background:none;
  border:0;
  display:inline;
  padding:0;
  margin:0;
}
#content ul,#content ol,#contentwide ul,#contentwide ol,#wide ul,#wide ol {
  margin:0 0 16px 20px;
  padding:0;
}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol,#wide ul ul,#wide ol ol {
  margin:2px 0 2px 20px;
}
#content li,#contentwide li,#wide li {
  margin:0 0 2px 10px;
  padding:0 0 0 4px;
}


/* Footer */
#footer {
  background:#fff;
  border-top:2px solid #dadada;
  clear:both;
  color:gray;
  font-size:0.9em;
  margin:0 auto;
  padding:8px 0;
  text-align:center;
  width:750px;
}
#footer p {
  margin:0;
  padding:0;
}
#footer a {
  background:inherit;
  color:gray;
  font-weight:400;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

/* Links and paragraphs */
a {
  background:inherit;
  color:#166090;
  text-decoration:none;
  font-weight:700;
}
a:visited {
  background:inherit;
  color:#906016;
  text-decoration:none;
  font-weight:700;
}
a:hover {
  background:inherit;
  color:#286ea0;
  text-decoration:underline;
  font-weight:700;
}
a img {
  border:0;
}
p {
  margin:0 0 16px;
}
blockquote {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  margin:16px;
  padding:7px 7px 7px 11px;
}
blockquote p {
  font-size:1.1em;
  line-height:1.3em;
  margin:0;
}

/* Tables and forms */
table {
  border:1px solid #d8d8d8;
  border-collapse:collapse;
  line-height:1.3em;
  width:95%;
  margin:0 0 16px;
  padding:0;
}
caption {
  font-size:1.5em;
  font-weight:400;
  margin:0;
  padding:6px 0 8px;
  text-align:center;
}
th {
  background:url(menubg2.gif) repeat-x bottom left #eaeaea;
  color:#505050;
  padding:7px;
  text-align:left;
}
td {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  color:#303030;
  font-size:0.9em;
  padding:7px;
  text-align:left;
}
input,textarea {
  border:1px solid #ccc;
  font-family:Verdana,Tahoma,Arial,Sans-Serif;
  font-size:1em;
  margin:0;
  padding:4px;
}
label {
  margin:2px;
}
input {
  width:200px;
}
textarea {
  width:400px;
}

/* Search box */
#searchbox label,.hide {
  display:none;
}
#searchbox {
  margin:6px 0 16px;
  padding:0;
}
#searchform {
  background:#fff;
  border:1px solid #ccc;
  color:#505050;
  font-size:0.9em;
  padding:4px;
  width:116px;
}

/* Various classes */
.announce h2 {
  margin:0 0 10px;
  padding:0;
}
.textright {
  margin:-10px 0 4px;
  text-align:right;
}
.center {
  text-align:center;
}
.small {
  font-size:0.8em;
  line-height:normal
}
.large {
  font-size:1.3em;
  line-height:normal
}
.highlighted {
  background:#f0f0f0;
  border:1px solid #b0b0b0;
  color:#303030;
  padding:3px;
}
.button {
  background:url(menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  font-weight:700;
  margin:0 0 15px;
  padding:7px 7px 7px 11px;
  width:120px;
}
.left {
  float:left;
  margin:10px 10px 5px 0;
}
.right {
  float:right;
  margin:10px 0 5px 10px;
}