html {margin: 0;padding: 0;}

/* dont change base fontsize*/
/* behavious needed for hover to work in ie*/
body {
background: #fff url('../../media/bground.jpg') repeat-x;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size: .85em;
line-height: 1.5;
margin: 20px 0 0 0;
padding: 0;
behavior: url(media/css/csshover.htc);
}

/*a {
color: #2f9dd0;
text-decoration: underline;
background: transparent;
}
a:hover {color: #2f9dd0;}
ul, ol{position: relative; } */

#block {width:580px; 
height: 170px;
margin: 55px 0 20px 50px ;
border: 1px solid #B1C7F9;
padding:15px;
background: transparent;
}

#container {width: 720px;
margin: auto;
padding: 0;
background: transparent;}

#narrow {width: 345px;
margin: 0px 0 0 25px;
padding: 0;

float:left;
}
#narrow h4 {color: #636bde;
margin: 0 0 5px 15px;
padding: 10px 0 0 0;
font-weight: bold;
text-decoration: none;
}
#narrow p a {color: #555;
margin: 10px 0 0 35px;
padding: 0 0 2px 0;
text-decoration: none;
font-size: 1em;
line-height: 1.3em;
}
#narrowright img{
margin: 20px 65px 0 0;
padding: 0;
width: 220px;
float:right;
}

#grace {width:475px; 
margin: 0 50px 0 50px;
padding:0;
background: transparent;
}

#rights table{
width: 550px;
margin: 0 0 0 40px;
padding: 10px;
}

#rights td{
color: #000;
font-size: .85em ;
font: normal;
}


#narrowfull {width: 718px;
margin-left: 40px;
padding: 0;
float:left;
}
#narrowfull hr{
border-bottom: 1px dotted #bcf;
}

#narrowfull p {
color: #000;
font: normal;
font-size: 110% ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}
#narrowfull a{color: #555;
text-decoration: none;}
#narrowfull a:hover {
color: #2f9dd0;}


#content {width: 720px;
margin: 0 0;
padding: .6em 1.5em;
color: #636bde;
text-align: left;
line-height: 1.6em;
float:left;
}

#content h2 {
margin-top: 40px;
margin-bottom: 40px;
}
#content p {
color: #000;
font: normal;
font-size: 110% ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}
#content a{color: #555;
text-decoration: none;}
#content a:hover {
color: #2f9dd0;}

#content li a {
color: #000;
font-weight: normal;
font-size: 130%;
}
#content li a:hover{color: #2f9dd0;}

#content #smaller{
width: 480px;
margin: 0 0;
padding: .6em 1.5em;
color: #636bde;
text-align: left;
line-height: 1.6em;
float:left;
}
#content #smaller h2 {
margin-top: 40px;
margin-bottom: 40px;
font-weight: bold;
font-size: .85em;
color: #636bde;
}
#content #smaller a {
color: #525737;
border-bottom: #717848;
font-size: 1em;
}
#content #smaller p {
color: #000;
font: normal;
font-size: 1em ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}
#indent{
margin: 20px; 
text-decoration: none;}

#rhs {
float: right;
width: 190px;
padding: 0;
margin: 0;
color: #333;
}
#rhs h2{
padding: 10px 0 10px 0;
margin: 0;
text-align: left;
font-size: 1.3em;
color: #83858B;
}
#rhs h3{
padding: 10px 0 10px 0;
margin: 0;
text-align: left;
font-size: 1.3em;
color: #83858B;
}
#rhs ul {
margin: 0; 
padding: 0; 
float: left;
}
#rhs ul li {
margin-left: 2px;
border: 0;
padding-left:20px;
list-style-type: none; 
text-decoration: none;
font-size: 1.1em;
line-height: 1.5em;
background: url(../../media/star_tiny.jpg) no-repeat 2px 5px;
}
#rhs ul li a{
text-decoration: none;
color: #444;
}
#rhs ul li a:hover {
color: #2f9dd0;
}
#rhs ul li img{
border:0;
margin:0;
padding:0;
display:block;
}

#contentfull {
width: 718px;
margin: 0;
padding: .6em 1.5em;
color: #636bde;
text-align: left;
line-height: 1.6em;
float:left;
}
#contentfull img{
margin: 20px 0 0px 0 ;
}
#contentfull p {
color: #000;
font: normal;
margin-left: 24px;
margin-right: 24px;
font-size: 1.1em;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}
#contentfull a{color: #555;text-decoration: none;}
#contentfull a:hover {color: #2f9dd0;}

#contentfull table{
width: 650px;
margin: 0 0 0 24px;
padding: auto;
}

#contentfull td{
color: #000;
font-size: .85em ;
font: normal;
border-bottom: 1px dotted #bcf;
}

#contentfull td h4{
color: #000;
font: normal;
font-size: 1.2em ;
text-align: top;
}
#contentfull ol {
text-decoration: none;
font-size: 1.1em;
margin: 0; 
padding: 1px 40px 0 40px;
color: #000;
}
#contentfull ol li{
margin: 0 0 0 24px; 
}
#imgright{
float: right;
margin: 15px 0px 15px 10px;
padding: 0;
text-align: right;
}
#imgrightup{
float: right;
margin: 5px 0px 15px 0px;
padding: 0;
}
#imgrightdown{
float: right;
margin: 90px 50px 15px 10px;
padding: 0;
text-align: right;
}
#imgrightmid{
float: right;
margin: 20px 0px 0px 10px;
padding: 0;
text-align: right;
}
#imgrightclose{
float: right;
margin: 10px;
padding: 0 0 100 px 0;

}
#imgrightmin {
float: right;
margin: 0;
padding: 20px;
}
#imgrights{
float: right;
margin: 15px 0px 35px 10px;
padding: 0;
text-align: right;
}
/*
#bottom {
height: 150px;
padding: 0;
margin: -6px 0 0 0;
background: #fff url('../../media/bground.jpg') repeat-x;
}
#bottom h2 a{
color: #2f2e1e;
text-decoration: none;
}
#bottom h2 a:visited{
color: #4a4c34;
text-decoration: none;
}*/
.top {vertical-align:text-top}
.middle {vertical-align: 2%}
.bottom {vertical-align:text-bottom}
.pos_abs{position:absolute;left:300px;top:650px}

.floatleft {
float: left; 
margin: 0;
padding: 25px;}
.center{
margin: auto;
text-align: center;}
.floatright {
float: right; 
margin: 0;
padding: 25px;}

/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {clear:both;height: 0;line-height: 0.0;font-size: 0;
}
.home{border-left: 1px dotted #bcf;}

.indent{
margin: 20px; 
text-decoration: none;}
.indent2 {
margin: 40px 0 0 60px;
text-decoration: none;
color: #000;
font-weight: normal;}

.imgright {
margin: 15px;
padding: 6px;
background: #ffe;
border: 1px solid #666;
display:block; 
float: right; 
}

.small{font-size: .85em;
padding: 2px 5px;
text-decoration: none;
text-align: right;}
.small a{
font-size: .85em;
color: #728e53;
text-decoration: none;
}

.nildots{
}

#boxleft {float:left;
margin-right: 60px;}
#boxright {float: right;
margin: 130px 80px 0 0;}

#farright {float: right;
margin: 320px 0 0 0;}
#farright p{
text-align:left;
margin: 2px 0 10px 0;
text-decoration: none;
}
#farright a{color: #555;
text-decoration: none;}
#farright a:hover {
color: #2f9dd0;}
#caption {
clear: both;
padding: 0;
margin: 0;
text-align: center;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
line-height: .85em;
}
#caption p.caption1{
font-size: 1em;
}
#caption p.caption2{
font-size: .85em;
font-style: italic;
}
#captionright{
text-align: right;
margin:0 -20px 0 0;
}

#captionright p.caption1{
font-size: 1em;
text-align: right;
}
#captionright p.caption2{
line-height: .8em;
font-size: .85em;
font-style: italic;
text-align: right;
}
#captionrightin{
text-align: right;
margin:0 65px 0 0;
}

#captionrightin p.caption1{
font-size: 1em;
text-align: right;
}
#captionrightin p.caption2{
line-height: .8em;
font-size: .85em;
font-style: italic;
text-align: right;
}
* html #footer p {
height: 1%;
color: #707445;
}

.references {
text-align:right;
margin: 0;
padding: 0;
}



#footer{
clear: both;
margin: auto;
padding: 0;
width: 720px;
line-height: 1.2em;
background-image: url('../../media/footer.jpg');
text-align: center;
}
#footer p {
background: transparent repeat-x 0 -4px;
color: #707445;
font-size: .75em;
font-weight: normal;
}

#footer a{
color: #71714a;
font-size: .8em;
text-decoration: none;
}
#footer a:hover {
color: #c8cb85;}

#menu {
clear: both;
width: 720px;
background-color: #fff;
background: url('../../media/bground.jpg') repeat-x;
text-align: center;
letter-spacing: .3px;	
position:relative;
margin-top:-5px /* Mozilla would leave a GAP */}



#DDMenu a,
#DDMenu a:link,
#DDMenu a:visited {font-size:.9em;color:navy}
#DDMenu,
#DDMenu ul {
padding:1px 0 1px 0;
margin:0 0 0 0;
width:/* Opera 7 not 100% but */ 720px;
text-align: center;
background: #fff url('../../media/footer.jpg') repeat-x;
font: .9em "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}

/* Nested ULs */ 
#DDMenu li ul {position:absolute;top:1.6em;left:-900px}

/* All LIs */
#DDMenu li {
float:left;
width:auto;
margin:0;
padding:0 0 2px 0;
list-style-type:none;
}
/* no good for Mac5 display:block; */
#DDMenu li a {
padding: 2px 3px;
	color: #000;
	text-decoration: none;
	border-right: 1px dotted #bcf;
	background: #fff url('../../media/footer.jpg') repeat-x;
}
#DDMenu li a:
hover {	
background-color: #7AC1F8;
color: #2f9dd0;
}
#DDMenu li ul li a {
line-height:1.7em;
height:1.7em;
font-weight:400;
border:none;
color:#333;
background-image:none}

/* we reset the margin for the children */

#DDMenu li ul li {
margin:0;
border-bottom:0;
border-right:1px dotted #2f9dd0
}
/* the background color is requires because of recent version of Safari that keep previous sub-level "alive" */
#DDMenu li:hover ul,
#DDMenu li.msieFix ul {left:9px;background:#fff}
#DDMenu li a:hover,
#DDMenu li a:focus,
#DDMenu li a:active {background-color:#B2C8FA;
background-image:none;
color:#fff;
border-bottom:2px dotted #004284}


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



#menusouth {
clear: both;
width: 720px;
margin:auto;
padding: 20px 0 0 0;
background-color: #fff;
text-align: center;
font-size: .75em; 
}
#menusouth ul {
margin: 0 0 10px 0;
padding: 0;
}
#menusouth ul li {
display: inline;
margin: 0;
word-spacing: 3px;
padding-left: 6px;
padding-right: 6px;
}
#menusouth ul li a {
color: #000;
text-decoration: none;
}
#menusouth ul li a:hover {
color: #2f9dd0;
}

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

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