/* ---------- Body Attributes ---------- */

body{
font: 11px Arial, Helvetica, sans-serif; 
color: #333333;
background: #ced8ca /* url(images/background.gif) repeat-y 0 0*/ ;
margin: 0;
line-height: 15px;
height: 100%;
}

/* ---------- Common Div Attributes ---------- */

#container{ /* Overall wrapper container */
width: 770px;
margin: 0px;
padding: 0px;
background: white;
border-bottom: 1px solid #326e15;
}

#menubar{
width: 770px;
height: 57px;
background: #326e15;
}

#header{ /* Header graphic */
width: 770px;
height: 174px;
background: #326e15 url(images/header-title.jpg) no-repeat;
}

#footer{
width: 769px;
height: 25px;
border-right: 1px solid #326e15;
background: #e1e1e1 url(images/footer-background.gif) repeat-x 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #808080;
}

/* ---------- Common Div Classes ---------- */

.leftOrangeBordered{
float: left;
display: block;
margin: 0px 10px 10px 0px;
padding: 5px;
border: 1px solid #f99d1a;
}

.rightOrangeBordered{
float: right;
display: block;
margin: 0px 0px 10px 10px;
padding: 5px;
border: 1px solid #f99d1a;
}

.leftImageBordered{ /* Left aligns an image */

margin: 0px 10px 10px 0px;
border: 1px solid #326e15;

}

.centerImageBordered{ /* Center aligns an image */
margin-left: auto;
margin-right: auto;
border: 1px solid #326e15;
display: block;
}

.rightImageBordered{ /* Right aligns an image */
float: right;
margin: 0px 0px 10px 10px;
border: 1px solid #326e15;
display: block;
}

table.centerTable{ /* Centers all tables relative to container */
margin-left: auto;
margin-right: auto;
text-align: center;
} 

.borderless{
border: none;
}

.clear{
clear: both;
}

/* ---------- One Column Page Div Attributes ---------- */

#contentContainer{ /* Content container for single column page */
width: 770px;
background: url(images/background.gif) repeat-y;
}

#content{ /* Page content for single column page */
padding: 10px 10px 50px 10px;
width: 749px;
}

/* ---------- Two Column Page Div Attributes ---------- */

#contentContainerTwoColumn{
width: 770px;
background: url(images/background-2col.gif) repeat-y;
}

#sidebarTwoColumn{
float: left;
padding: 5px;
width: 154px;
border-right: 1px solid #326e15;
background: #ccff99 url(images/sidebar-background.gif) repeat-x;
}

#contentTwoColumn{
float: right;
width: 580px;
margin-left: 10px;
padding-right: 10px;
padding-bottom: 50px;
}

/* ---------- Text Attributes ---------- */

.sectionTitle{
font: 15px "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; 
color: #326e15;
font-weight: bold;
}

.subheader{
font: 13px "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; 
color: #f99d1a;
font-weight: bold;
}

.sidebarSubheader{
font: 12px "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; 
color: #326e15;
font-weight: bold;
}

.bodyText{
font: 11px Arial, Helvetica, sans-serif; 
color: #333333;
line-height: 15px;
}

/* ---------- Link Attributes ---------- */

a{ /* Standard links */
text-decoration: underline;
color: #326e15;
}

a:link{
text-decoration: underline;
color: #326e15;
}

a:visited{
text-decoration: underline;
color: #326e15;
}

a:hover{
text-decoration: underline;
color: #f99d1a;
}

a:active{
text-decoration: underline;
color: #f99d1a;
}