/* Start of CMSMS style sheet 'do' */
/******* structure and layout *******/
body {
margin:10px 10px 0px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#000000;
}

.leftcontent {
position: absolute;
left:0px;
top:126px;
width:200px;
background:#ffffff url(uploads/images/templates/do/left_bg.gif);
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px -10px 0px;
}


.left_news {
position:relative;
width:170px;
margin:0px 0 0 0;
padding:20px 5px 5px 5px;
background:#7DB26E
}

#centercontent {
background:#ffffff;
margin-top:10px;
margin-left: 199px;
margin-right:199px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
padding:10px 15px 5px 10px;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

#centercontent li {
padding:0px 15px 0px 0px;
}

#centercontent img a {
color: #333333;
}

#rightcontent {
position: absolute;
right:10px;
top:120px;
width:200px;
background: #7F9BC5;
border:0px solid #7DB26E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
padding:0px 5px 5px 5px;
}

#right_news {
position:relative;
padding:5px;
margin: 5px 5px 10px 5px;
background:#C3D9FF;
}

#right_news_title {
margin: 0px 3px 3px 0px;
height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#000000;
}

#right_news_title img {
margin: 0px 3px 3px 0px;
float:left;
}


#banner {
background:#ffffff url(uploads/images/templates/do/header_bg.gif);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
}
html>body #banner {
height:116px;
}

.footer {
margin:200px 0 0px 0px;
padding:5px 10px 5px 10px;
background:#ffffff;
/* yet another problem with IE, this time with the border of the footer. The top portion of the border was not showing up in IE, but was fine in the other browsers. Although i know it's bad form to say "screw it", i'm saying it anyway because i really don't want to take the time to work around yet another IE bug. */
border:1px solid #ffffff;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#B7D7AF;
}

.page_title {
position:absolute;
top:53px;
left:175px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
/* i positioned the top links absolutely within the banner area because of a problem i saw in IE when i did a float-right, and i didn't want to take the time to figure it out. Anyway, this isn't a problem until you add more links to the top nav or edit the text links. If/when you do, you'll have to adjust the position of the area by moving it right or left. 600px isthe default */
position:absolute;
top:10px;
left:450px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,h2,h3,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}

/******* left navigation *******/
#nav ul {
margin:6px 0 6px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li,.subnav li {
list-style-type: none;
background:#B7D7AF;
color: #000000
border:1px solid #7DB26E;
text-align:left;
padding:2px 0 2px 5px;
margin-bottom:6px;
}

#nav li a,.subnav li a {
color: #333333;
font-weight:bold;
text-decoration: none;
display: block;
padding:0 0 0 0;
}

#nav li a:hover,.subnav li a:hover {
background:#ffffff;
color: #7F9BC5;
}

/******* submenu navigation *******/

.subnav {
margin:0px 10px;
padding:5px;
float:right;
width:180px;
background:#ffffff url(uploads/images/templates/do/left_bg.gif);
text-align:left;
padding:0px;
margin:10px;
}


.subnav ul {
margin:5px;
padding:0 0 0 10px;
background:transparent;
}



#menuheader
{
margin: 10px 0px 0px 0px;
width:170px;
font-weight:bold;
color: #ffffff;
background:#7DB26E;
padding:2px 10px 2px 0px;
text-align:right;
}

/* #nav li a:hover:after {*/
/* this puts that little blue box after the left navigation links on hover */
/* background:#ffffff;*/
/* color: #7F9BC5;*/
/* content: url(uploads/images/templates/do/square.gif)*/
/* }*/

/******* top navigation *******/
#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
white-space: nowrap;
font-size:7pt;
color:#ffffff;
float:left;
width:100%;
background:transparent;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em 1em .2em 1em;
background:#B7D7AF;
color: #000000;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid #ffffff;
}

#topnav ul li a:hover{
background:#7DB26E;
color: #ffffff;
text-decoration:none;
border:2px solid #ffffff;
}

/******* fonts and colors *******/
a {
color:#336600;
text-decoration:underline;
}

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


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

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

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#000000;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#6C9261;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#7F9BC5;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(uploads/images/templates/do/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#E5ECF7;
border-left:2px solid #C7D9F5;
font-style:italic;
color:#6B84A8;
letter-spacing:.1em;
}

h1 {
font-size:16px;
padding-top:10px;
}

h2 {
font-size:14px;
padding-top:10px;
}


#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0x 0 15px;
list-style:none;
background: url(uploads/images/templates/do/square_list.gif) no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(uploads/images/templates/do/square_list2.gif) no-repeat;
background-position: 0 .3em;
}


/******* MISC *******/

.center {
text-align:center;
}

#myframe
{
overflow:auto;
}

/******* workarounds and hacks *******/
.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 */


/******* News *******/


  
#frontpagenews /******* For front page news *******/
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
margin:0px 10px 5px 20px;
float:right;
width:200px;
height:1%;
}

#frontpagenews img {
float:left;
margin: 0px 3px 3px 0px;
}

#FrontPage-NewsSummaryContent 
{  
line-height:1em;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
padding-bottom:6px;
}

.NewsSummarySummary
{  
line-height:1em;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
padding-bottom:6px;
}


#NewsSummary1  /******* For Earl list view *******/
{
padding:5px 5px 5px 5px;
margin:0 10px 0 10px;
border-top:1px solid #7DB26E;
background:#cccccc 
}

#NewsSummary2
{
padding:5px 5px 5px 5px;
margin:0 10px 0 10px;
border-top:1px solid #7DB26E;
background:#ffffff 
}

.NewsSummary  /******* For simplesummary default view *******/
{
margin:0 10px 5px 10px;
border-top:0px solid #7DB26E;
}



#NewsSummaryContent img 
{  
margin:0 15px 15px 0px;
border: 1px solid #000000;
float: left;
}

#NewsBodies /******* For detail view *******/
{
padding:10px 10px 10px 10px;
margin:0 10px 0 10px;
}

#NewsPostDetailContent img
{
margin:0 15px 15px 0px;
border: 1px solid #000000;
float: left;
}

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }

.in {
  background:#ffffff ;
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ingreen {
  background:#B7D7AF;
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }


.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  height:1%;
  }

/******* For Cataloger thumbnail default view *******/
#thumb_images
{
margin:0 10px 0px 10px;
}

#thumb_images img
{
margin:0 5px 0px 0px;
border: 0px;
}

.item_images
{
margin:0 5px 5px 5px;
}
/* End of 'do' */