/* CSS Document */
body { 
	background: url(images/background.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12px;
	color: #3B372F;
}

#container {
	position: relative;
	width: 959px;
	margin: auto;
	background: url(images/container-back.jpg) repeat-y;
	
}


#branding{
	background-image: url(images/header.jpg);
	height: 175px;
}

#branding h1{
	text-align: right; 
	padding: 95px 30px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: light;
}


#navbar {
	background: url(images/nav-bar.jpg);
	background-repeat: no-repeat;
	width: 910;
	height: 24px;
	background-position: center top;
	margin: auto;
	text-align: center;
	padding: 0 35px;	
}

#navbar p{
	/*padding: 5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color: #fff;
	text-align: center;
}

#navbar a, a:visited, a:active { 
	color: #fff;
	text-decoration: none;
}

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

#main {
	width: 910px;
	margin: auto;
	margin: 5px 0 5px 24px;
}

#main-home {
background-image:url('images/home-back03.jpg');
background-repeat:no-repeat;
background-position:top center;
} 

#main h1{
	font-size: 18px;
	color: #7F7C75;
	padding: .25em 0 1em 0;
	letter-spacing: .1em;
	border-bottom: 1px dotted #3B372F;
	margin: 1em;
}

.secondary ul{
	/*font-size: 11px;*/
	/*color: #993300;*/
	padding-bottom: 20px;
	letter-spacing: .05em;
	margin: 5px;
	/*list-style-image: url(images/secondary.jpg);*/
	list-style-type:none;
	list-style-position: inside;
	/*border-bottom: 1px dotted #3B372F;*/
}

.secondary li {
background: url(images/tabs.gif);
float:left;
padding: 10px 20px 0 15px;
position:relative;
height: 28px;
color: #519441;
font-weight: bold;
font-size: 14px;
}

.secondary a, a:visited, a:active {
/*display:block;*/
/*font-size:11px;*/
text-decoration:none; 
color: #993300; 
font-weight: normal;
font-size: 12px;
}

#main a:hover {
text-decoration: underline; 
}


#footer {
	clear: both;
	background: url(images/bottom.jpg);
	height: 59px;
	background-position: left bottom;s
}


#footer p.last{
	padding: 15px 40px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 10px;	
}

#footer a, a:visited, a:active {
	color: #3B372F;
	text-decoration: underline;	
}


.col-left {
	width: 570px;
	margin: 0 20px 20px;
	float:left;
	text-align: justify;
}

.col-left-home{
	width: 548px;
	margin-left: 50px;
	margin-top: 5px;
	text-align: justify;
}

.col-left-home a, a:visited, a:active, a:hover {
	color: #993300; 
	text-decoration: underline;
}

.col-left p, .col-left-home p{
	line-height: 1.5em;
	padding-top: 1em;
}

.col-left a, a:visited, a:active {
	color: #993300; 
	text-decoration: none;
}

.col-left a:hover {
	text-decoration: underline;
}

.col-left h2{
	font-size: 14px;
	color: #519441;
	/*padding-top: 1em;*/
}

.col-left ul{
	list-style-position: inside;
	list-style-type: disc;
	margin: 15px;
	padding: 0;
	letter-spacing: 0;
	text-align: left;
}

.col-left li{
	background: none;
	line-height: 1.5em;
	margin: 0 0 10px 10px;
	padding:0;
	height:auto;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

.col-list-1 {
	clear: left;
	width: 28%;
}

.col-list-1, .col-list-2, .col-list-3 {
	float: left;
	margin-right: 1%;
	text-align: left;
}

.col-list-1 ul, .col-list-2 ul, .col-list-3 ul {
	list-style-position: outside;
	margin: 0;
	list-style-type: disc;
}

.col-list-2 {
	width: 38%;
}

.col-list-3 {
	width: 25%;
}

.sidebar {
	width: 240px;
	float: right;
	margin: 0 20px;
}
.sidebar p{
	font-style:italic;
	color: #7F7C75;
	line-height: 2em;
	padding-top: 2em;
}

.sidebar-home {
	/*width: 296px;*/
	float: right;
	margin-right: 20px;
	background-image:url('images/home-back01.jpg');
}

p.blurb{
	border-top: 1px dotted #3B372F;
	margin-top: 1em;
}

img.floatLeft { 
    float: left; 
    margin-right: 15px; 
}

img.floatRight { 
    float: right; 
    margin-left: 15px;  
}

table{
	width: 520px;
	border-collapse: separate;
	/*border-spacing: 10px;*/

}





.menu {
position:relative; 
/*z-index:100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;*/
/*font-weight: bold;*/
letter-spacing: .05em;
text-align: center;
/*margin-left: 42px;*/
}


/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
/*padding-top:5px;*/
margin:0px;
list-style-type:none;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
padding:0;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color: #333; 
/*width:138px; */
padding: 6px 8px;
/*height:24px; */
/*border:1px solid #000; 
border-width:1px 0 1px 1px; 
background:#09c; 
padding-left:10px; 
line-height:29px; 
font-weight:bold;*/
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
/*width:149px; 
w\idth:138px;*/
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#333; 
	background:#81B763;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#333; 
background:#81B763;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}