/*Thanks to David Stock at pingsplat.com for the structure in this CSS file */

body {margin:0px 0px 0px 0px;background:#D9D7BB;font: normal small Arial, Helvetica, sans-serif;color: #333;}

body a{color:#0546FF; background-color:transparent;}

body a:hover{color:#C00000; background-color:transparent; text-decoration:none;}

body .outer {width:950px;margin:5px auto;}


/*---------------Begin First Level Blocks---------------*/

.outer .header{width:950px;height:205px;float:left;color:#FF0;background-color:#FFF;background-image:url(images/header02.jpg);background-repeat:no-repeat;background-position:top center; border:1px solid #000; border-bottom:none;}

.outer .content{width:950px;float:left;color: #333;background: #F5F0EA url(images/background02.jpg) repeat-y;border:solid 1px #000;border-top:none;border-bottom:none;}

.outer .footer{width:950px; height:260px;float:left;background:#F5F0EA url(images/footer02.jpg) no-repeat;background-position:top center; padding:0px;margin:0px;margin-left:0px;border:solid 1px #000;border-top:none;}

.outer .footer02{width:950px; height:260px;float:left;background:#F5F0EA url(images/footer02.jpg) no-repeat;background-position:top center; padding:0px;margin:0px;margin-left:-1px;border:solid 1px #000;border-top:none;}


/*---------------Begin Second Level Blocks-----------*/

.outer .content .left{line-height:150%;width:200px;float:left;list-style-type:none;padding:0px;margin:0px;}



.outer .content .right{line-height:150%;width:650px;float:left;list-style-type:disc;padding:0px;margin:30px 0px 0px 35px;}

.outer .content .right h1 {font-weight:900;font-size:20px;line-height:150%; margin:0px;color:#C00000; background-color:#F2ECDE;}

.outer .content .right h2 {font-weight:900;font-size:14px;line-height:150%; margin:0px;color:#6F502F;  background-color:#F2ECDE;}

.outer .content .right h3 {font-weight:900;font-size:16px;line-height:150%; margin:15px 0px 5px 0px;color:#6F502F;  background-color:#F2ECDE;}

.outer .content .right img{margin:0px 5px;border:none;float:right;}

.outer .content .right img.border {margin:0px 5px;border:1px solid #61472B;float:right;}

.outer .content .right .break {clear:both;}


.outer .right .box {width:635px; margin:10px auto; padding:0px; border:1px solid #A97747; background-color:#FAF1D0;}

.outer .content .right .box img {margin:5px;}
.outer .content .right .box form {margin:5px 10px;}

.outer .right .box p {padding: 0px 10px;}

.outer .right .box .boxheader {width:625px; background-color:#A97747; padding:5px;}

.outer .right .box .boxheader span {color:#FFF; font-size:1.25em; font-weight:900;}

.outer .right blockquote {background: transparent url(images/quote-start.gif) left top no-repeat;}

.outer .right  blockquote div {padding: 0 30px;}

.outer .right blockquote span {color:#A97747;} /*provides italics for author*/

.outer .right .contact label {float:left; width:155px; padding-left:10px;}


/* ==
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified
== */
.menu {height:210px; width:190px;float:left; margin-left:none;background-color:#F2ECDE;border:none; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:190px;
}

/* style the list items */
.menu li {
border-top:1px solid #999;
border-left:1px solid #CCC;
height:35px;
/* for IE7 */
float:left;
}

.menu li.sub li  a {background:#FFF; border-right:1px solid #999;}
.menu li.sub li  a:hover {background:#F2ECDE;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {display:block; width:198px; height:35px; background:#F1EDE4 url(images/menuborder.gif) repeat-y; background-position:top right;border:none; margin-top:0px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; line-height:35px; overflow:hidden; }

li.sub ul li a.clarity {border-bottom:1px solid #999;}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:190px; w\idth:189px;}

/* style the link hover */
* html .menu a:hover {color:#C00000; background:#FFF url(images/menuborder-hover.gif) repeat-y; background-position:top right;position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#C00000; background:#FFF;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#C00000; background:#FFF url(images/menuborder-hover.gif) repeat-y; background-position:top right;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {visibility:hidden;position:absolute;top:-30px;
/* set up the overlap (minus the overrun) */
left:170px;
/* set up the overrun area */
padding:29px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent;
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 make the second level visible when hover on first level link */
.menu ul a:hover ul {visibility:visible;}