/*Site level Styles*/
body{font-family: Arial, Tahoma; font-size: 12px; background: url('../images/bg3.png') no-repeat/*repeat*/ top right #9FD9FF;}
.wrapper{margin:0px auto;}
.header{width:100%;}
.navigation{}
.contentArea{position: relative; background-color: white; min-height: 450px;}
.footer{clear:both; width:100%;}
/*--------------END site level styles*/


/*Top Navigation Layout*/
.top{}
.top .navigation{width:100%; overflow: auto}
.top .navigation ul li{float:left;}
/*-----------------END Top Navigation Layout*/

/*Left Navigation Layout*/
.left{}
.left .lnavigation{width:25%; float:left;}
.left .lcontentArea{width:75%; float: left;}/*if there is any padding in the content area, decrease this % or change to a pixel width*/
/*-----------------END Left Navigation Layout*/

/*Common styles*/
.floatL{float:left}
.floatR{float: right}
.left{text-align: left}
.right{text-align: right}
.center{text-align: center}
.error{color:red;}
.hide { display: none; } /*Hide Class*/

/*Navigation styles*/
.navigation{background: url('../images/navbg.png') repeat-x top left; padding: 0 0 5px 0;}
.navigation ul{width:600px; margin: 0 auto;}
.navigation ul li a{font-size: 17px; color:#666666; text-decoration: none;}
.navigation ul li a:hover{text-decoration: underline;}
.navigation ul li{padding:9px 7px; border-right: 1px solid #999999; border-left: 1px solid #333333; }
.navigation ul li.firstlink{border-left: 0;}
.navigation ul li.lastlink{border-right: 0;}
.navigation ul li:hover{background-color: #b3b3b3;}

/*Styles to change look*/
.wrapper{width:900px; padding: 0px 15px; background: url('../images/wrapperbg.png') repeat-y top left transparent;}
.header{height: 100px; background-color: blue; background:#eeeeee  url('../images/trees.jpg') top right no-repeat;}
.headerbg{background: url('../images/headerbg.png') no-repeat top left transparent; height: 15px; width: 900px; padding: 0px 15px; margin:0 auto; margin-top: 20px;}
.navigation{/*background: green; height: 30px;*/}
.footer{text-align: center;background: url('../images/footerbg.png') no-repeat top left; height: 40px; background-color:transparent; width:900px; margin:0 auto; padding: 0px 15px; }

/*Additional divs*/
.rightBox{width:200px; height: 100%; background-color:#e8e8e8; position: absolute; right: 0; top: 0;}
.content{width:675px;margin-left: 15px;}/*this is where the content will actually go since we have the right items*/

/*Right box styles*/
.rightBox ul li{padding-left:5px; font-size: 10px;}
.rightBox ul li label{float:left; width:50px;}
.rightBox ul li.email{margin-bottom: 10px;}
.rightBox ul li.top{border-top:1px solid #999999;}
.rightBox ul li.button{border-bottom: 1px solid #999999; padding: 5px 0 5px 25px;}
.rightBox ul li.button a{ text-decoration: none; color:#666666; font-size:12px;}
.rightBox ul li.special{background:url('../images/special.png') 5px 3px no-repeat;}
.rightBox ul li.paper{background:url('../images/paper.gif') 5px 3px no-repeat;}
.rightBox ul li.video{background:url('../images/video.png') 5px 3px no-repeat;}
.rightBox ul li.button:hover{background-color:#b3b3b3;}

/*Light box*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 6px solid black;
	background-color: white;
	z-index:1002;
	overflow: auto;
}


/* CONTENT EDITOR STYLES*/
.content ul li{list-style:disc; list-style:inside; margin-left:15px; line-height:20px}
.content h1,.contentArea h2,.contentArea h3,.contentArea h4{margin:5px 0 5px 0; font-weight:bold;}
.content p, .contentArea p font, contentArea ul li, .contentArea font,
.content p.western{line-height:20px;}
p strong, ul li strong{font-weight:bold;}/*bold*/
p em{font-style:italic;}/*italic*/
p.western{font-family:verdana; font-size:13px;}

/*IE6 hack for height problem*/
* html .contentArea{height:450px;}

/*hours table*/
.hours{background-color:white; margin:0 auto;}
.hours td{padding: 3px;}
tr.altRow{background-color:#eee}
thead td{font-size:14px;}
thead{background-color: #cccccc;}

.namesdiv a{text-decoration: none;}
.namesdiv a:hover{text-decoration:underline; }

/*BIO page*/
.bio div div{line-height: 20px; font-size: 13px;}
/*50 reasons*/
.fifty{margin:0 auto;}
.fifty p a{font-size: 14px; text-decoration: none;}
.fifty p a:hover{text-decoration: underline;}
/*images*/
.bigPic{}
.smallPic{padding: 5px 0 5px 25px;}