/* Core classes and elements common to many/all pages */
/* Set them up here once, import this css into page level css files */
@import 'header.css';
@import 'nav_side.css';
@import 'core_classes.css';
@import 'subsection.css';
@import 'headings.css';

body 
{
  top: 0px; 
  left: 0px; 
  margin: 0 0 0 10px;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 95%; 
  color: #333;
}

/* this applies to ie 6+, netscape, mozilla, but not Opera or IE 5.0/5.5 */
body {f\ont-size: 90%;}

ul {margin: 0px; padding: 0px;}
p {margin-top: 0px; margin-left: 0px; margin-bottom: 15px;}

/* Headline styles */
h1, h2, h3, h4, h5, h6 {font-family: Verdana; margin: 0 0 5px 0; padding: 0px;}
h4 {font-size: 120%; color: #06c;}
h5 {font-size: 100%; color: #036; font-weight: bold;}
html>body h5 {font-size: 110%;} /*opera*/
head:first-child+body h5 {font-size: 100%;} /* not understood by opera */
h6 {font-size: 85%; font-weight: bold;}

table {border-collapse: collapse; border-color: black; margin-left: 16px;}
tr {border: none;}
td {border: none;}

/* The main "buckets" */
div#content {width: auto; position: relative; top: 0; left: 0; clear: both; margin-top: 8px;} /* 760px plus the 20px margin in the body tag = 780px wide screen (when vertical scrollbar visible) - clear:both is needed due to floated links in the header */
div#content div#copy {width: 760px; margin-bottom: 10px; font-size: 80%;}
* html div#content div#copy {font-size: 75%;}

/* As of now, the one-col layout is not being used, but leave this code just in case. */
/* made container div#one-col for specificity override */
/*div#content div#one-col {position: relative; top: 0; left: 0;} */
/*div#content div#one-col div#l-box {display: none;}*/
/*div#content div#one-col div#r-box {display: none;}*/
/*div#content div#one-col div#copy div#padded-copy {margin-left: 20px; width: 740px;}*/ /*760-padding*/

div#content div#two-col {position: relative; top: 0; left: 0;}  /* made container div#two-col for specificity override */
div#content div#two-col div#l-box {float: left; width: 152px; background-color: #fff;}
div#content div#two-col div#copy {float: left; width: 608px; background-color: #fff;}/* position:absolute;}*/
div#content div#two-col div#r-box {display: none;}
div#content div#two-col div#right-box {float: right; width: 152px; } /* this is the fake third column. use when needed. */
div#content div#two-col div#right-box div#user-controls {width: 148px; margin-left: 4px; margin-top: 0;} /* 148-4-4=140 */

/* these next lines are due to differing layout within div#two-col. these are still core sizings. */
div#content div#two-col div#copy div#wrapper {width: 608px;}
div#content div#two-col div#copy div#wrapper div#branding-big {width: 608px; height: 150px;}
div#content div#two-col div#copy div#wrapper div#branding-small {width: 152px; height: 50px; float: left; background-color: #cce6ff;}
div#content div#two-col div#copy div#wrapper div#subsection-name {width: 456px; height: 50px; float: left;}
div#content div#two-col div#copy div#padded-copy {/*width: 588px;*/ clear: both;} /*608-padding*/

div#content div#three-col {position: relative; top: 0; left: 0;}  /* made container div#three-col for specificity override */
div#content div#three-col div#l-box {float: left; width: 152px; background-color: #fff;}
div#content div#three-col div#copy {float: left; width: 456px; background-color: #fff;}
div#content div#three-col div#r-box {float: left; width: 152px; background-color: #fff; font-size: 80%;}
div#content div#three-col div#copy div#wrapper div#subsection-name {width: 456px; height: 50px; float: left;}
div#content div#three-col div#copy div#padded-copy {width: 456px; clear: both; padding-top: 12px;}

div#content div#three-col div#r-box div#user-controls {width: 148px; margin-left: 4px; margin-top: 4px;}
div#user-controls div.gadget {background-color: #e7effa; padding: 6px; margin-bottom: 5px; background-image: url(img/rightnav_bottom.gif); background-position: right bottom; background-repeat: no-repeat;}
div#user-controls div.pracgadget {padding: 6px; margin-bottom: 5px;}

/* Holds all footer stuff */
/* div#footer uses clear:both to position itself underneath all main columns */
div#footer {font-size: 75%; width: 604px; height: 75px; padding-top: 2px; margin-top: 20px; margin-left: 156px; clear: both; background-image: url(img/dotted.gif); background-position: left top; background-repeat: no-repeat;}
div#footer div {margin-left: 0px;}
div#footer ul {list-style-image: none; margin: 0; padding: 0;}
div#footer ul li {display: inline; margin: 0; padding: 0 3px; background-image: url(img/dash1_vertical.gif); background-position: left top; background-repeat: repeat-y;}
div#footer ul li a {margin-top: 3px; padding-left: 5px;}
div#footer div#copyright {margin: 3px 0; padding-left: 8px; color: #AAA;}

/* *********************************** */
a {color: #cc6600;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
a img {border: none;}