/*   
NOTES  
2-column page layout using a large background image.

div nesting: 
body
	container	
	  toplogohome  (hardcoded link to index page)
		topmenu  (hardcoded tabs menu using css doubleimage)
		mainmenu (suckerfish menu - li created by the CMS)
		header  (image pulled in - client specifies in CMS)
		leftcolumn  (CF mini or sibling menu)
		bodycopy 
			bodycopyinner (CMS main content output)
		footer  (with botton drop shadow)
 */

/*global selectors */
* {margin:0;padding:0;border:0;}
a {outline: none;}

body {background-color:#fff;text-align:center;}

#container {
display:block;
width:871px;
margin:0 auto;
text-align:left;
font-family:Arial, Verdana, Helvetica, Sans-Serif;
color:#818285;
font-size:12px;
background:url(navimages/background.jpg) no-repeat top left;}

#toplogohome {display:block;float:left;}


/*   TOP MENU   */
#topmenu {display:block;float:right;text-align:right;
width:500px;
padding:104px 49px 5px 0;
background-color:transparent;
font-family:tahoma, arial;
}

/*  three menu states for each menu item - off, on, hover  */

a.topnav-tes {margin:0;padding:0;background:url("navimages/topnav-tes.gif") no-repeat right bottom;padding-top:11px;}
a.topnav-tes-on {margin:0;padding:0;background:url("navimages/topnav-tes.gif") no-repeat left top;padding-top:11px;}
a.topnav-tes:active, a.topnav-tes:hover {background:url("navimages/topnav-tes.gif") no-repeat left top;} 

a.topnav-phi {margin:0;padding:0;display:inline;width:75px;background:url("navimages/topnav-phi.gif") no-repeat bottom right ;padding-top:11px;}
a.topnav-phi-on {margin:0;padding:0;background:url("navimages/topnav-phi.gif") no-repeat left top;padding-top:11px;}
a.topnav-phi:active, a.topnav-phi:hover {background:url("navimages/topnav-phi.gif") no-repeat left top;} 


a.topnav-quo {margin:0;padding:0;display:inline;width:45px;background:url("navimages/topnav-quo.gif") no-repeat bottom right ;padding-top:11px;}
a.topnav-quo-on {margin:0;padding:0;background:url("navimages/topnav-quo.gif") no-repeat left top;padding-top:11px;}
a.topnav-quo:active, a.topnav-quo:hover {background:url("navimages/topnav-quo.gif") no-repeat left top;} 


a.topnav-con {margin:0;padding:0;display:inline;width:73px;background:url("navimages/topnav-con.gif") no-repeat bottom right ;padding-top:11px;}
a.topnav-con-on {margin:0;padding:0;background:url("navimages/topnav-con.gif") no-repeat left top;padding-top:11px;}
a.topnav-con:active, a.topnav-con:hover {background:url("navimages/topnav-con.gif") no-repeat left top;} 



/*    MAIN MENU - green background is on backdrop */

#mainmenu{margin:0 47px 10px 45px;padding-top:12px;height:38px;font-family:tahoma, arial;}

/*   son of suckerfish menu system  */

 
#nav, #nav ul { /* all levels */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#nav a {
	display: block;
	color:white;
	font-size:100%;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
	text-transform:lowercase;
}
 
#nav li { /* all list items */
float: left;
padding:10px 3px 5px 15px;
margin-left:8px;
}

#nav li a {color : white;}
#nav li a:hover {color : #d1eab6;}

#nav li.mainmenu-on { /* on state for top level list items */
background:url(navimages/background-mainhouseicon.gif) no-repeat left; 
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	background: #409948;
	width: 15em;
	padding-top:0px;
	padding-left:5px;
	margin-top:5px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#nav li ul li {	padding:5px 2px 5px 0px ;clear:both;}    
 
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:1001;
}
 
 
/* end suckerfish here  */


/*   CUSTOM HOME PAGE  */

#customupperpanel {background-color:#8fc663;Min-height:313px;width:778px;margin-left:44px;}
#customupperpanelright {float:right;width:266px;color:white;padding:22px 22px 22px 22px;line-height:18px;}
#customupperpaneleft {float:left;width:416px;}

/* TOP RIGHT PANEL USES THESE CUSTOM COLOURS  */

#customupperpanelright h1 {color:white;}
#customupperpanelright a, #customupperpanelright a visited {color:#419948;text-decoration:underline;}
#customupperpanelright a.active, #customupperpanelright a.hover {text-decoration:none;color:white;} 

/*  CUSTOM HOME PAGE LOWER PANEL  */
#customlowerpanel {float:left;background-color:white;Min-height:180px;width:778px;margin:15px 0 17px 44px;line-height:18px;}

#customlowerpanelleft {float:left;background-color:#dce8f8;width:448px;padding:10px 0 17px 17px;Min-height:180px;}

#customlowerpanelright {float:right;width:264px;padding:0 22px 22px 0;Min-height:180px;}


/* IMAGE ROTATER  */
/* rotator in-page placement */
 div#rotator {
	position:relative;
	height:313px;
	width:416px;
}

div#rotator ul {margin:0 0;}
	
div#rotator ul li {
	float:left;
	position:absolute;top:0;left:0;
	list-style:none;
	margin:0 0;
	z-index:1
}
/* rotator image style */	
div#rotator ul li img {
	background: #FFF;
}
div#rotator ul li.show {
	z-index:500
}





/*     INNER PAGES     */
#header {display:block;text-align:center;background-color:transparent;}



/*   LEFT MENU */
#leftcolumn {
display:block;
float:left;
width:165px;
background:url(navimages/background-leftcolumn.gif) no-repeat top right;
padding:18px 0 0 40px;
min-height:250px;
}

#leftcolumn a, #leftcolumn a:visited, #leftcolumn a:link {color:#0356a9;

font-size:100%;
font-size:1.2em;
text-decoration:none;
line-height:1.2em;
font-weight:bold;
text-transform:lowercase;
}
  
#leftcolumn a:active, #leftcolumn a:hover {color:#409948;}  

#leftcolumn ul li {margin:0 0 0 30px;list-style-image:none;list-style-type:none;}
#leftcolumn ul li.leftmenu-on {margin:0 0 0 30px;list-style-image:url("navimages/background-leftmenuhouse.gif");list-style-position:outside;}

#bodycopy{
display:block;
width:655px;
background:transparent;
float:right;
}

#bodycopyinner{padding:20px 47px 20px 10px;line-height:18px;}

#bodycopyinner p {border-top:10px;border-bottom:14px;}

#bodycopyinner p + p { margin-top: 0.5em; } 
#bodycopyinner ul + p { margin-top: 0.5em; } 
#bodycopyinner p + ul { margin-top: 0.5em; } 
#bodycopyinner li {margin:0 0 0 15px;}
#bodycopyinner hr {color:white;border-bottom:thin solid grey;border-bottom-width:1px;}

#bodycopyinner img {margin:0 0 10px 10px;float:right;}


.caption {font-size:10px;color:#999;}
.floatleft {float:left;}


/*   FOOTER   */

#footer {display:block;
width:871px;
height:35px;
color:#419948;
font-size:10px;
padding:5px 0 0 0;
background:url(navimages/background-footer.jpg) no-repeat top left;
text-align:right;}

#footer a, #footer a visited {color:#419948;text-decoration:underline;}
#footer a.active, #footer a.hover {text-decoration:none;} 

h1{font-size:16px;font-weight:bold;color:#1c6ab9;line-height:18px;margin:3px 0 8px 0;}
h2{font-size:14px;font-weight:bold;color:#1c6ab9;line-height:16px;margin:8px 0px;}
h3{font-size:12px;font-weight:bold;color:#1c6ab9;line-height:14px;margin:8px 0px;}
h4{font-size:10px;font-weight:bold;color:#1c6ab9;line-height:12px;margin:8px 0px;}

b,strong {font-weight:bold;color:#1c6ab9;}

a,a:visited,a:link {text-decoration:underline;color:#818285;}
a:active, a:hover{text-decoration:underline;color:#419948;}


blockquote {padding:15px 50px;font-style:italic;}


/* ----------------------- CMS standard items ------------------------------- */


/* --------------------------------- form and validation  -------------------------------- */

th {background-color:#ccc;color:white;text-align:left;padding:3px 3px; }

input {background-color:#fff;color:#333;border:thin solid #000;border-width:1px;padding:2px 2px 2px 2px;}
.checkbox {border:none;background-color:#fff;color:#333;}
select {background-color:#fff;color:#333;;border:thin solid #000;border-width:1px;padding:2px 2px 2px 2px;}
.inputbutton {background-color:white;color:black;border:thin solid #8C4A42;border-width:1px;font-size:0.8em;font-weight:bold;}
textarea.styled {
	border: 1px solid #333;
	padding: 5px;
	background-color:#fff;
}
.nostylebutton{border:none;background:transparent;padding:0;}



.redsub
{
color: #AF544F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}

fieldset {border:thin solid #ccc;border-width:1px;padding:10px;}
legend {width:100%;background-color:#ccc;color:white;text-align:left;padding:3px 3px 3px 3px;margin-bottom:10px; }
label { width: 180px; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }



  
 /* this behavior is a fix for suckerfish in ie6, need to have the csshover2.htc file from whatever:hover  */
body {   behavior: url("menu/csshover2.htc"); } 


/*
#container {border:thin solid red;}
#mainmenu {border:thin solid purple;}
#topmenu {border:thin solid black;}
#customupperpanel {border:thin solid red;}
#customlowerpanel {border:thin solid black;}
#customlowerpanelleft {border:thin solid red;}
#customlowerpanelright {border:thin solid black;}
#bodycopyinner {border:thin solid orange;}
#bodycopy {border:thin solid blue;}
#header {border:thin solid green;}
#leftcolumn {border:thin solid blue;}
#footer {border:thin solid pink;}
*/