body, html { margin: 0; padding: 0; }
body { background-color: #ffffff; }

body, td, th, p, div, span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a { color: #0000ff; font-family: Verdana, Arial, Helvetica, sans-serif; 10px; }
a.visited { color: #0000ff; }
input, select, textarea { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
img { border: 0 }
form { display: inline; }

/*-- Header Styles --*/
#hdrImage { display: none; }
#header { background: url(../images/hdr.jpg) no-repeat #C3D2F3; height: 60px; }

#siteNav a { padding: 0 0.5em; text-decoration: none; color: #CC0000; text-transform: uppercase; 
    font-size: 10px; font-weight: bold; }
#siteNav a:hover { text-decoration: underline; }

#popupheader h1 { margin: 10px 0 0 10px; color: #003366; font-size: 130%; }
#popupheader #siteNav { position: absolute; top: 12px; right: 10px;}

#header #siteNav { text-align: right; position: relative; top: 40px; }

#sectionNav { background-color: #395586; color: #C0CEE6; margin-top: 42px; padding: 8px; }
#sectionNav a { color: #C0CEE6; text-decoration: none; padding: 0 0.5em; font-weight: bold; font-size: 11px; }
#sectionNav a:hover { color: #ffffff; }

/*-- Footer Syles --*/
#footer { margin-top: 1em; text-align: center; font-size: 10px; }
#footer a { text-decoration: none; padding: 0 1em; font-weight: bold; color: #0000ff; }
#footer a:hover { text-decoration: underline; }
#footer a:visited { color: #0000ff; }

/*-- Button Styles --*/
a.button { display: inline; background: url(../images/btn_bkgd.gif); padding: 5px 10px; color: #000 !important;
    border: 1px solid #999; text-decoration: none; font-weight: bold; line-height: 2.5em; }
a.button:hover { color: #cc0000 !important; } 

/*-- Help Text Styles --*/
.helpText { width:94%; border-top:1px dotted #999999; border-bottom:1px dotted #999999; 
    padding:10px; margin: 2em 0 3em 0;
    font-family:verdana, arial, helvetica, sans-serif; color:#666666; font-size:11px; }
.helpText a { font-weight: bold; color: #444444; text-decoration: none; }
.helpText a:hover { text-decoration: underline; }
.helpText a:visited { color: #444444; }

/*-- Instruction box styles --*/
div.instructions { margin: 10px 0; }
.instructions h5 { font-size: 100%; padding: 0; margin: 0; }
.instructions p { margin: 0; padding: 3px 0 0; }

/*-- Styles a group of links */
span.linkSet { color: red; white-space: nowrap; }
span.linkSet a:link, 
span.linkSet a:visited, 
span.linkSet a:active,
span.linkSet a:hover { color: red; text-decoration: none; }
span.linkSet a:hover { text-decoration: underline; }

/*-- Utility Styles --*/ 
.pad7 { padding: 7px }

/* This style is used in order to workaround a bug in versions of IE where tables
   whose widths are specified as a percentage incorrectly determine their widths
   relative to the browser window rather than their parent element.  By wrapping
   them in a div with a 100% width, this behavior is corrected. */
div.tablewrapper { width: 100% }

/*-- Content Styles -- */
#content { padding: 10px; }
.largeMargin { margin-right: 10%; }
.smallMargin { margin-right: 5%; }
.noMargin { margin-right: 0%; }

#content h1 { margin: 5px 0; color: #003366; font-size: 100%; }
#content h1 .section { font-size: 130%; text-transform: uppercase; }
#content h1 .subsection { font-size: 115%; }
#content h2 { margin-left: 10px; font-size: 110%; text-transform: uppercase; }
#content h3 { font-size: 110%; margin-bottom: 10px; font-style: normal; }

div.horizDiv { background: url(../images/admin/horiz_divider.gif) repeat-x center center; }