/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/
html
{
	margin:0px;
	padding:0px;
}
body
{
	background: #FFF;
	margin:0px;
	padding:0px;
	color: #000;
	font: small/18px "Times New Roman", Times, serif; /* Medium = 11 px - Small = 9px */
}
div#header h1 a
{
	overflow:hidden;
	position:relative;
	display:block;
	width: 910px;
	height: 157px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(/images/header.jpg) 0 0 no-repeat;
}
/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
	color:#8b9e57;
	letter-spacing: 0.25em;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.3em;
}
h4 {
	font-size:1.2em;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.2em;
}
li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a
{
	color:#8b9e57;
	text-decoration:none;
}
a:hover
{
	color:#8b9e57;
	text-decoration:underline;
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/************************************** Form Settings ************************************************/

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 180px;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}
fieldset div input,
fieldset div textarea,
fieldset div select { border: 1px solid black; }
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	padding-left:180px;
	margin-left: 1em;
}

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

/* Button Style */

.button
{
	border:0px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#646464;
	padding:3px;
}

/* Message Style */

div#message
{
	border: 1px solid #ccc;
	background-color: #ffa;
	padding: 5px;
}

/*************************************** Page Settings ************************************************/

.pagetitle {}
.pagetitle h2 { text-transform:uppercase; }
.pagetitle h3 { text-transform:lowercase; font-size:1.5em; margin-top:-10px }

/*************************************** Content Settings *********************************************/

.content
{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.contentfooter {}
#top {
	position:relative;
	width:100%;
	height:21px;
	background:url(/images/top.gif) 0 0 no-repeat;
}
#bottom {
	position:relative;
	clear:both;
	width:100%;
	height:21px;
	background:url(/images/bottom.gif) 0 0 no-repeat;
}
div#contentmain						/* page content */
{
	position:relative;
	width:313px;
	float:left;
	padding: 43px 30px 43px 30px;
}
div#contentright {
	position:relative;
	width:120px;
	float:left;
	padding: 43px 18px 43px 0;
}
#rightfooter {
	position:relative;
	display:block;
	width:302px;
	height:378px;
	background:url(/images/right-footer.jpg) top right no-repeat;
}
#menutop {
	position:relative;
	width:302px;
	height:133px;
	background:url(/images/menu-top.jpg) 0 0 no-repeat;
}
#menu {
	position:relative;
	width:302px;
	background:url(/images/menu-bg.jpg) 0 0 repeat-y;
	text-align:center;
}
#menu ul, menu li {
	padding:10px 74px 10px 26px;
	margin:0;
	list-style:none;
}
#menu ul li a {
	font-size:1.5em;
	line-height:1em;
}
#menufooter {
	position:relative;
	width:302px;
	height:83px;
	background:url(/images/menu-bottom.jpg) 0 0 no-repeat;
}
div#superhighwaymen a
{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:67px;
	height:32px;
	position:absolute;
	right:260px;
	top:30px;
	background:url(/images/superhighwaymen.gif) 0 0 no-repeat;
}
/*************************************** List Settings ************************************************/

.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.listintro {}
.list {}
.listcategory { border:1px dashed #000000; margin:2em 0em; padding:2em; }
.listcategorytitle { text-transform:lowercase; color:#000000; }
.listrow {}
.listdetails {}
.listtitle { margin-bottom:0em; }
.listcaption { margin-bottom:1em; }
.listselect {}
.listmore { padding: 0em; margin:0em; text-align:right; }
.listfooter {}
.listunavailable {}
 
.pagenavigation {}

.selectedtitle {}
.selectedtext {}
.selectedunavailable {}
.selectedpreviouspage {}
.selectedfooter {}

/************************************** Left Navigation ***********************************************/

#leftmenu
{
	overflow:hidden;
	width: 100%;
	border-right: 1px solid #000;
	padding: 0px;
	margin: 0px;
	background-color: #90bade;
	color: #333;
}
ul#leftmenu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:none;
}		
ul#leftmenu li
{
	border-bottom: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}

/* style for top level menu */
ul#leftmenu li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width:auto;
}
ul#leftmenu li a:hover
{
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* style for second level menu */
ul#leftmenu li ul li a
{
	display: block;
	padding: 5px 5px 5px 1em;
	border-left: 10px solid #555555;
	border-right: 10px solid #888888;
	background-color: #666666;
	color: #fff;
	text-decoration: none;
	width:auto;
}
ul#leftmenu li ul li a:hover
{
	border-left: 10px solid #666666;
	border-right: 10px solid #999999;
	background-color: #777777;
	color: #fff;
}

/* style for third level menu */
ul#leftmenu li ul li ul li a
{
	display: block;
	padding: 5px 5px 5px 1.5em;
	border-left: 10px solid #AAAA00;
	border-right: 10px solid #DDDD00;
	background-color: #BBBB00;
	color: #fff;
	text-decoration: none;
	width:auto;
}
ul#leftmenu li ul li ul li a:hover
{
	border-left: 10px solid #BBBB00;
	border-right: 10px solid #EEEE00;
	background-color: #CCCC00;
	color: #fff;
}

/* style for selected option */
ul#leftmenu li a.selected
{
	color:#FFFF00;
	font-weight:bold;
}