@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,/*blockquote,*/th,td {    
    margin:0;   
    padding:0;   
} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
     border:0;   
} 
address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

/*********************************/
/*            BODY
/*********************************/

body {
background:url(../images/bodyBkgd.jpg) repeat-x #a6bf8b;
font-family:Arial, Helvetica, sans-serif;
font-size:70%; 
}

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:url(../images/containerBkgd.png) repeat-y ;
height:auto;
min-height:500px;
margin:10px auto 0 auto;
width:822px;
position:relative;
}

/*********************************/
/*           TOP NAV
/*********************************/

#topnav {
position:absolute;
z-index:2;
margin:23px 15px 0 0;
right:0px;
text-align:right;
}

#topnav ul li {
display:inline;
}

#topnav .lilast a{
border-right:none;
}

#topnav ul li a {
color:#000000;
border-right:1px solid #000000;
padding:0 10px 0 5px;
text-decoration:none;
}

#topnav ul li a:hover {
text-decoration:underline;
}

/*********************************/
/*            HEADER
/*********************************/
#hdr {
background:url(../images/hdrBkgd.jpg) repeat-x;
height:137px;
position:relative;
}

/*logo*/
#hdr h1 a {
display:block;
width:325px;
height:137px;
outline:none;
position:relative;
float:left;
background-image:url(../images/logo.jpg);
}

/*image replacement technique*/
#hdr h1 span {
display:none;
}

#molecule {
background-image:url(../images/molecule.jpg);
width:344px;
height:137px;
position:relative;
float:right;
}

/*********************************/
/*         CONTENT AREA
/*********************************/

#contentarea {
background: url(../images/contentTop.gif) no-repeat top;
width:805px;
margin:0 auto;
position:relative;
left:1px;
}

#contentarea ul, #contentarea ol {
margin:0 2em;
}

#contentarea a {
color:#003399;
text-decoration:underline;
}

#contentarea a:hover {
color:#003366;text-decoration:none;
}

/*********************************/
/*    COLUMN POSITIONING
/*********************************/

#rightcol {
position:relative;
float:right;
width:550px;
top:10px;
right:20px;
margin:0 0 10px 0;
}

#leftcol {
position:relative;
float:left;
width:185px;
top:10px;
left:14px;
margin:0 0 10px 0;
}

/*TEXT HEADERS*/
.txthdr {
font-size:1.3em;
font-weight:bold;
color:#003366;
background:url(../images/arrowBlue.gif) no-repeat left;
padding:3px 0 4px 13px;
border-bottom:dotted 1px #a69c85;
margin:0 0 10px 0;
}

/*TEXT HEADERS- LEFT COLUMN*/

#news .txthdr, #journal .txthdr,  {
font-size:1.3em;
font-weight:bold;
color:#660000;
background:url(../images/arrowRed.gif) no-repeat left;
padding:3px 0 4px 13px;
border-bottom:dotted 1px #a69c85;
margin:0 0 10px 0;
z-index:6;
position:relative;
}

/*JOURNAL*/
#journal .txthdr {
border-bottom:none;
border-top:dotted 1px #a69c85;
margin:10px 0 8px 0;
padding:7px 0 4px 13px;
}

#journal {
margin:0 0 20px 0;
}

#journal a {
color:#660000;
text-transform:uppercase;
}

/*********************************/
/*            FOOTER
/*********************************/

#footer {
background:url(../images/footerBkgd.jpg) no-repeat;
width:822px;
height:31px;
clear:both;
}

/*LAST UPDATED LINK*/
#footer p {
margin:4px 0 0 22px;
}

#copyright {
width:810px;
margin:0 auto;
text-align:right;
padding:0 0 20px 0;
position:relative;
}

/***********************************/
/*  THIRD TIER NAV
/**********************************/

#leftnav ul {
margin:0 0 0 25px;
}

#leftnav ul li {
list-style:none;
padding:0 0 3px 0;
}

#leftnav ul li a {
background:url(../images/leftnavSquare.gif) no-repeat left;
padding:0 0 0 14px;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
color:#333333;
}

#leftnav ul li a:hover {
text-decoration:underline;
}

/*********************************/

/*          BREADCRUMB

/*********************************/ 



#breadcrumb {


height:22px;

position:relative;

color:#485740;

padding:0px 0px 0 20px;

border:#c1c1b9 solid 1px;

width:500px;

}



#breadcrumb a{

color:#485740;

font-weight:bold;

padding:0 0 0 3px;

text-decoration:none;

}



#breadcrumb a:hover {

text-decoration:underline;

}