/*
Theme: Default view

Edited: 18 December 2006 
Author: Rob Ingram after Laura Zucchetti
Website: http://www.kinoulton.com	
Created: 20060211
*/

/* 
ACCESSIBILITY 
======================================
*/

#skip_to{
height:0;
padding:0;
}

#skip_to ul,
#skip_to li,
#skip_to a{
height:0;
padding:0;
margin:0;
text-indent:-999px;
list-style-type:none;
display:inline;
overflow:hidden;
position:absolute;
}

/* 
GLOBAL
======================================
*/

body {
text-align:center;
margin:0;
padding:0;
/* background-color: #623A20; deep red */
background-color: #37613b; /* green */
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

th, td /* Needed for NN4 and Quirks mode in Moz/FF as its tables do not inherit styles */ { 
font-size: 70%;
} 

#outer {
text-align:left;
margin:auto;
width:775px;
/* background-color: #623A20; deep red */
background-color: #ffffff;
background-repeat:repeat-y;
margin-top:16px;
}

#brand {
width:775px;
height:132px;
margin-top:0px;
margin-bottom:18px;
background-image:url(../css-images/banners/sign-4.jpg);
background-color: #37613b;
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 3px solid #e0b50e; /* Gold */
border-top: 3px solid #e0b50e;
}

#brand h1{
display:block;
width:180px;
height:110px;
font-size:100%;
margin:0 0 0 380px;
padding:0;
color: #ffffff;
}

#brand h1 a{
display:block;
width:180px;
height:110px;
font-size:40%;
text-indent:-9999px;
outline:none;
}

#wrap_content {
float:right;
width:584px;
min-height:200px;
/*background-color:#FF99FF;*/
padding-right:15px;
margin-bottom:30px;
}

/* 
CONTENT
======================================
*/
#content {
float:left;
width:570px;
min-height:200px;
/*border-top:2px solid #D9CF80;*/
/*background-color:#CC99FF;*/
}

#content #breadcrumbs {
border-bottom:solid 1px #E9E9E9;
margin:0 0 15px 0;
}

#content #breadcrumbs ul {
width:570px;
margin:0;
padding:4px 0 0 0;
list-style-type:none;
border-top:solid 1px #E9E9E9;
}

#content #breadcrumbs li {
float:left;
color:#e0b50e;
padding-right:0.5em;
font-size:100%;
line-height:19px;
margin-top:-1px;
}

#content #breadcrumbs li.b_title {
padding-right:1em;
}

#content #breadcrumbs li a {
color:#e0b50e;
text-decoration:none;
}

#content p,
#content li,
#content address {
font-size:110%;
line-height:1.6em;
color:#333333;
padding-top:0;
margin-top:0;
}

#content p,
#content address {
margin-bottom:.8em;
}

#content address {
line-height: 1.2em;
font-style: normal;
}

#content a {
color:#333333;
}

#content a:hover,
#content p.top_btn a:hover,
#content p.back_btn a:hover {
color:#adadad;
}

#content h1 {
clear:both;
font-size:180%;
margin:0 0 .4em 0;
padding:0;
font-weight:normal;
color: #333333;
}

#content h2 {
clear:both;
font-size:140%;
margin:1.5em 0 .2em 0;
padding:0;
font-weight:normal;
color: #333333;
}

#content h2.highlight_h {
border-bottom:#D2D3D3 1px solid;
padding:0 0 3px 0;
margin:1.5em 0 0.5em 0;
}

#content ul {
margin:0 0 1.5em 0;
padding:0 0 0 1.5em;
}

/* 
PEOPLEBOXES
======================================
*/
#content div.peoplebox {
width:100%;
min-height:100px;
background-color:#FFFFFF;
margin-bottom:20px;
color: #000000;
}

#content div.peoplebox h1 {
border-color:#B39F00;
border-width:1px 1px 0px 1px;
border-style:solid;
height:24px;
margin:0;
padding:5px 3px 0 5px;
font-size:125%;
font-weight:normal;
color:#FFFFFF;
background-color:#623A20;	/* Deep red */
/* background-color:#37613b; green
background-image:url(../css-images/people_bk.jpg);
background-repeat:repeat-x;
background-position:bottom; */
}

#content div.peoplebox_con {
border-color:#B39F00;
border-width:0 1px 1px 1px;
border-style:solid;
min-height:30px;
background-color:#FFFFFF;
}
#content div.peoplebox_con ul {
padding-top: 8px;
padding-left: 5px;
}
#content div.peoplebox_con li {
color: #000000;
list-style-type: none;
}
#content div.peoplebox img {
float:right;
padding:0;
margin:0;
}

#content div.peoplebox p {
padding:.5em 10px .5em .5em;
margin:0;
line-height:1.2em;
}

#content div.peoplebox a {
color:#333333;
text-decoration:none;
padding:1px 20px 5px 0;
}
#content div.peoplebox h1 a {
color:#ffffff;
width: 100%;
display: block;
}
#content div.peoplebox h1 a:hover {
color:#cccccc;
}
#content div.peoplebox a:hover {
color:#666666;
padding:1px 20px 5px 0;
}


#content div.email {
border-color:#B39F00;
border-width:0 1px 1px 1px;
border-style:solid;
min-height:20px;
background-color:#FFFFFF;
margin-bottom:5px;
}

#content div.email p a {
color:#333333;
text-decoration:none;
background-image:url(../css-images/arrow_btn.jpg);
background-repeat:no-repeat;
background-position:top right;
padding:1px 20px 5px 0;
}

#content div.per_links p {
color: #333333;
}

#content div.per_links a {
color: #333333;
background-image:url(../css-images/arrow_btn.jpg);
background-repeat:no-repeat;
background-position:top right;
}
#content div.per_links a:hover {
color: #666666;
background-image:url(../css-images/arrow_btn.jpg);
background-repeat:no-repeat;
background-position:top right;
}

/* 
FLOATS
======================================
*/

#content div.left {
float:left;
}

#content div.right {
float:right;
}

#content div.left_wpad {
float:left;
margin-right:15px;
}

#content div.right_wpad {
float:right;
margin-left:15px;
width: 350px;
}

#content img.left {
float:left;
padding: 0px 15px 15px 0px;
}

#content img.right {
float:right;
padding: 0px 0px 15px 15px;
}


/* 
CLEAR
======================================
*/

#content div.clear {
clear:both;
}

/* 
CONTENT BUTTONS
======================================
*/

#content p.top_btn a {
display:block;
clear:both;
background-image:url(../css-images/top_btn.gif);
background-repeat:no-repeat;
background-position:0px 3px;
color:#333333;
padding-left:10px;
font-size:90%;
}
#content p.top_btn a:hover {
	color:#A4A6A6;
}

#content p.back_btn a {
display:block;
clear:both;
background-image:url(../css-images/back_btn.jpg);
background-repeat:no-repeat;
background-position:0px 6px;
color:#A4A6A6;
padding-left:10px;
font-size:90%;
}
#content p.back_btn a:hover {
	color:#A4A6A6;
}



/* 
NAVIGATION - GLOBAL
======================================
*/
#navigation {
float:left;
width:140px;
min-height:200px;
margin-left:7px;
margin-bottom:30px;
}
/*For IE 6.0*/
html > body #navigation {
margin-left:15px;
}

#navigation ul#global {
list-style-type:none;
margin:0 0 16px 0;
padding:0;
}

#navigation ul#global ul {
list-style-type:none;
margin:0;
padding:3px 0 4px 1em;
}

#navigation ul#global li {
}

#navigation ul#global li li {
border-bottom:0px solid #D9CF80;
height:1.2em;
}
/*For IE 6.0*/
html > body #navigation ul#global li li {
border-bottom:0px solid #D9CF80;
height:auto;
}

#navigation ul#global li a {
display:block;
padding:3px 0;
color:#333333;
text-decoration:none;
font-size:110%;
}

#navigation ul#global li a:hover {
color:#adadad;
}

#navigation ul#global li ul li a {
display:block;
padding:3px 0;
color:#333333;
text-decoration:none;
font-size:105%;
}

#navigation ul#global li a.active, #navigation ul#global li a.hmActive {
background-image:url(../css-images/on_hover.gif);
background-repeat:no-repeat;
position:relative;
left:-11px;
top:0;
padding-left:11px;
color:#adadad;
font-weight:bold;
}


/* 
NAVIGATION - CONTACT
======================================
*/

#navigation ul#contact {
border-top:1px solid #BBBDBD;
border-bottom:1px solid #BBBDBD;
list-style-type:none;
margin:0 0 16px 0;
padding:0;
}

#navigation ul#contact li {
border-bottom:1px solid #E9E9E9;
padding:3px 0;
color:#ffffff;
text-decoration:none;
font-size:100%;
}
#navigation ul#contact li.bottom {
border-bottom:0;
}

#navigation ul#contact li a {
display:block;
color:#ffffff;
text-decoration:underline;
font-size:100%;
}

#navigation ul#contact li a:hover {
color:#adadad;
}

/* 
FOOTER
======================================
*/

#footer {
clear:both;
width:775px;
height:31px;
background-color:#FFF;
font-size:0;/*This is needed for IE 6*/
}


#nav_footer {
clear:both;
width:775px;
height:35px;
background-color:#c6a00c;
}

#nav_footer ul {
margin:0;
padding:10px 0 0 0;
list-style-type:none;
text-align:center;
}

#nav_footer li {
padding:0;
margin:0;
display:inline;
}

#nav_footer li a {
text-decoration:none;
padding:.2em .5em;
color:#444;
}

#nav_footer li a:hover {
color:#000000;
}

/* 
SUB CONTENT
======================================
*/

#sub_content {
float:right;
width:156px;
min-height:200px;
}


/* 
TABLES
======================================
*/

table {
width:100%;
margin:auto;
border-collapse:collapse;
text-align:left;
}

caption {
margin:20px auto;
}

td {
border-bottom:1px dashed #CCCCCC;
font-size:110%;
}

th {
font-size:110%;
font-weight:normal;
border-bottom:1px dashed #CCCCCC;
}

th.color {
color:#C7961D;
font-weight:bold;
}

th, td {
padding:.4em;
}

tr.top_bd {
border-top:1px solid #D9CF80;
}
tr.bot_bd {
border-bottom:1px solid #D9CF80;
}

/* 
GALLERY
======================================
*/
div.gallery
{
	width: 506px;
	padding: 0px;
}

div.gallery img
{
	margin: 5px;
}

div.gallery #thumb_list
{
	padding:0px;
	margin: 0px;
}

div.gallery #thumb_list li
{
	display: block;
	float: left;
	padding: 0px;
	margin: 5px;
	list-style-type: none;
	width: 72px;
	height: 90px;
	overflow: hidden;
	border: 1px solid #999999;	
}

div.gallery #thumb_list li a
{
	display: block;
	height: 72px;
}

div.gallery li a img
{
	border: 0px;
}

/* 
GENERAL HIGHLIGHT
======================================
*/

.highlight {
background-color: #FFFFCC;
}

/* 
MODAL OVERLAY
======================================
*/
.modal-overlay
{
	position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
 	/*position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.0;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	z-index:101;
	text-align: center;*/
	background:transparent url('../../images/overlay.png');
}
.modal-window
{
	margin: 10% auto;
	width:700px;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:center;
 	/*width: 700px;
	height: 80%;
	position:fixed;
	top:0;
	left:0;
	margin: auto 0;
	padding:0;
	z-index:102;
	border: 1px solid black;
	background-color: #f00;
	opacity:.0;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;*/
}
.close-window
{
	float: right;
	width:32px;
	height:32px;
	background:transparent url('../../images/close-button.png') no-repeat scroll right top;
/*		position:absolute;
	right:8px;
	top:8px;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;	*/
}