/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: style.css
* Description: CSS file for the entire NDSU Research website
*
*********************************************************************************/

/* Auxilliary style sheets
--------------------------------------------------------------------------------*/

@import url(menus.css);


/* Body
--------------------------------------------------------------------------------*/

* 
    {
    margin:0;
    padding:0;
    }

body 
    {
    width:100%;
    font:normal 10px Verdana, sans-serif;
    background:#126613 url(/images/ndsuresearch_sitebg.gif) repeat-x;
    color:#333333;
    }

blockquote 
    {
    background:#f1f1f1;
    border-left:2px solid #289328;
    color:#333333;
    display:block;
    font-style:oblique;
    line-height:20px;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    }

h2 
    {
    margin:0px 0px 0.6em 0px;
    padding:0px 0px 4px 0px;    
    font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    border-bottom:2px solid #289328;
    }

h3 
    {
    margin:0px 0px 0.6em 0px;
    padding:0px 0px 4px 0px;    
    font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    border-bottom:2px solid #289328;
    }

h4 
    {
    margin:0px 0px 0.6em 0px;
    padding:0px 0px 0px 0px;    
    font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    }

h5 
    {
    margin:0px 0px 0.6em 0px;
    padding:0px 0px 0px 0px;    
    font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    }

.left 
    {
    float:left;
    margin:0 10px 0 0;
    }

.right 
    {
    float:right;
    margin:0 0 0 10px;
    }


/* Horizontal rules
--------------------------------------------------------------------------------*/

hr
    {
    display:none;
    }

.hr
    {
    float:left;
    width:100%;
    margin:0px 0px 1.6em 0px;
    border-top:1px dotted #333333;
    clear:both;
    }


/* Links
--------------------------------------------------------------------------------*/

a:link, a:visited
    {
    color:#126613;
    text-decoration:none;
    border-bottom:1px solid #126613;
    }

a:hover 
    {
    color:#004400;
    border-bottom:1px solid #004400;
    background:#dddd66;
    }


/* Container
--------------------------------------------------------------------------------*/

#container 
    {
    width:856px;
    margin:1em auto;
    padding:0;
    }

#container-top 
    {
    float:left;
    width:856px;
    height:7px;
    margin:0;
    padding:0;
    /*background:url(/images/content-top-bg.jpg) no-repeat;*/
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #container-top 
    {
    float:left;
    width:856px;
    height:7px;
    margin:0px 0px -5px 0px;
    padding:0;
    /*background:url(/images/content-top-bg.jpg) no-repeat;*/
    }

#container-middle 
    {
    float:left;
    width:850px;
    margin:0;
    padding:0px 6px 0px 14px;
    background:url(/images/container-mainbg.png) repeat-y;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #container-middle
    {
    float:left;
    width:850px;
    margin:0;
    padding:0px 6px 0px 14px;
    background:url(/images/container-mainbg.gif) repeat-y;
    }

#container-bottom
    {
    float:left;
    width:850px;
    height:16px;
    margin:0;
    padding:0 6px 0px 14px;
    background:url(/images/container-bottombg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #container-bottom
    {
    float:left;
    width:850px;
    height:16px;
    margin:0;
    padding:0 6px 0px 14px;
    background:url(/images/container-bottombg.gif) no-repeat;
    }


/* Header
--------------------------------------------------------------------------------*/

#header 
    {
    float:left;
    width:850px;
    height:166px;
    margin:0em 0px 0px 0px;
    padding:4px 6px 0px 14px;
    background:url(/images/container-headerbg.png) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #header 
    {
    float:left;
    width:850px;
    height:166px;
    margin:0em 0px 0px 0px;
    padding:4px 6px 0px 14px;
    background:url(/images/container-headerbg.gif) no-repeat;
    }

#logo 
    {
    float:left;
    width:205px;
    height:166px;
    margin:0px 1px 0px 0px;
    padding:0;
    background:#ffffff;
    text-align:center;
    }

#logo img 
    {
    margin:0;
    padding:0;
    border:0 none;
    }

#logo a
    {
    border-bottom:none;
    }

#header-content 
    {
    float:left;
    width:621px;
    height:143px;
    margin:0;
    padding:1em;
    background:#126613 url(/images/header-banner.jpg) no-repeat top right;
    border-top:3px solid #ffffff;
    border-right:3px solid #ffffff;
    }

#header-content h1 
    {
    display:none;
    margin:42px 0em 0em 0em;
    color:#ffffff;
    font:bold small-caps 3.5em "Century Gothic", Verdana, sans-serif;
    text-align:center;
    }

#header-content h2 
    {
    display:none;
    margin:125px 0em 0em 0em;
    color:#000000;
    font:italic 2.8em "Monotype Corsiva", Georgia, "Times New Roman", Times, serif;
    text-align:right;
    border:0 none;
    }


/* Content
--------------------------------------------------------------------------------*/

#content 
    {
    float:left;
    width:850px;
    margin:.3em 0 0 0em;
    padding:0;
    background:#ffffff;
    }


/* Sidebar
--------------------------------------------------------------------------------*/

#sidebar 
    {
    float:left;
    width:19.5em;
    height:100%;
    margin:1px 0px 0px 0px;
    padding:0.5em;
    background:#126613;
    }

#sidebar h1 
    {
    border-bottom:2px solid #289328;
    color:#444;
    font-size:165%;
    font-weight:normal;
    line-height:30px;
    padding:0 10px;
    }

#sidebar p 
    {
    background:#f1f1f1;
    color:#333333;
    display:block;
    font-size:90%;
    line-height:20px;
    margin:10px 0;
    padding:10px;
    }

#sidebar p a.more 
    {
    display:block;
    text-align:right;
    }

#news
    {
    margin:1.5em 0 0 0;
    padding:0px;
    text-align:center;
    background:#ffffff;
    border:1px solid #126613;
    }

#news h3
    {
    margin:0px 0px 1em 0px;
    padding:0px 0px 0px 5px;
    color:#126613;
    text-align:left;
    background:#ffffff;
    border-bottom:2px solid #289328;
    }

#news ul
    {
    margin:0px 10px 1.6em 10px;
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    list-style:none;
    }

#news ul li
    {
    margin:0px 0px 0.6em 0px;
    }


/* Main
--------------------------------------------------------------------------------*/

#main 
    {
    float:left;
    width:615px;
    margin:0;
    padding:10px 15px 0px 15px;
    background:#fff;
    }

#main p 
    {
    padding:0px 0px 1.6em 0px;
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#333333;    
    }

#main h1 
    {
    margin:0px 0px 0.8em 0px;
    padding:0px 0px 4px 0px;    
    font:bold 2.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    text-align:center;
    border-bottom:2px solid #289328;    
    }

#main ul, #main ol
    {
    margin:0px 0px 1.6em 25px;    
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    }

#main ul li, #main ol li
    {
    margin:0px 0px 0.6em 0px;
    }

#main ul ul, #main ol ul
    {
    margin:0.5em 0px 0em 25px;    
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    }

#main ol ol
    {
    margin:0.5em 0px 0em 25px;    
    font:1em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.6em;
    list-style:lower-roman;
    }

#slideshow
    {
    position:relative;
    left:50%;
    width:405px;
    height:265px;
    margin:2.5em 0px 2.5em -207px;
    padding:4px 0px 0px 9px;
    background:url(/images/slideshowbg.gif) no-repeat;
    }

#contactInfo
    {
    float:left;
    width:100%;
    margin:0px 0px 0em 0px;
    padding:1.5em 0px 1.5em 0px;
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    border-top:1px dotted #000000;
    clear:both;
    }

#contactInfo h4
    {
    margin:0px 0px 0.5em 0px;
    padding:0px 0px 0px 0px;    
    font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    color:#333333;
    }

.staff_cell
    {
    float:left;
    width:100%;
    clear:both;
    }

.staff_cell img
    {
    float:left;
    padding:0px 1.6em 1.6em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    padding:0px 0px 1.6em 1.6em;
    clear:both;
    }

.imageleft
    {
    float:left;
    padding:0px 1.6em 1.6em 0px;
    clear:both;
    }

.imagefull
    {
    display:block;
    padding:0px 0px 1.6em 0px;
    clear:both;
    }


/* Footer
--------------------------------------------------------------------------------*/

#footer 
    {
    float:left;
    width:830px;
    margin:0px 0px 0px 0px;
    padding:1em;
    border-top:2px solid #126613/*289328*/;
    }

#footer p 
    {
    margin:0;
    padding:0;
    font:0.9em Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
    text-align:right;
    }