/* Cole Center website styles */

/* Body */

HTML, BODY { min-height: 100%; width: 100%; height: 100%; }
/* The normal "height" is an IE5 hack, which we adjust for real browsers using a child selector below. */
HTML>BODY { height: auto; }
/* Without this, Moz1.0 adds a vertical scrollbar */
BODY {
    margin: 0;
    background: #FFFFFF url(../images/body/background1.png) repeat-x;
    padding: 0px;
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    color: #424242;
}

/* Basics */

TD {
    border: 1px solid #ddd;
    background: transparent;
    padding: 2px;
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    color: #424242;
}

/* Heading Styles */

H1, H2, H3, H4, H5 {
    font-family: arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #1c54a9;
}

/* H1 is generally not used, and is reserved for the site title, which is an image right now */
H1 {
    font-size: 25pt;
    color: #FFFFFF;
}

H2 {
    font-size: 26pt;
    margin: 0px 0px 20px 10px;
}

H3 {
    font-size: 14pt;
    margin: 23px 10px 15px 10px;
    padding-right: 5px;
}

H4 { font-size: 13pt; font-weight: normal; text-decoration: none; margin: 9px 0px 9px 10px; }
H5 { font-size: 11px; text-decoration: none; margin-top: 0px; }

/* Hyperlink Pseudo-Class Styles */

A { text-decoration: none; border-bottom: 1px dotted; }
A:link { color: #5f9bff; }
A:visited { color: #AAA; }
A:hover { color: #1c54a9; }

/* Horizontal Rule Styles */

HR { color: #FFFFFF; height: 0px; border-bottom: 1px dotted #A0A0A0; }

/* White space on either side of the box */

#borderleft {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -398px;
    width: 8px;
    height: 304px;
    border: 0px;
    background: #FFFFFF url(../images/body/border1-left.jpg) no-repeat;
}

#borderright {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: 390px;
    width: 8px;
    height: 304px;
    border: 0px;
    background: #FFFFFF url(../images/body/border1-right.jpg) no-repeat;
}

/* Site Title and Title Bar Behavior */

#header {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0px;
    width: 880px;
    height: 200px;
    border: 0px;
    clear: both;
}

#header A,IMG {
    border: 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
}

/* Container for Menu, Content, Footer */
#container {
    position: absolute;
    top: 0;
    width: 880px;
    height: 100%;
    min-height: 100%;
    border: 0px;
    left: 50%;
    padding: 0px;
    margin-left: -440px;
    text-align: left;
    background: transparent;
}
HTML>BODY #container {
    height: auto;
}

/* Content area */
#content {
    margin: 20px 0px 120px 60px;
    width: 770px;
    height: auto;
}

/* Footer section for copyright notification */
#footer {
    position: absolute;
    bottom: 0;
    width: 880px;
    text-align: center;
    margin: 0;
    height: 93px;
    background: #FFFFFF url(../images/body/footer.jpg) no-repeat;
}
#footer DIV.copyright {
    text-align: center;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #999999;
    padding: 0px;
    margin: 28px 0px 0px 0px;
}

#footer DIV.copyright A { text-decoration: none; border: 0px; }

#footer DIV.links {
    margin: 25px 0px 0px 0px;
    width: 780px;
    padding: 0px;
}

HTML>BODY #footer DIV.links { margin: 0px 0px 0px 0px; }

#footer DIV.links IMG { border: 0px; margin: 0px 0px 0px 0px; }
#footer DIV.links A { border: 0px; margin: 0px 0px 0px 0px; }


/* Menu */
#menu {
    float: right;
    width: 160px;
    margin: 0px 15px 20px 25px;
    padding: 0px 0px 20px 40px;
    background: transparent;
}
HTML>BODY #menu {
    float: right;
    margin: 0px 30px 20px 20px;
    padding: 0px 0px 20px 0px;
}

/* Menu border */
#menuborder {
    position: absolute;
    top: 250px;
    left: 50%; 
    margin-left: 185px;
    width: 21px;
    height: 300px;
    border: 0px;
    background: #FFFFFF url(../images/body/menuborder.jpg) no-repeat;
}

/* Sub-styles under the main divs */

#content P {
    font-family: arial,helvetica,sans-serif;
    color:#424242;
    font-size: 10pt;
    line-height: 150%;
    margin: 0px 10px 8px 10px;
}

#content IMG { border: 0px; margin: 4px; }

#content LI {
    font-family: arial,helvetica,sans-serif;
    font-size: 9pt;
    line-height: 150%;
    color: #444;
    margin: 5px 10px 5px 0px;
}

#content UL { list-style-image: url(../images/img-bullet1.png); list-style-type: square; }

#content PRE {
    font-family: Courier New, Courier, monospace;
    font-size: 7pt;
    color: #595959;
    padding: 0px 10px 0px 10px;
    background-color: #F1F1F1;
}

#content FORM { margin: 0px 10px 8px 10px; }
#content FORM BUTTON { margin: 0px 10px 8px 10px; }

#menu UL { list-style-type: none; margin: 5px 5px 5px -20px; }

#menu A {
    font-weight: bold;
    text-decoration: none; border: 0px;
    color: #1c54a9;
}
#menu A:visited {
    color: #1c54a9;
}
#menu A:hover {
    color: #5f9bff;
}

#menu:after { /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#menu UL LI {
    margin: 0px 0px 8px 0px;
}

/* Inset TABLEs for images and other things */
#content TABLE.right {
    width: 150px;
    float: right;
    border: 1px solid #1c54a9;
    background: #dce1f3;
    padding: 2px;
    margin: 0px 10px 13px 10px;
    text-align: center;
    font-size: 11px;
}

#content TABLE.left {
    width: 150px;
    float: left;
    border: 1px solid #1c54a9;
    background: #eee;
    padding: 2px;
    margin: 0px 10px 3px 10px;
    text-align: center;
    font-size: 11px;
}

#content TABLE p { margin: 2px 0px 7px 0px; font-size: 11px; }
#content TABLE img { border: 0px; margin: 0px 0px 2px 0px; }
#content TABLE.right A { color: #1c54a9; text-decoration: none; border: 0px; font-size: 11px; }
#content TABLE.right A:visited { color: #666; }
#content TABLE.left A { color: #1c54a9; text-decoration: none; border: 0px; font-size: 11px; }
#content TABLE.left A:visited { color: #666; }
/* Needed because we have a plain vanilla TD style, which we might want to delete */
#content TABLE.right TD { padding: 0px; border: 0px; }
#content TABLE.left TD { padding: 0px; border: 0px; }

/*
    Thank you for reading the CSS stylesheet.  This stylesheet is,
    like the rest of the site, copyright 2008-2009 by the Cole
    Resource Center.  */