/* Stylesheets for The Peebles Corp 
  Coder: Arleys
  Date: 3/12/07
*/

/***********************
       GLOBAL
************************/	
*
{
 margin: 0;
 padding: 0;
}

html, body
{
 text-align: center;
 background: #617AB2;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
}

h2
{
 margin: 20px 0 0 10px;
 color: #637db0;
 text-transform:uppercase;
}

h2 a:link, h2 a:visited
{
 text-decoration: none;
 color: #637db0;
}

h2 a:hover, h2 a:active
{
 color: #333399;
}

h3
{
 margin: 20px 10px 0 10px;
 font-weight: bold;
 /*font-size: 11pt;*/
 text-transform:uppercase;
 color: #333399;
}

h3 a:link, h3 a:visited
{
 text-decoration: none;
 color: #333399;
}

h3 a:hover, h3 a:active
{
 color: #637db0;
}

h5
{
 margin: 0 10px 0 10px;
 font-weight: bold;
 /*font-size: 11pt;*/
 text-transform:uppercase;
 color: #333399;
}

p
{
 margin: 10px 10px 15px 10px;
 font-size: 10pt;
 color: #333399;
}

ol
{
 margin-left: 20px;

}

a:link, a:visited
{
 text-decoration: none;
 color: #333399;
}

a:hover, a:active
{
 /*color: #000;*/
 font-weight: bold;
}

a img
{
 border: 0px;
}


/***********************
        DIVs
************************/
#container
{
 margin: 0px auto;
 width: 785px;
 background: url(images/lateral_img.jpg) repeat-y top right;
}

#header
{
 width: 780px;
 height: 70px;
 background: url(images/header.jpg) top left no-repeat;
}

#flashnews
{
 width: 780px;
 height: 28px;
 text-align: left;
}

#verticalnav
{
 width: 780px;
 height: 28px;
 text-align: left;
}

/* Son of SuckerFish Dropdowns */

#nav, #nav ul
{
 position:relative;
 padding: 0;
 margin: 0;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11pt;
 z-index:1;
} 

#nav a
{
 display: block;
 width: auto;
 height: 22px;
 color:#1e3769;
 background-color: #FFF;
 border-top: 2px solid #1e3769;
 border-bottom: 3px solid #1e3769;
 text-decoration: none;
 text-align: center;
 font-weight: normal;
 font-size: 11pt;
}

/* Begin nav classes */
#nav a.homenav
{
 width: 63px;
}

#nav a.officernav
{
 width: 130px;
}

#nav a.newsnav
{
 width: 68px;
}

#nav a.keynav
{
 width: 108px;
}

#nav a.elementnav
{
 width: 168px;
}

#nav a.commnav
{
 width: 172px;
}

#nav a.contactnav
{
 width: 70px;
}

#nav a:hover
{
 color:#FFF;
 background-color: #617AB2;
}

/* End nav classes */
#nav li
{
 float: left;
 /*width: 10em;*/ /* For Opera to render it correctly*/
}

#nav li ul
{
 position: absolute;
 width: 11em;
 left: -999em;
}

#nav li ul li
{
 width: 11em;
}

#nav li ul li a
{
 text-align: left;
 padding-left: 8px;
 border: 1px solid #1e3769;
 border-top: 0px solid #1e3769;
}


#nav li:hover ul, #nav li.sfhover ul
{
 left: auto;
 display: block;
}


#content
{
 width: 780px;
 height: auto/*489px*/;
 text-align: left;
 background-color: #FFF;
 clear: left;
}

#content ul, #content li
{
 margin: 5px 10px 10px 20px;
 font-size: 10pt;
 color: #333399;
}


#left
{
 width: 199px;
 height: auto/*484px*/;
 padding: 1px 0 0 1px;
 float: left;
 /*text-align: center;*/
}

#left img
{
 margin-bottom: 1px;
}

#right
{
 position:relative;
 width: 580px;
 height: auto;
 float: left;
 text-align: left;
}
#badge
{
	position:absolute;
	top:130px;
	left:483px;
	height:90px;
	width:90px;
	display: none;
}

#rightup
{
 width: 578px;
 height: auto;
 padding-top: 1px;
}

#rightdown
{
 width: 580px;
 height: auto;
}

#footer
{
 width: 785px;
 height: 40px;
 background: url(images/footer.jpg) no-repeat;
 background-position: top 2px;
 padding-left: 2px;
}


#bottomimgs
{
 float: right;
 margin-right: 10px; 
}

#bottomimgs img
{
margin: 3px;
border: 1px solid #000;
}

/***********************
      KEY PROJECTS
************************/

#leftkey
{
 width: 300px;
 height: auto;
 padding: 1px 1px 5px 1px;
 float: left;
 margin-left: 10px;
 margin-top: 10px;
 background: #637db0;
 color: #FFF;
 margin-bottom: 10px;
}

#leftkey strong
{
 color: #031c44;
}

#leftkey p
{
 color: #fff;
}

#leftkey ul, #leftkey li
{
 list-style-type: none;
 color: #FFF;
}


#rightkey
{
 width: 459px;
 height: auto;
 float: left;
 text-align: left;
 margin-top: 10px;
}

#titlekey
{
 width: 458px;
 background: #7592bc;
 padding: 10px 0 10px 10px;
 float: left;
 font-style: italic; 
}


#titlekey h4
{
 color: #FFF;
 font-weight: bold;
 text-transform:uppercase;
}

#titlekey h5
{
 text-transform:capitalize;
}

#contentkey
{
 width: 458px;
 float: left;
}
/***********************
  NEWS & ARCHIVE SECTION
************************/

#contentnews a:hover, #contentnews a:active
{
 font-weight: normal;
 background-color: #617AB2;
 color:#FFF;
}
#contentnews
{
 width: 780px;
 height: auto/*489px*/;
 text-align: left;
 background-color: #FFF;
 clear: left;
 }



/***********************
       CLASSES
************************/
.clear
{
 clear: both;
}

.noupper
{
 text-transform:none;
 margin-bottom: 10px;
}

a.underline
{
 text-decoration: underline;
}

.copy
{
 text-transform: capitalize;
 color: #FFF;
}
.sm
{
 font-size:0.7em;
}