/*Credits */
/*Original designs by www.mitchinson.net */
/*This work is licensed under a */
/*Creative Commons Attribution 3.0  License*/
/*creativecommons.org/licenses/by/3.0/*/
/*Original designs are Red Haze and Limelight */
/* */
/* More created by */
/*Stu Nichols */
/*www.stunicholls.com*/
/* */
/*Website creator */
/*Lin Daniel */
/*websites@lindaniel.com */

/* start color: 1effe9  */

body {
margin : 0;
padding : 0;
font : 12px  Tahoma, Verdana, Geneva, Arial, helvetica, "Trebuchet MS", arial, sans-serif;
line-height : 1.8em;
background: #fff url(../images/bg.jpg) repeat-x;
color: #222;
}

				/*TOPBAR */
#topbar {
height: 220px;
padding: 0;
color: #58f743;
overflow: hidden;
}
/*#topbarleft { */
/*float: left; */
/*width: 200px; */
/*height: 200px; */
/*margin: 0; */
/*padding: 0; */
/*background: #fff url(../images/logo.jpg); */
/*} */
#topbar img {
position:absolute;
left: 50px;
/*left:215px; */
top:50px;
margin: 0;
border: none;
}
#topbar h1 {
position:absolute;
left: 520px;
/*left:680px; */
top:10px;
text-align: right;
margin-top: 55px;
margin-left: 20px;
padding: 0px;
letter-spacing: 3px;
font-size: 24px;
line-height: 175%;
color: #fff;
background: transparent;
}	
#topbarright {
width: 960px;
padding: 10px 0;
float: right;
margin: 0;
/* temp float, margin */
/*margin-right: 40px; */
margin-left: 40px;
float: left;
}
#topbarright .guestlabel {
text-align: left;
font-size: 14px;
font-weight: bold;
color: #1effe9;
}
#topbarright ul {
padding: 0;
margin: 0;
}
#topbarright li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
margin-right: 5px;
}
#topbarright a, #topbarright a:visited {
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
padding: 6px;
text-decoration: none;
}
#topbarright a:hover {
color: #FF1E2E; 
text-decoration: none;
}

			/*MAIN CONTAINERS*/
#col1 {
float : left;
width : 18%;
margin-bottom : 1em;
padding-right : 1%;
}
#col2 {
float : left;
width : 46%;
margin-left : 1%;
margin-bottom : 1em;
padding-right : 3%;
}
#col3 {
float : left;
width : 27%;
margin-left : 1%;
margin-bottom : 1em;
}

			/*FOOTER*/
#footer {
clear : both;
height : 50px;
padding : 5px;
text-align : left;
border-top: 5px solid #1effe9;
background: #555;
color : #ccc;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #FF1E2E;
text-decoration: none;
}

			/*GENERAL MARKUP*/
#col2 h1 {
margin-top : 0;
padding : 0.5em 0;
text-transform : uppercase;
letter-spacing : 2px;
color : #092E73;
font: bold 22px arial,geneva,sans-serif;
border-bottom: 1px solid #ccc;
background: inherit;
}
h2 {
margin-top : 0;
margin-bottom : 0;
padding : 0.5em 0;
text-transform : uppercase;
letter-spacing : 2px;
color : #092E73;
font: bold 18px arial,geneva,sans-serif;
border-bottom: 1px solid #ccc;
background: inherit;
}
h3 {
margin-top : 0;
margin-bottom : 0;
padding : 0.5em 0;
text-transform : uppercase;
letter-spacing : 1px;
color: #A60A15;
font: bold 15px arial,geneva,sans-serif;
border-bottom: 1px solid #ccc;
background: inherit;
}
#col1 h3, #col3 h3 {
color: #092E73;
border-bottom: 1px solid #ccc;
}
#col3 h3 {
margin-top: 14px;
}
#col3 p {
margin-top: 0;
margin-bottom: 0;
}
.dateline {
color : #A60A15;
font: bold 10px arial,geneva,sans-serif;
margin-top: 0px;
}
p.firstpara {
margin-top: 0;
}
p.biotitle {
margin-top : 6px;
margin-bottom : 0;
letter-spacing : 1px;
color: #092E73;
font: bold 14px arial,geneva,sans-serif;
}
p.bio {
margin-top: 0;
margin-bottom: 6px;
}
#col1 p {
padding : 0.2em 0;
border-bottom: 1px solid #ccc;
}

			/*LINK PROPERTIES*/
#col1 a, #col2 a, #col3 a {
text-decoration : underline;
color : #6E0209;
color: #A60A15;
background : inherit;
}
#col1 a:hover, #col2 a:hover, #col3 a:hover {
text-decoration : underline;
color : #fff;
background-color : #6E0209;
background-color : #A60A15;
}
a img {
border : 0;
}

			/*Additional Stuff*/
.box {
padding : 20px;
color : #000;
background : inherit;
}
form { 
margin: 0; 
}
input.search { 
	width: 100px; 
	border: none;
	background: url(../images/input.gif); 
	padding: 4px; 
}
input.login { 
	width: 100px;
	border: none; 
	background: url(../images/logininput.gif); 
	padding: 4px; 
}
blockquote {
font-weight : bold;
font-style : italic;
color : #393939;
margin: 0 10px;
}

			/* More by Stu Nicholls*/
/* always visible */
#outer .holder {padding:0em; border:0px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#F90F20; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; padding-right:10px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:500; margin-left:18px;}
#menu ul {padding:0; margin:0; list-style:none; width:145px; padding:0px; background:#fff;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:130px; background:#fff;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:130px; padding:8px 10px 8px 5px; font:bold 12px verdana, sans-serif; color:#000; text-decoration:none; background:#fff; border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left;}
#menu ul li a.fly {background:#fff url(../images/arrow.gif) no-repeat 130px center;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#A60A15; color:#fff; border-color:#553B0C; text-decoration: none; position:relative;}
#menu ul li:hover > a {background:#A60A15; color:#fff; border-color:#553B0C; text-decoration: none;}

#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:138px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}