body
{
	background-color: #380101;
	background-repeat: repeat;
	font-family: "Palatino Linotype", Helvetica, Arial, sans-serif;
	font-size: 100%;
	zoom:1;
	color: #000033;
	text-align: center;
}


#container
{
	height: 845px;
	width: 900px;
	min-width: 900px;
	margin-top: 0px;
	margin-right:auto;
	margin-left: auto;
	align: center;
border: 1px solid #9db5c4;
background-image: url(webimages/backgroundcontainer2.jpg);
}

img {border: none;}

h1 { font-size: 28px; text-align: center; margin: 0px; padding-bottom: 8px; padding-top: 0px; letter-spacing: 1px; font-style: italic; font-weight: bold;}
h2 { font-size: 26px; text-align: right; margin: 0px; padding: 0px; text-decoration: none; font-weight: normal;}
h3 { font-size: 22px; text-align: center; margin: 0px; padding-bottom: 0px; padding-top: 6px;}
h4 { font-size: 20px; text-align: left; line-height: 22px; margin: 0px; text-decoration: underline;}
h5 { font-size: 20px; text-align: center; line-height: 20px; margin-bottom: 5px; margin-top: 0px; font-style: italic; text-decoration: none;}
h6 { font-size: 10px; text-align: right; margin-top: 5px; margin-bottom: 0px;}
p {font-size: 18px; margin: 0px;}
p.calendar {font-size: 16px; line-height: 16px; margin: 0px; text-decoration: underline;}
p.news {font-size: 14px; line-height: 16px; padding: 15px; text-align: center; margin: 0px;}
br {line-height: 16px;}
th { font-size: 28px; text-align: center; margin: 0px; padding-bottom: 8px; padding-top: 0px; letter-spacing: 1px; font-style: italic; font-weight: bold;}
table.sales {text-align: center; font-size: 14px;}

html {
scrollbar-base-color: #b0a390;
scrollbar-arrow-color: #57544f;
scrollbar-track-color: #000033;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: black;
}

#outer_left
{
	float: left;
	width: 180px;
	height: 710px;
	margin-top: 15px;
	padding: 0px;
	text-align: right;
	background-color: #380101;
}

#outer_right
{
	float: right;
	text-align: left;
	width: 840px;
	height: 730px;
	margin-right: 30px;
	margin-left: auto;
	margin-top: 20px;
	padding: 0px;
}	

#banner {
width: 840px;
height: 155px;
background-image: url(webimages/banner.jpg);
border-bottom: 4px solid #380101;
}

#content {

width: 840px;
height: 560px;
background-image: url(webimages/contentbackground.jpg);

}

#inner_left {

width: 185px;
height: 480px;
float: left;
text-align: center;
margin: 0px;
padding: 0px;

}

#inner_left a:link, #inner_left a:visited {color: #000033; text-decoration:underline;}
#inner_left a:hover, #inner_left a:active {color: #330000; text-decoration: underline;}

#inner_right {

width: 650px;
float: right;
height: 480px;
text-align: center;
margin: 0px;
padding: 0px;

}


#inner_right_calendar {

width: 810px;
height: 480px;
float: right;
text-align: center;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
border: 2px solid #000033;
color: #000033;
}

#inner_right_calendar ol {margin-top: 5px; margin-bottom: 10px;}

#inner_rightsales {

width: 640px;
height: 420px;
float: right;
margin-left: auto;
margin-right: 10px;
padding: 0px;
border: 2px solid #000033;
overflow: auto;
}

#inner_rightownership{

width: 630px;
height: 460px;
float: right;
margin-left: auto;
margin-right: 10px;
padding-right: 5px;
background-color: #380101;
color: #9db5c4;
}

#ir_left {

width: 480px;
height: 430px;
float: left;
margin-top: 5px;
margin-left: 0px;
margin-right: auto;
padding: 10px;
color: #ffffff;
background-color: #380101;

}

#ir_left a:link, #ir_left a:visited {color: #ffffff; text-decoration:none;}
#ir_left a:hover, #ir_left a:active {color: #ffffff; text-decoration: underline;}




#ir_left_lessons {

width: 480px;
height: 430px;
float: left;
margin-top: 5px;
margin-left: 0px;
margin-right: auto;
padding-left: 10px;
font-size: 20px;
color: #000033;
border: 2px solid #000033;
text-align: left;
}

#ir_left_lessons a:link, #ir_left_lessons a:visited {color: #000033; text-decoration:underline;}
#ir_left_lessons a:hover, #ir_left_lessons a:active {color: #ffffff; text-decoration: underline;}


#ir_right {

width: 145px;
height: 430px;
float: right;
text-align: center;
margin: 0px;
padding: 0px;

}

#ir_right a:link, #ir_right a:visited {color: #000033; text-decoration:underline;}
#ir_right a:hover, #ir_right a:active {color: #ffffff; text-decoration: underline;}


#calendar
{
width: 390px;
height: 400px;
float: left;
text-align: left;
margin-right: 5px;
margin-left: auto;
padding-left: 10px;
font-size: 12px;

}

#ir_right_calendar {

width: 390px;
height: 400px;
float: right;
text-align: left;
margin-right: 15px;
margin-left: auto;
padding: 0px;
font-size: 12px;

}

#new_friends {

width: 750px;
height: 480px;
overflow: auto;
text-align: center;
margin-left: 40px;
margin-right: 10px;
padding: 0px;
border: 2px solid #000033;
color: #000033;
}


p.box {

float: left;
text-align: left;
color: #adcfe5;
font-size: 16px;
}

img.box {float: right;}

#sales_left {

width: 400px;
height: 480px;
float: left;
text-align: left;
}


#sales_right {

width: 420px;
height: 480px;
float: right;
}

#footer {

width: 840px;
height: 30px;
margin-top: 0px;
text-align: center;
clear: both;
font-size: 20px;
color: #000033;
}

#footer a:link, #footer a:visited {color: #000033; text-decoration:underline;}
#footer a:hover, #footer a:active {color: #330000; text-decoration: underline;}

#subfooter {clear: both; margin-left: 10px; margin-right: auto; width: 840px; height: 75px; text-align: left;}
p.subfooter {font-size: 72px; font-style: italic; font-family: vivaldi; color: #9db5c4;} 
span {font-size: 32px; font-style: italic; font-family: vivaldi; color: #9db5c4;}

#copyright {color: #9db5c4; font-size: 14px;} 

#copyright a:link, #copyright a:visited {color: #ffffff; text-decoration:none;}
#copyright a:hover, #copyrightt a:active {color: #ffffff; text-decoration: underline;}


#navbar
{width: 840px;
height: 41px;
text-align: center;
background-image: transparent;
font-size: 18px;
margin: 0px;

}
u* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

uul#menu {padding:0; list-style:none; background-image: transparent; text-align:center; margin:0 auto; font-size:20px; font-family:palatino linotype, sans-serif; height:41px; width:840px; position:absolute; left:0; top:139px;}
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}<!-- this number positions the items in the drop down menus off screen so not seen -->
ul#menu table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; line-height:20px; margin:0; padding:0 5px; background: transparent; width:150px;} <!-- padding in this line affects padding in drop down boxes -->

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 10px 0 10px; background-image: transparent; right top; line-height:30px; text-decoration:none; color:#000033;} <!-- this also affects appearance of main line items -->
ul#menu li a.sub {}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px; }<!-- don't really use the bold option -->
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a b {display:block; height:36px; float:left; padding:0 0 0 8px; background:transparent; left top; cursor:pointer;}<!-- this line affects spacing between buttons on main line -->

ul#menu li a:hover {position:relative; background-position:right bottom; color:#fff; text-decoration: underline;}<!-- affects hover effects such as text decoration -->
ul#menu li a:hover b {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#fff;}
ul#menu li:hover > a b {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:41px;}
* html ul#menu :hover ul {top:36px;}

<!-- this section affects the first level of drop down items -->
ul#menu :hover ul li {display:block; float:left; margin-left:10px; border: 1px solid #000000;}
ul#menu :hover ul li a {display:block; float:left; margin-left:0px; height:25px; line-height:25px; width:130px;  background-image:url(webimages/navbackground.jpg); color:#000033;}<!-- affects first level of drop-down widths, etc.-->
ul#menu :hover ul li a.fly {font-size: 18px; color: #000033;}<!-- this line affects the appearance of text in drop down -->
ul#menu :hover ul li a:hover {color:#ffffff;}
ul#menu :hover ul li:hover > a {color:#fff;}

ul#menu :hover ul li a.fly:hover {background-image:transparent;}
ul#menu :hover ul li:hover > a.fly {background-image:transparent;}
ul#menu :hover ul ul {left:-9999px;}

<!-- think this section affects 2nd levels of drop down -->
ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background-image:url(webimages/navbackground.jpg); color:#000033;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background-image:transparent;}