/* CSS Document */

/*********************
 * html
 *********************/
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }
body {background:url(images/bkgrd_02.jpg) #FFFFFF repeat-x top; margin:0; padding:0}
form {margin:0; padding:0}

/*********************
 * wrappers & stuff
 *********************/

#wrapper {margin:0 auto; padding:0; width:1000px;}
#container {background:url(images/bkgrdn1_02.jpg) repeat-y center; margin-left:auto; margin-right:auto; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
#shadow {background:url(images/bkgrdn2_01.jpg) no-repeat top; }

#header {text-align:center}

/*********************
 * Catalog Search Bar
 *********************/

#searchContainer {width:940px; background:url(images/home_03.jpg) #73997f no-repeat top; margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom: 0; color:#eae8e8; padding:0; overflow: auto}

#translate {width:170px; float:left; padding:45px 0 0 18px; margin: 0; font-size:9px; line-height:170%; color:#eae8e8}

#cat {width:505px; float:left; padding:0; margin:0 0 12px 0; font-size:12px; line-height:175%}
#cat a {color:#ffd406; text-decoration:none; word-spacing:-.1em}
#cat a:hover {color:#fff; text-decoration:none}
#cat ul {list-style-type:none; padding:0; margin:0; color:#8bb799}
#cat li {display:inline}

#howdoi {width:245px; float:right; padding:0;margin:0}

.smtxt {font-size: 0.75em; line-height: 165%; color: #eae8e8}

/*#renew {width: 408px; float: left; background-color: #5c866a; padding: 3px 3px 3px 157px; margin: 0; font-size: 12px}*/

#renew {width: 480px; float: left; padding: 3px 3px 3px 3px; margin: 0; font-size: 12px}
#renew a {
	color: #fff;
	font-size: 12px; line-height: 145%;
	font-weight: bold;
	text-decoration: none;}
#renew a:hover {color:#2f4737; text-decoration none}
/*#renew ul {list-style-type:none; padding:5px 0 7px 30px; margin:0; background:#678f75}*/
#renew ul {list-style-type:none; padding:5px 0 7px 30px; margin:0;}
#renew li {display:inline}

#ask {width: 372px; float: right; background-color: #5c866a; padding: 3px 0 3px 0; margin: 0}
#ask a {
	color: #fff;
	font-size: 12px; line-height: 145%;
	font-weight: bold;
	text-decoration: none;
}
#ask a:hover {color: #2f4737; text-decoration: none}
#ask ul {list-style-type: none; padding: 5px 0 7px 20px; margin: 0 220px 0 0; background: #678f75; }
#ask li {display:inline}

/*********************
 * content
 *********************/
#content {width:940px; margin-left:auto; margin-right:auto; padding:0; }
 
#phone {
	float:left;
	padding: 12px 12px 12px 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:145%;
	color:#666;
	font-weight:normal;
	width:168px;
	letter-spacing: -0.07em;
}
 
#center {float:left; width:395px; background:#fff; padding:0 0 0 2px}

#alert {border-bottom:2px solid #cc3333; padding:12px 18px 12px 18px; font-size:.75em; color:#333; line-height:150%; /*border: solid 12px #f0ebb1;*/ background-color:#f8eaa9; }
#alert a:link, #alert:visited {color:#333; text-decoration:underline; line-height:150%}
#alert a:hover {color:#5c866a}


hr { 
width: 100%; 
height: 1px; 
border: 0; 
color: #fff;
background-color: #fff; 
margin: 6px 0 6px 0; padding: 0; 
} 

#center1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:12px 0 12px 18px}
#center1 a:link, #center1 a:visited {font-weight:bold; text-decoration:none;color:#333}
#center1 a:hover {color:#5c866a; text-decoration:underline}
 
#right {float:right; width:319px; background-color:#e8e7d9; padding:12px 0 9px 18px; font-size:12px; color:#333; overflow:auto}
#right a:link, #right a:visited {color:#333; text-decoration:none}
#right a:hover {color:#5c866a; text-decoration:underline}

.smtxt1 {font-size: 10px; line-height: 165%; color: #333}

/*********************
 * footer
 *********************/
#footer {width:940px; clear:both; margin-left:auto; margin-right:auto; background: url(images/home1_09.jpg) repeat-x top #5c866a; text-align: center; padding: 18px 0 32px 0 }
.copyright {font-size:10px; line-height:145%; color:#FFF}
 
/*********************
 * resize text tab
 *********************/
 #tab {
	position:absolute;
	width:100%;
	text-align:center;
	padding-left: 365px;
	top: 116px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003333;
}
#tab a {color:#003333}
#tab a:hover {color:#cc3333}

.a1 {font-size: 10px}
.a2 {font-size: 12px}
.a3 {font-size: 14px}

.a1 {font-size: 10px}
.a2 {font-size: 12px}
.a3 {font-size: 14px}

/*********************
 * float fix
 *********************/

.floatfix {clear: left;}

/*********************
 * MAIN CONTENT AREA
 *********************/

#contentArea {
	float:left;
	width:665px;
	background:#fff;
	padding:0 0 12px 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 135%;
	color: #333;
	display: block;
	list-style-type: disc;
}

#contentArea h1 {font-size: 1.8em; color: #b91e31}
#contentArea h2 {font-size: 1.65em; color: #b91e31}
#contentArea h3 {font-size: 1.5em; color: #b91e31}
#contentArea h4 {font-size: 1.25em; font-weight: bold; color: #333}
#contentArea h5 {font-size: 1em; font-weight: bold; color: #333}

#contentArea ul {
	padding:0;
	margin:0;
	list-style-type:disc;
	list-style-position: inside;
}
#contentArea ul li {padding:12px 0 12px 0*}
#contentArea ul li a, #contentArea ul li a:visited  {color:#013533; font-size:12px; text-decoration:none}
#contentArea ul li a:hover  {color:#013533; font-size:.75em; text-decoration:underline}

#contentArea a:link {color:#5C866A}
#contentArea a:visited {color:#2D4835}
#contentArea a:hover {color:#B1AF8E}
#contentArea a:active {color:#B70711}


.list2 ul {line-height: 200%}
.list2 ul li {
	list-style-type:circle;
	list-style-position: inside;}

.list2 ul ul li  {
	margin-left: 32px}

.list2 ul li a, .list2 ul li a:visited  {color:#013533; font-size:.75em; text-decoration:none; margin:0;padding:0}
.list2 ul li a:hover  {color:#013533; font-size:.75em; text-decoration:underline}


.caption {font-size:10px; line-height:125%; color:#333}

/*********************
 * MAIN CONTENT AREA - 2 columns
 *********************/
#leftContent {float:left; width:320px; padding-right:12px}
#rightContent {float:right; width:320px; padding-left:12px; border-left: solid 1px #E8E7D9}

.box {padding:12px; margin: 12px 6px 0 12px; border:solid 2px #D6D4B7}

/*********************
 * BACK button
 *********************/
#back {margin:0; padding:0; height:25px }
#back ul {padding:0; margin:0; list-style-type:none;}
#back ul li {float:right; padding:0; margin: 0}
#back ul li a:link, #back ul li a:visited  {display:block; color:#013533; font-size:10px; text-decoration:none; background-color:#f8f7ee; width:100px; padding:12px 0 12px 12px}
#back ul li a:hover  {display:block; color:#013533; font-size:10px; text-decoration:none; background-color:#d6d4b7; width:100px; padding:12px 0 12px 12px}


/*********************
 * Calendar Styles
 *********************/
.calendarHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b91e31;
	line-height: 110%;
	font-style: italic;
	font-weight: bold;
}
.calendarTime {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b91e31;
	line-height: 120%;
	font-weight: bold;
}
.calendarInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b91e31;
	line-height: 120%;
	font-weight: normal;
}
.calendarGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	line-height: 120%;
	font-weight: bold;
}
.calendarTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	font-weight: bold;
}
.calendarBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	font-weight: bold;
}
.calendarRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b91e31;
	line-height: 120%;
	font-weight: bold;
}
.calendarBorder {border: solid 1px #b6cbbd}

.calendarDate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 120%;
	font-weight: bold;
}

/*********************
 * GO BUTTON
 *********************/
input.btn {   
width: 26px; margin:0 26px 0 0; padding:0; text-align:center;
color:#050;   
font-size:14px; font-weight:bold; font-family:'trebuchet ms',helvetica,sans-serif;   
background-color:#f8e89f;   
border: 2px solid;   
border-color: #cc2d42 #ba1d32 #ba1d32 #cc2d42; float:right;  
}

input.btnhov {border-color: #ff943d #ff7200 #ff7200 #ff943d; background-color:#e9ab40}
/*********************
 *LINKS
 *********************/
#links ul li {
	list-style-type: none; font-size:1em; padding: 6px 0 6px 0}
#links ul li a, #links ul li a:visited {font-size:1em; text-decoration:none}
#links ul li a:hover {font-size:1em; text-decoration:underline}

/*********************
 * Calendar Popup Stuff
  *********************/
#popContent {width:600px; margin: 24px auto 0 auto;background-color:#fff;border:solid 2px #B41F32;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;line-height:125%;color:#333}
#popTop {width:600px;height:55px;background-color:#51694F;font-size:14px}
#popLeft {width:430px;float:left;margin:24px 12px 12px 18px;color:#FFFFFF;font-weight:bold}
#popRight{width:116px;float:right;margin:12px 12px 12px 12px}
#popBottom{clear:both; margin:18px}
#popContent ul {padding:0; margin:0; list-style-type:none;}
#popContent ul li {padding:0; margin: 0}
#popContent ul li a:link, #popContent ul li a:visited  {display:block; color:#013533; font-size:10px; text-decoration:none; background-color:#f8f7ee; width:90px; padding:9px 0 9px 12px; border: 1px solid #98977B}
#popContent ul li a:hover  {display:block; color:#013533; font-size:10px; text-decoration:none; background-color:#d6d4b7; width:100px; padding:9px 0 9px 12px}