/*

  	  
*/

* { padding: 0; margin: 0; }


body {
font-family:Helvetica, Arial, sans-serif;
font-size: 84%;
color: #5a5a5a;
background: #c2b098 url(../images/bg.jpg) top left repeat ;
line-height: 1.5em;
}

#wrapper { 
margin: 0  auto ;
width: 945px;
background: transparent url(../images/header.jpg) top center no-repeat  ;
margin: 0 auto;
}

#header {
width: 945px;
height: 130px;
background:  transparent ;
}

#navigation {
width: 945px;
background:  transparent url(../images/nav.jpg) top center no-repeat ;
height: 54px
}

#content { 
background:  transparent  url(../images/content.jpg) top center repeat-y;
min-height: 450px;
padding-bottom: 30px;
}

#rightcolumn { 
color: #666;
background:  transparent;
}

#footer { 
background: transparent url(../images/footer.jpg) top center no-repeat;
width: 945px;
height: 150px;
clear:both;
font-size: 80%;
color: #fff;
text-align: center;
}

#sub_content{
float: right;
width: 350px;
margin-right: 40px;
}

#main_content{
float: left;
width: 540px;
}

#divider{
height: 20px;
}

/* Standard Tags */
#main_content p, #main_content h2, #main_content h3, #main_content h4, #main_content table {
margin: 15px 0;
margin-left: 50px;
}

label{
font-weight: bold;
}

#main_content ul, #main_content ol{
padding: 10px 20px;
margin-left: 50px;
}

#header h1 {
position:absolute;
left:-2000px;
}

h2{
padding-top: 30px;
padding-bottom: 7px;
font-weight: normal;
font-size: 1.3em;
color: #00ae01;
text-transform:uppercase;
margin-left: 50px;
background: transparent url(../images/h2.jpg) bottom left no-repeat;
}

h3{
font-size: 1.0em;
font-weight: normal;
text-transform: uppercase;
}


/* Links */

a img  {
border:none;
}

a {
color:#67a9e3;
text-decoration:none;
}

a:hover {
color:#d75700;
}

a {
cursor: pointer;

}

img{

}

/* Navigation Lists */

/*
#navlist{
padding: 2px 10px;
text-align: center;
background: #00cd01;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#navlist li{
display: inline;
list-style-type: none;
padding-right: 30px;
}

#navlist li a{
text-decoration: none;
color: #fff;
 text-shadow: 0px -1px rgba(0,0,0,0.8); 
}

#navlist li a:hover{
text-decoration: none;
color: #fff;
}
*/

#sectnavlist {
/* padding: 10px; */
text-align: center;
}

#sectnavlist li{
list-style-type: none;
padding-right: 30px;
display: inline;
}

#sectnavlist li a{
text-decoration: none;
}


/* */

#sitesearchbox{
float:right; 
width:300px; 
text-align:right;
margin-top: 60px;
}

 input[type=text], textarea {
width:200px;
border: 1px solid #ddd;
padding: .4em;

/* background: #f6f6f6; */
}


/* */

.shortcutlist{
text-align: center;

}

.align_right{
text-align: right;
}

.align_center{
text-align: center;
}


.img_right{
float: right;
padding: .3em;
}


.shortcutlist li{
display: inline;
padding: 5px 10px;
border: 1px solid #ccc;
margin: -2px;
}

.contributer_list li{
display: inline;
padding-right: 10px;
}

.contributer_list li:after { content: ", "; }
.contributer_list li:last-child:after { content: ""; }


.contributer_position{
font-style: italic;
color: #999;
}

#articles{
font-weight: bold;
}

/* */

#floatingBox {
background: #fff;
width: 700px;
height: 500px;
border: 8px solid #15aad5;
display: none;
position: absolute;
z-index: 55;
display: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#floatingBoxBtnBar{
text-align: right;
margin-right: 5px;
}

#floatingBoxCloseBtn{
font-size: 85%;
}

#floatingBoxContent{
padding: 15px;
height: 435px;
overflow: auto;
margin: 0 5px;

}

#errors{
background: #9e0000;
padding: 10px;
display: none;
color: #fff;
text-transform: capitalize;
}

/* Ajax Stuff */

#AjaxWarning{
position: absolute;
z-index: 200;
background: #e41b1b;
color: white;
display: none;
padding: 1em 4em;
text-align: center;
font-size: larger;
border: 1px solid #6a0e0e;
}

#AjaxSuccess{
position: absolute;
z-index: 190;
background: #00a71b;
color: white;
display: none;
padding: 1em 4em;
text-align: center;
font-size: larger;
}

#AjaxLoading{
display: none;
position: absolute;
z-index: 1000;
background: transparent url(../images/ajax-loader.gif) center no-repeat;
width: 130px;
height: 100px;
}

/* Footer Tags */

#footer p {
padding: 10px 10px;
}

#footer a {
color: #fff;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}

/* Classes */
.small{
font-size: 80%;
line-height: 1.5em;
}

.lowlight{
color: #999;
}

.blur {
color: #999;
}

.contactform {
padding: 10px 5px;
background: #fff /* url(../images/grainy-grey-light.jpg) top left repeat */;
width: 450px;
margin: 20px;
}

.box_right{
/* float:right; width:210px; */
padding-right: 20px;
}

.box_left {
/* float:left; width:210px; */
}

.contactform input[type="text"] {
width:200px;
}

.contactform textarea {
width:420px;
}

/*
Search Results Stuff
*/


#search_results_content {
margin: 10px;
}

#search_result_report{
color: #999;
padding: 10px 0;
}

#search_other_pages{
text-align: center;
}
#search_other_pages a{
padding: 0px 5px;
}


#content li{ 
padding-bottom: .5em;
}

#TblPeople {
padding: .3em;
border-collapse: collapse;

}

#TblPeople th{
text-align: left;
border-bottom:  1px solid #eee;
padding: .3em;

}

#TblPeople td{
text-align: left;
border-bottom:  1px solid #eee;
padding: .3em;
}

.preamble{
font-size: 80%;
line-height: 1.5em;
color: #898c92;
font-style: italic;
}

.latest_article{
margin-bottom: 20px;
border-bottom: 1px dotted #c5b39b;
}

.latest_article img{
padding: 10px 0;
}

object {
margin-left: 50px;
}

.front-box{
/* background: navy; */
color: white;


}

.front-box h3{
color: #fff;
margin: 10px 0;
font-weight: bold;
border-bottom: 1px dotted #f5f5f5;
}

.front-box a{
color: #fff;
text-decoration: underline;
}

.front-box p{
margin: 10px 0;
}

.front-box a:hover{
color: #fff;
text-decoration: none;
}

* html div.front-box{
width:280px;
margin-right: 5px;
}



#navlist {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 15px;
background: transparent;
margin-left: 20px;


}

#navlist, #navlist ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
padding-bottom: 10px;
background: transparent;
/* font-size: 86%; */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top: 7px;
margin-left: 35px;
text-transform: uppercase;
font-size: 90%;
}

#navlist a {
display: block;
/* width: 100px; */
color: white;
padding-left: 5px;
}

#navlist li { /* all list items */
float: left;
/* width: 100px; */ /* width needed or else Opera goes nuts */
list-style: none;
padding: .4em;
margin-right: 25px;
}

#navlist li ul { /* second-level lists */
position: absolute;
padding: .4em;
width: 140px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-left: -3px;
z-index: 800;
/* border-top: 1px solid #ccc; */
background: #00cd01 url(../images/navlist.jpg) top left repeat;
}

#navlist li ul li a{
width: 140px;
padding-left: 0px;
}

#navlist li ul ul { /* third-and-above-level lists */
margin: -15px 0 0 230px;
padding: .4em;
}

#navlist li:hover ul ul, #navlist li:hover ul ul ul, #navlist li.sfhover ul ul, #navlist li.sfhover ul ul ul {
left: -999em;
}

#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* simpleSlideShow */

ul.slideshow {  
list-style:none;  
width:920px;  
height:190px;  
overflow:hidden;  
position:relative;  
margin:0;  
padding:0; 
margin-left: 40px;  
margin-bottom: 10px; 
}     
  
ul.slideshow li {  
position:absolute;  
left:0;  
right:0;  
}  
  
ul.slideshow li.show {  
z-index:500;      
}  
  
ul img {  
border:none;      
}    


.side-a {
float: left;
width: 270px;
padding: 5px;
height: 260px;
background:url(/images/frontbox1.jpg) top left no-repeat;
color: white;
}

.side-b {
float: right;
width: 270px;
padding: 5px;
height: 260px;
background:url(/images/frontbox3.jpg) top left no-repeat;
color: white;

}

.side-c { 
float: left;
width: 270px;
margin-left: 12px;
padding: 5px;
height: 260px;
float:right;background:url(/images/frontbox2.jpg) top left no-repeat;
color: white;
}

.img_left{
float: left;
padding-right: 15px;
padding-bottom: 5px;
}
