/* Global Border / Margin Reset */
* {
border:0;
}

/* Basic Text Formatting */
body, code, pre  {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
h1 {
font-size: 24px;
color:#fff;
margin: 0px 0 10px 0;
}
h2, h3, h4, h5, h6, p {
margin: 0 0 10px 0;
}
h2{font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
p {
font-size: 14px;
line-height: 1.2em;
}
#footercontent p {
font-size: 12px;
margin: 0;
}
/* Link Formatting */
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

/* Form Formatting */
input, textarea  {
background-color: #F6F6F6;
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
padding:2px;
}
input:focus, textarea:focus {
background-color: #fff;
font-size: 11pt;
padding:2px;
}

/* Background Color & Positioning */
body {
background:#fff;
margin:0px;
}
#header {
position: relative;
}
#headerwrapper {
width:760px;
margin: 0px auto;
position: relative;
height:100%;
}
#logo {
position: relative;
padding: 10px 0;
}
#titlebar {
border: 1px solid #EEE;
border-bottom:0px solid #EEE;
position: relative;
text-align:left;
margin: 0px auto;
padding: 3px 5px;
width:760px; /* False value for IE4+/Win  */
voice-family: "\"}\"";
voice-family:inherit;
width: 748px; /* Actual value for conformant browsers */
}
html>#titlebar {width:748px; /* Be nice to Opera */}
#titlebar h1 {margin:0;padding:0;}
#main {
padding: 20px 0;
position: relative;
width: 100%;
background:#eee;
border-bottom: 1px solid #eee;
}
#mainwrapper {
background:#eee;
width:760px;
margin: 0px auto;
position: relative;
}
#maincontent {
background:#fff;
position: relative;
text-align:left;
float: left;
left:10px;
padding: 10px;
width:420px; /* False value for IE4+/Win  */
voice-family: "\"}\"";
voice-family:inherit;
width: 400px; /* Actual value for conformant browsers */
}
html>#maincontent {width:400px; /* Be nice to Opera */}
#maincontent h3 {margin-top:0;}

#prisidebar {
background:#eee;
position: relative;
left: 0;
width:140px;
float:left;
}

#prinavwrapper {
background: #fff;
padding: 10px 0 10px 0;
margin-bottom: 10px;
}

#sponsors {
text-align:center;
padding: 10px;
background:#fff;
text-align:left;
color: #000;
}

#sponsors img {
display: block;
max-width: 120px;
margin-bottom: 10px;
}

#secsidebar {
background:#eee;
position: relative;
width:180px;
float: right;
margin-left:10px;
}
#secsidebar div {
padding: 10px 10px 1px 10px;
background: #fff;
margin-bottom: 10px;
text-align:left;
}
#secsidebar img {
max-width: 160px;
margin-bottom:10px;
}
#bkgdextend {clear:both;} /* Address annoying float functionality */
#footer {
clear:both;
background:#666;
position:relative;
text-align:left;
height:100%;
}
#footer a {color:#fff;}
#footer a:hover {color:#ddd;}
#footerwrapper {
background:#666;
width:760px;
margin: 0px auto;
position: relative;
text-align:right;
}
#footer img {margin: 10px 0;}
#footercontent {
border: 1px solid #EEE;
border-top: 0px solid #EEE;
background:#999;
width:760px;
padding: 10px;
text-align:left;
margin: 0px auto;
width:760px; /* False value for IE4+/Win  */
voice-family: "\"}\"";
voice-family:inherit;
width: 738px; /* Actual value for conformant browsers */
}
html>#maincontent {width:738px; /* Be nice to Opera */}

/* Primary Nav */
#prinav ul {
margin: 10px 10px 10px 0;
padding-left: 0;
list-style-type: none;
text-transform:capitalize;
font-weight: bold;
text-decoration:none;
color: #000;
font-size:15px;
}
#prinav ul ul {
margin: 5px 0 0 0;
}
#prinav ul ul li {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
text-align:left;
}
#prinav li {
margin-bottom: 5px;
padding-left:10px;
text-align:left;
}
#prinav li a {
font-weight: bold;
text-decoration:none;
color:#666;
display:block;
}
#prinav li a:hover {
font-weight: bold;
text-decoration:none;
}

/* Notes */
/*
-Align all content to left to aviod an IE bug
-Add in width fixes for IE & Opera

Following rule allows entire region of link to to be
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html



*/