﻿@charset "utf-8";
@import "homerightnav.css";
@import "leftnav.css";
@import "topmenu.css";
body {
        margin: 0px auto 0px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.2;
        font-size: 100%;
        width: 760px;
}

h1 {
		font: normal 110% Arial, Helvetica, Verdana, sans-serif;
		margin: 0 0 21px;
		color: #35629c;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #35629c;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}
h2.white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 /*font-weight: normal;*/
 text-align: left;
 font-size: 90%;
color: #35629c;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}
h3.underline {
 font-family: Arial, Helvetica, sans-serif;
 /*font-weight: normal;*/
 text-align: left;
 font-size: 90%;
color: #35629c;
 margin: 0px 0px 10px 0px;
 border-bottom:1px #8399b5 solid; 
 padding: 0px 0px 10px 0px;
}
h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 75%;
 color: #013473;
 margin: 0px;
 padding: 0px;
}

h6 {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 65%;
 color: #013473;
 margin: 0px;
 padding: 0px;
 }

p {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 75%;
 color: #000000;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
}
p.white {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 85%;
 color: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
}

p.email {
	padding:0 0 5px 30px;
	background-image:url('../images/email.png');
	background-repeat:no-repeat;
}
p.sound {
	padding:0 0 0 30px;
	background-image:url('../images/sound_icon.jpg');
	background-repeat:no-repeat;
}
p.print {
	padding:0 0 3px 30px;
	background-image: url('../images/print.jpg');
	background-repeat:no-repeat;
	/*float:right;*/
}
#print {
	width:150px;
	height:30px;
	float:right;
}
.red {
	color:#ff0000;
}
address {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 75%;
 color: #ffffff;
 font-style:normal;

}
img {
	border:0;
}
img.who {
	margin: 0 20px 0 0;
	float:left;
}

img.right {
	margin:0 0 10px 10px;
	float:right;
}
ul.ulclass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
ol.ulclass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.pdflink {
	padding:2px 0px 2px 25px;
	background-image: url('../images/pdf.gif');
	background-repeat: no-repeat;
	}
p.externallink {
	padding:0px 0px 2px 25px;
	background-image: url('../images/blue_link.gif');
	background-repeat: no-repeat;
	}
li.liclass {
	list-style-image: url('../images/bullet.gif');
}
li.liclass2 {
	list-style-image: url('../images/bullet_level2.gif');
}

a.external_link, .feature h3 a.external_link, .feature p.read_more a.external_link {
		background: transparent url('../images/blue_link.gif') 100% 50% no-repeat;
		padding: 2px 22px 2px 2px;
	}
	
	.feature a.external_link, a.external_link img.imgleft, #home #content p a.external_link, .feature h3 a.external_link {
		background: none;
		padding: 0;
	}
/**********************************/
/* Header                         */
/**********************************/

#header{
	width:760px;
	height:70px;
	float:left;
}

#logocontain{
	width:270px;
	height:40px;
	padding:0px 0px 30px 0px;
	float:right;
}

#linkscontain {
	width:490px;
	height:30px;
	margin:0px 0px 0px 0px;
	float:left;
}
#topmenu {
	width:420px;
	height:30px;
	float:left;
}
ul.topnav {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:75%;
	color: #19518e;
	padding: 8px 0px 0px 0px;
	width: 420px;
	height: 19px;
	margin:0px;
	float:left;
	position: absolute;
	list-style: none;
	top: 0px;
	text-align:left;
	
}

li.topnav {
	display: inline;

	top: 0;
	position: relative;
}
li.topnav_live {
	display: inline;

	top: 0;
	position: relative;
}

.topnav a, #topnav_live a {text-decoration:none; color:#19518e;}
.topnav a:hover, #topnav a:active #topnav a:focus { text-decoration:underline; color:#19518e;}

/**********************************/
/* Main                           */
/**********************************/

#main {
	width:760px;
	margin:10px 0px 0px 0px;
	float:left;
}
#main2 {
	width:760px;
	margin:10px 0px 0px 0px;
	background-image:url('../images/title_bar.jpg');
	background-repeat:no-repeat;
	float:left;
}

#titlecontain {
	width:570px;
	height:30px;
	padding:25px 0 0 0;
	margin: 0 0 0 10px;
	float:left;
}
#textarea {
	width:558px;
	border-top: 1px #507298 solid;
	border-right: 1px #507298 solid;
	border-bottom: 1px #507298 solid;
	border-left: 1px #507298 solid;
	margin: 10px 0 0 10px;
	Padding:5px 5px 130px 5px;
	min-height: 250px;
	background: url("../images/bot_graphic.jpg") left bottom no-repeat;	
	float:left;
}
#textarea a, #textarea_live a {text-decoration:none; color:#19518e;}
#textarea a:hover, #textarea a:active #textarea a:focus { text-decoration:underline; color:#19518e;}
#textareaxmas {
	width:558px;
	border-top: 1px #507298 solid;
	border-right: 1px #507298 solid;
	border-bottom: 1px #507298 solid;
	border-left: 1px #507298 solid;
	margin: 10px 0 0 10px;
	Padding:5px 5px 130px 5px;
	min-height: 250px;
	background: url("../images/bot_graphic2.jpg") left bottom no-repeat;	
	float:left;
}
#textareaxmas a, #textareaxmas_live a {text-decoration:none; color:#19518e;}
#textareaxmas a:hover, #textareaxmas a:active #textareaxmas a:focus { text-decoration:underline; color:#19518e;}

#mapcontain {
	width:430px;
	height:250px;
	margin:0 0 0 59px;
	padding:60px 0px 20px 10px;
	background-image:url('../images/directions/map.jpg');
	background-repeat:no-repeat;
	float:left;
}
#maptext {
	width:499px;
	height:25px;
	padding:0 0 0 59px;
	margin-top:10px;
	float:left;
}
#maptext a, #maptext_live a {text-decoration:none; color:#19518e;}
#maptext a:hover, #maptext a:active #maptext a:focus { text-decoration:underline; color:#19518e;}

#homepanel {
	width:490px;
	height:300px;
	background-image: url('../images/home/homepanels_bg.jpg');
	background-repeat:no-repeat;
	
	float:left;
}
#panelinserts {
	width:490px;
	height:300px;
	float:left;
}
#hometextpanel {
	width:450px;
	height:26px;
	margin:241px 0px 0px 5px;
	padding:14px 15px 8px 15px;
	/*text-indent:-99999px;*/
	font-size:90%;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;

	float:left;

}

.team {
	width:546px;
	height:100px;
	padding:5px 5px 5px 5px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	background-color: #ebebeb;
	margin:0 0 10px 0;
	float:left;
}
.teampic {
	width:100px;
	height:100px;
	float:left;
}
.teamtext {
	width:410px;
	margin:10px 0 0 20px;
	float:left;
}

.teamtext a, .teamtext_live a {text-decoration:none; color:#19518e;}
.teamtext a:hover, .teamtext a:active .teamtext a:focus { text-decoration:underline; color:#19518e;}

#flashcontain {
	width:440px;
	/*height:330px;*/
	margin-left:59px;
	float:left;
}
.leftcontain {
	width:398px;
	padding:0 0 0 0;
	margin-right:10px;
	float:left;
}
.rightcontain {
	width:150px;
	float:left;
}
/**********************************/
/* contact us                     */
/**********************************/
#contactleftnav {
	width:140px;
	background-image:url('../images/leftnav/contact_bg.png');
	background-repeat:repeat-y;
	padding:0px 20px 0px 10px;
	float:left;
}

#contactbot {
	width:170px;
	height:90px;
	background-image:url('../images/leftnav/contact_bot.png');
	background-repeat:no-repeat;
	float:left;
}
#formcontact {
	width:436px;
	padding:10px 10px 10px 10px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	background-color: #ebebeb;
	margin:0px 50px 0px 50px;
	float:left;
}

.contactcontain {
	width:436px;
	margin-bottom:10px;
	float:left;
}

.labelcontain {
	width:150px;
	/*height:22px;*/
	padding:3px 10px 0px 0px;
	text-align:right; 
	float:left;
}
.inputcontain {
	width:250px;
	/*height:25px;*/
	float:left;
}
label {
	font-size:75%;
	color:#444444;
	font-style:normal;
	font-weight:normal;
}
select {
	font-size:75%;
	color:#444444;
	font-style:normal;
	font-weight:normal;
}
input {
	font-size:75%;
	color:#444444;
	font-style:normal;
	font-weight:normal;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#444444;
	font-style:normal;
	font-weight:normal;
}


/********************************************/
/* Text sizer                               */
/********************************************/

#textresize {
	width:60px;
	height:21px;
	padding:4px 0px 0px 0px;
	font-size:75%;
	color:#19518e;
	float:left;
}

#textresize A {
	padding: 0px 2px 0px 0px; 
	margin: 2px 0px 2px 0px;   
}

#textresize A.resizesmall {
	font-size: 90%;
	color:#19518e;
	text-decoration:none; 

}

#textresize A.resizesmall:hover {
	font-size: 90%;
	color:#19518e; 
	text-decoration: underline;
}
#textresize A.resizesmall:active {
	font-size: 90%;
	color:#ff0000; 
	text-decoration: underline;
}

#textresize A.resizemedium {
	font-size: 120%;
	color:#19518e; 
	text-decoration: none
}
#textresize A.resizemedium:hover {
	font-size: 120%;
	color:#19518e; 
	text-decoration:underline
}
#textresize A.resizemedium:active {
	font-size: 120%;
	color:#ff0000; 
	text-decoration:underline
}

#textresize A.resizelarge {
	font-size: 140%;
	color:#19518e; 
	text-decoration: none
}
#textresize A.resizelarge:hover {
	font-size: 140%;
	color:#19518e; 
	text-decoration:underline
}
#textresize A.resizelarge:active {
	font-size: 140%;
	color:#ff0000; 
	text-decoration:underline
}

/*********************************************/
/* Footer                                    */
/*********************************************/

#footer {
	width:750px;
	height:95px;
	margin:10px 0px 0px 0px;
	background-image: url('../images/home/footer.jpg');
	background-repeat:no-repeat;
	padding:5px 5px 0px 5px;
	float:left;
}

/*************************/
/* Four panel divs       */

#panel1 {
	width:111px;
	height:44px;
	padding:28px 5px 0px 70px;
	background-image: url('../images/home/star.png');
	background-repeat:no-repeat;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	float:left;
}
#panel1 a, #panel1 a:active {text-decoration:none; color:#557baa;}
#panel1 a:hover, #panel1 a:active #panel1 a:focus { text-decoration:underline; color:#557baa;}

#cofepanel {
	width:113px;
	height:60px;
	padding:12px 5px 0 70px;
	background-image: url('../images/home/c-of-e_logo.png');
	background-repeat:no-repeat;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	float:left;
}
#cofepanel a, #cofepanel a:active {text-decoration:none; color:#557baa;}
#cofepanel a:hover, #cofepanel a:active #cofepanel a:focus { text-decoration:underline; color:#557baa;}
#blogpanel {
	width:108px;
	height:52px;
	padding:20px 5px 0px 75px;
	background-image: url('../images/home/diary.png');
	background-repeat:no-repeat;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	float:left;
}
#blogpanel a, #blogpanel a:active {text-decoration:none; color:#557baa;}
#blogpanel a:hover, #blogpanel a:active #blogpanel a:focus { text-decoration:underline; color:#557baa;}

#niftynews {
	width:113px;
	height:52px;
	padding:20px 5px 0px 70px;
	background-image: url('../images/home/nifty_news.png');
	background-repeat:no-repeat;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	float:left;
}
#niftynews a, #niftynews a:active {text-decoration:none; color:#557baa;}
#niftynews a:hover, #niftynews a:active #niftynews a:focus { text-decoration:underline; color:#557baa;}

#christmas {
	width:180px;
	height:72px;
	padding:0px 0px 0px 8px;
	float:left;
}

#dagvill {
	width:176px;
	height:72px;
	padding:0px 0px 0px 12px;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	float:left;
}