/*<style> */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	
	}

/* ----------------  end yahoo stylesheet -------------------- */

/* --------------- custom styles ------------*/

html { min-height: 100%; margin-bottom: 1px; }


body {
background:#EDF8FB;
color:#f3f3f1;
font-family:tahoma, geneva, arial, sans-serif;
font-weight:bold;
text-align:center;
 }
	 
	 

#container {
width:940px; 
margin:15px auto;
background-color:#fff;
text-align:left;
border:1px solid #575757;
overflow:hidden;
}

#header {
float:left;
width:100%;
color:#fff;
background:#0B90C1;
display:table-cell;
text-align:center;
vertical-align:bottom;
border-bottom:1px solid #575757;
}

#header-left { float:left; width:250px;height:144px;}
#header-right {float:right; width:649.5px;padding-top:25px;}


#header h1{
color:#fff;
font-weight:bold;
font-size:2.75em;
font-family:tahoma, geneva, arial, sans-serif;
margin-top:10px;
padding:25px 0 35px;
}



#header h2 {
color:#DAEF85;
font-weight:bold;
font-size:146.5%;
font-family:inherit;
margin-bottom:10px;
}

#main {
float:left;
background:#fff url(side-bg.gif) repeat-y top left;
}


#side {
width:250px;
float:left;
background:#E3F3A2;
height:100%;
}

#side ul {
background:#fff;
}

#side ul li{
font-size:1.1em;
list-style-type:none;
margin:3px 0;
background:#E3F3A2; /* 7FA100*/
color:#fff;
}

#side ul li.first {margin-top: 0!important;}

#side ul li a {
text-decoration:none;
display:block;
color:#333;
padding:6px 0 6px 14px;
}

#side ul li span  {color:#daddaf3f;}

#side ul li a:hover { background:#B4DC0D;color:#333;display:block;}



#content {
float:right;
background:#fff;
width:689.5px;
color:#333;
padding:20px 0 20px;
}


h3, h4, h5, h6 {
font-family:tahoma, geneva, arial, sans-serif;
letter-spacing:.15px;
}

#content h3 {
font-size:138.5%;
font-variant:small-caps;
margin:0 20px 25px 30px;
color:#90B10A;
font-weight:bold;
letter-spacing:.15px;
}

#content h4 {
font-size:123%;
font-weight:bold;
color:#333;
margin:0 20px 15px 30px;
line-height:1.3em;
}

h4 {font-size: 124%;}
h5 { font-size: 116% margin:4px 0;}

#content p {
margin:0 15px 30px 30px;
line-height:1.5em;
font-size:1.05em;
font-family: arial, sans-serif;
font-weight:normal;
letter-spacing:.15px;
}

#content p.smallText {
margin:0 15px 10px 30px;
}

img.alignnone {
margin:8px 12px 10px 0!important;
float:left;
}

img.alignleft {
margin:8px 12px 10px 0!important;
float:left;
}

img.alignright {
margin:8px 0px 10px 12px!important;
float:right;
}


#content hr {
clear:both;
border-style: solid;
border-color: #B3B3A5;
border-width:1.25px 0 0 0;
width: 80%;
margin:0 10% 30px 10%;
height:1.25px;
}

.navigation {
 clear:both;
 }

 #content ul li {
 list-style-type:none;
 margin:0 15px 4px 50px;
 }


/* --------------------------- footer -------------------------- */

#footer {
clear:both;
float:left;
text-align:center;
margin:0;
width:940px;
height:185px;
padding:0px 0;
background-color: #fff;
color:#333;
border-top:1px solid #333;

}

#footer-left {
float:left;
width:250px;
height:185px;
}

#footer-middle {
float:left;
width:434px;
}

#footer-right {
float:right;
width:250px;
height:185px;
}

#footer-middle h5 { line-height:1.4em;}

table.links {
width:600px;
border:0;
margin:6px 30px 20px;
}

table.links td {padding:2px;}
table.links td.date { width:100px; text-align:center;}



/* -------------------- link styles ----------------------------- */

#content a, #footer-middle a {
text-decoration: underline;
color:#0B67B6;
font-weight:bold;
}

#content a:link, #footer-middle a:link {
background-color:transparent;
}
#content a:visited, #footer-middle a:visited {
color:#0B90C1;
}

#content a:hover, #footer-middle a:hover {
text-decoration: none;
background-color:#E3F3A2;
}


/* -------- text styles ---------- */

.note {font-family:verdana, "trebuchet ms", sans-serif; font-size:1em;}

.notew { font-size:.975em;color:#fff; }

.arrow {color:#B3B3A5;}

blockquote {
margin-left:30px;
}

/* ---------------------- display styles ------------------------- */

.cushion{
padding:15px 10px;
}


.clearboth {
clear:both;
}

.imgborder {border: 1px solid #575757;}

.edge15 {padding:0 15px 0 15px; }
.line150 {line-height:1.5em}

/* to contain floated elements */
.wrap {
} 

/* to center small elements */
.center-wrap {text-align:center;}
.center-margin {margin:0 auto;}

/* image table */

div.site-image {
width:588px;
height:424px;
border:1px solid #575757;
margin:14px 36px 25px;
}


div#siteimage2 {
width:588px;
height:423px;
display:block;
background:#89abd8 url(stanne-triple.jpg) no-repeat 0px -423px;
border:1px solid #333;
margin:14px 36px 25px;
}


.image-table {
width:588px;
margin:10px 36px 0px;
border:1px solid #6b6b6b;
}

td.view-name {
width:50%;
text-align:center;
vertical-align:middle;
padding:6px 0;
font-weight:bold;
background-color:#E8E8E4;
border:1px solid #575757;
border-collapse:collapse;
}


td.view-name-wide {
width:100%;
text-align:center;
vertical-align:middle;
padding:6px 0;
font-weight:bold;
background-color:#fff;
border:1px solid #6b6b6b;
border-collapse:collapse;
}


td.cell-title {
text-align:center;
vertical-align:middle;
padding:6px 0;
font-weight:bold;
background-color:#E8E8E4;
border:1px solid #575757;
border-collapse:collapse;
}


td.view-ab {
text-align:center;
vertical-align:middle;
padding:6px 0;
border:1px solid #575757;
border-collapse:collapse;
font-weight:normal;
}


/*************  contact and email ****************/

div.contactInfo {
width:94%;
margin:80px 3% 40px;
padding:0;
color:#333;
text-align:center;
}

div.contactInfo h4 {
margin:10px 0 16px;
}

div.contactInfo a {
	text-decoration: underline;
	color:#0B67B6;
	font-weight:bold;
	 }
div.contactInfo a:hover { background:#B4DC0D;color:#333;display:block;}

div.contactInfo2 {
width:94%;
margin:10px 3% 10px;
padding:0;
color:#333;
text-align:center;
}

div.contactInfo2 h4 {
margin:10px 0 16px;
}

