body {
    margin:0;
    border:0;
    padding:0;
    background:#00009e url(/media/images/r3bg.jpg) repeat;
    color:black;
    font:100.01%/1.35em "Trebuchet MS",sans-serif;
    }


/* ==================================================================*/
/* Page layout
   Two columns: fixed sidebar, and Jello expandable header/content area
   Note the Jello top-level section ("page") is given an absolute position 
   which puts it to the right of the fixed sidebar.
*/

#sidebar {
    position:absolute; top:0; left:0;
    margin:0;
    background:transparent url(/media/images/r3logo2.png) no-repeat top left;
    color: #fff7a3;
    width: 140px;
    min-height:400px;
    }

/* Jello (simple version, modified)
   http://www.positioniseverything.net/articles/sidepages/min-demo.html
*/
#page {
    position:absolute; top:0; left:140px;
    padding: 0 300px 0 300px; /* these side paddings together determine the natural min-width */
    margin: 0;
    text-align: center; /* this centers the wrappers in older IEwin versions */
}

#sizer {
    margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
    width: 90%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
    max-width: 300px;  /* version for IE is at the bottom of this style block */
    text-align: left; /* resets the default text alignment for the page */
}

#expander {
    margin: 0 -300px 0 -300px; /* these side margins should be the same or slightly less than body paddings */
    min-width: 600px; /* This prevents Safari from losing the negative margins in narrow windows */
    position: relative;
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
/* */

/* Another IE bug (adds my fixed 140px sidebar onto everything ) \*/
* html #sizer { width: 40%; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End of Jello code */


/* ==================================================================*/
/* Sidebar contents */

#nav {
    top:145px;
    left:0;
    padding-top:170px;
    padding-bottom:40px;
    width:100%;
    }

.sidestuff {
    font:75%/1.2em "Trebuchet MS",sans-serif;
    padding-left:10px;
    width:87%;
    }

.sidestuff h2, .sidestuff h3, .sidestuff h4, .sidestuff p {margin:0 0 5px 0; padding:0;}

.sidestuff h2, .sidestuff h3 {
    font-size:110%;
    color: #99eeff;
    }

.sidestuff h2 {font-size:120%;}

.sidestuff a { text-decoration: none; color: #99eeff; }
.sidestuff a:hover { text-decoration: underline; background: #0000cd; color: #99eeff; }

#nav ul {margin:0; padding:0; }

#nav li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
    }

#nav a { margin:0; padding:0 0 0 10px; display:block; text-decoration: none; background: #00009e; color:#fff7a3; }
#nav a:hover { text-decoration: underline; background: #0000cd; color:#fffee0;}

#home #nav-home a, #services #nav-services a, #support #nav-support a, #contact #nav-contact a, #news #nav-news a { background: #0000cd; color:#fffee0; }

/* ==================================================================*/
/* Main area contents */

#header {
    position:relative;
    height:127px;
    margin:0;
    }

#header-bar {
    margin:0;
    padding:0;
    min-height:40px;
    color:#cfff30;
    }

/* Tell IEwin the exact height! \*/
* html #header-bar { height:55px; }
/* */

#header-bar h1 {
    float:left;
    font-family:"URW Chancery L","Zapf Chancery","Monotype Corsiva",serif;
    font-style:italic;
    font-weight:normal;
    font-size:150%;
    margin:10px 0 5px 0;
    }

#search {
    float:right;
    padding: 10px 15px 0 0;
    }

#keywords {
    background:#fffeee;
    width:200px;
    margin:1px;
    }

#searchnow {
    padding:0 1px 0 1px;
    margin:0;
    border-color:#76c4eb #6db5d9 #76c4eb #6db5d9;
    background:#80d5ff;
    }

#header-title {
    background:#80d5ff url(/media/images/r3bar.png) repeat-x top left;
    height:55px;
    clear:both;
    }

#header-title h2 {
    padding: 10px 0 0 10px;
    font-variant: small-caps;
    color:#3b00b1;
    }

#content {
    background:white;
    color:black;
    font-size:80%;
    min-height:400px;
    padding:10px 40px 10px 20px;
    }

#footer {
    padding-top:10px;
    font-size:75%;
    color: #80d5ff;
    }

#footer a {
    color: #80d5ff;
    }

#footer a:hover {
    color: #b2f5f6;
    }

/* ==================================================================*/
/* General styles for body elements */

#content a {text-decoration: none; color:#0000bf}
#content a:hover {background:#e7ff99;}

h2, h3 {color: #89b300; }

.abstract { font-size: larger; color: #4e6600; }