/* BelmontSixes.com stylesheet */

body { 
	margin: 0; 
	padding: 0; 	
	font-size: 100%;
	text-align: center; 
	background: #6F943F url(../images/background2.jpg) repeat-x 50% 0;
}


/* GLOBAL STYLES */
* {margin: 0; padding: 0; border: 0; font-weight: normal}


/* HEADINGS */
h1, h2, h3, h4 {margin: 0 15px; color: #fff; text-align: left; font-family: Georgia, Georgia, serif}
h1 {color: #fff; line-height: 210px; font-size: 3.00em; letter-spacing: 6px}
h1 a:link, h1 a:visited, h1 a:active {color: #fff; text-decoration: none; border: 0}
h1 a:hover {border-bottom: 2px dashed #fff}
h2, h3, h4 {color: #415210}
h2 {font-size: 1.65em; line-height: 1.65em}
h3 {font-size: 1.25em; line-height: 1.45em}
h4 {font-size: 1.00em; line-height: 1.25em}


/* PARAGRAPH TEXT AND LISTS */
p, ul, ol, form {font-family: Verdana, Arial, sans-serif; font-size: 0.70em; line-height: 1.55em; margin: 5px 15px 10px 15px; text-align: left; color: #fff}
#bttmbar p {text-align: center}
ul {float: left; margin: 0 10px 15px 15px; list-style: none outside}  /* Margins may need adjusting to suit */
ol {float: left; margin: 0 10px 15px 15px; list-style: decimal inside}  /* Margins may need adjusting to suit */
ul.links {float: left; margin: 0 10px 15px 0px; list-style: none outside} /* Margins may need adjusting to suit */
ul.links li { margin-left: 15px; padding-left: 10px; background: url(../images/linkarrow.gif) 0% 50% no-repeat}


/* LINKS */
a:link, a:active, a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
	

/* OTHER */
acronym {cursor: help; border-bottom: 1px solid #486010}
strong {font-weight: bold}
span.special {color: #415210}  /* Use to highlight special text */
p.updated {font-size: 0.55em; color: #E9C80F; line-height: 0.55em}


/* MAINNAV */
ul#nav {font-size: 0.80em; margin: 0 0 15px 0; width: 100%; list-style: none outside}
ul#nav li {line-height: 35px; margin-bottom: 3px}
ul#nav li a {display: block; height: 35px; border: 0; padding-left: 33px; margin-left: 10px; background: url(../images/button.gif) 0% 0% no-repeat }
ul#nav li a:hover, ul#nav li a.current {border: 0; background: url(../images/button.gif) 0% 100% no-repeat}


/* USERNAV */
ul#nav2 {font-size: 0.80em; margin: 0 0 15px 0; width: 100%; list-style: none outside}
ul#nav2 li {line-height: 35px; margin-bottom: 3px}
ul#nav2 li a {display: block; height: 35px; border: 0; padding-left: 33px; margin-left: 10px; background: url(../images/button.gif) 0% 0% no-repeat }
ul#nav2 li a:hover, ul#nav2 li a.current {border: 0; background: url(../images/button.gif) 0% 100% no-repeat}


/* KEY LAYOUT DIVS */
#hdr {
	margin: 0;
	width: 770px;
	height: 225px;
	background: #0593E7 url(../images/background.jpg) 50% 0 no-repeat;
}

#container {  /* all divs are contained in this div and it is positioned centrally */
	margin: 0 auto;  /* positions div centrally */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	background: transparent;
	overflow: visible;
}

#lftcol {  /* left column containing content */
	float: left;
	width: 570px;
	background: transparent;
	padding-bottom: 50px; /* Adds a nice bit of space */
}

#rgtcol {  /* rightcolumn containing nav */
	float: right;
	width: 195px;
	background: transparent;
}

#bttmbar {  /* bottom bar for copyright etc */
	clear: both;
	float: left;
	width: 570px;
	height: 50px;
	background: transparent
}


/* OPTIONAL LAYOUT DIVS */
.insetboxlarge {  /* Full width of lftcol */
	float: left;
	margin: 5px;
	padding: 10px 0; /* top and bottom padding */
	width: 548px; /* width of lftcol div minus 10px for left and right margins and a little extra to line up width insetboxsmall */
	background: #739C3C;
	border: 1px solid #698B3E;
}

.insetboxsmall {  /* Use 2 of these together for 2 rows */
	float: left;
	margin: 5px;
	padding: 10px 0; /* top and bottom padding */
	width: 268px; /* half of the lftcol div minus 10px for left and right margins */
	background: #739C3C;
	border: 1px solid #698B3E;
}


/* CONTACT FORM */
#frmContact                {width: 460px; padding: 0 40px; margin:0 0 2em 0; text-align:right}
#frmContact *              {font:inherit}
#frmContact div            {margin:0.5em 0}
#frmContact fieldset       {border:1px solid #ffffff; padding:0.5em 1em; margin:1em 10px; color:#ffffff}
#frmContact legend         {font-weight:normal; padding:0 0.5em; color:#E9C80F;}
#frmContact label          {font-weight:normal;}
#frmContact input.text     {width:300px; margin: 0 1em; background:#f0f0f0; padding:2px 3px 2px 5px; vertical-align:middle}
#frmContact textarea       {width:300px; height: 80px; margin: 0 1em; background:#f0f0f0; font-size:100%; padding:2px 3px 2px 5px; vertical-align:top}
#frmContact input.button   {margin-right: 1em; height:2em; width:100px}


/* LOGIN FORM */
#frmLogin                {width: 300px; padding: 0 40px; margin:0 0 2em 0; text-align:right}
#frmLogin *              {font:inherit}
#frmLogin div            {margin:0.5em 0}
#frmLogin fieldset       {border:1px solid #ffffff; padding:0.5em 1em; margin:1em 10px; color:#ffffff}
#frmLogin legend         {font-weight:normal; padding:0 0.5em; color:#E9C80F;}
#frmLogin label          {font-weight:normal;}
#frmLogin input.text     {width:150px; margin: 0 1em; background:#f0f0f0; padding:2px 3px 2px 5px; vertical-align:middle}
#frmLogin input.button   {margin-right: 1em; height:2em; width:100px}


/* PASSWORD FORM */
#frmPassword                {width: 420px; padding: 0 40px; margin:0 0 2em 0; text-align:right}
#frmPassword *              {font:inherit}
#frmPassword div            {margin:0.5em 0}
#frmPassword fieldset       {border:1px solid #ffffff; padding:0.5em 1em; margin:1em 10px; color:#ffffff}
#frmPassword legend         {font-weight:normal; padding:0 0.5em; color:#E9C80F;}
#frmPassword label          {font-weight:normal;}
#frmPassword input.text     {width:150px; margin: 0 1em; background:#f0f0f0; padding:2px 3px 2px 5px; vertical-align:middle}
#frmPassword input.button   {margin-right: 1em; height:2em; width:100px}


/* AVAILABILITY FORM */
#frmAvailability                {width: 300px; padding: 0 40px; margin:0 0 2em 0; text-align:right}
#frmAvailability *              {font:inherit}
#frmAvailability div            {margin:0.5em 0}
#frmAvailability fieldset       {border:1px solid #ffffff; padding:0.5em 1em; margin:1em 10px; color:#ffffff}
#frmAvailability legend         {font-weight:normal; padding:0 0.5em; color:#E9C80F;}
#frmAvailability label          {font-weight:normal;}
#frmAvailability input.text     {width:150px; margin: 0 1em; background:#f0f0f0; padding:2px 3px 2px 5px; vertical-align:middle}
#frmAvailability input.button   {margin-left: 1em; margin-right: 1em; height:2em; width:70px}


/* PHOTO GALLERY */
#lftcol div.insetboxlarge p.gallery a img {
	float:left;
	border: 1px dotted #ffffff;
	padding: 2px;
	margin-right:23px;
	margin-bottom:16px;
}

#lftcol div.insetboxlarge p.gallery a:hover img {
	border: 1px solid #ffffff;
}


/* ADDITIONAL */
div.clear {clear: both}
.error {color: #E9C80F;}
div.map {margin: 5px 15px 10px 15px;}
.accesskey {text-decoration: underline;}