/* === lets make IE6 behave itself with a universal slap in the face selector ===*/

* html body { margin: 0px; padding: 0px; }


html form { font-family: arial; color: #777777; margin-top: -8px; padding: 0; text-align: center; font-size: 100%; cursor: default; }

/*== background image and background colour ==*/
body { background: #013300 url(Images/main_background.jpg) no-repeat top center; }
/*=== Body Fonts ====*/



H1 { font-size: 1.2em; line-height: 1.0em; float: left; padding: 0px; margin: 15px 0px 0px 0px; display: inline; }
h3 { font-size: 1.4em; font-family: Georgia, "Times New Roman" , Times, serif; font-weight: normal; color: #325D2F; padding: 0px 0 2px 8px; background-color: #fff; width: 365px; margin-bottom: 5px; }
/*=== Body Link styles ====*/

} 

{padding:0;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif}



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

/*== Hidden styles ====*/

img { border: none; }

.hide { display: none; }

.Separator { display: none; }

/*===== The Structure =====================*/





#Outer { margin: 0 auto; /* For most browsers */ padding: 0px; text-align: left; /* So IE behaves itself */ width: 755px; font-size: 0.75em; background-color: #fff; }

* html .PageBody{margin-right:-6px;}

.PageBody { background-color: #fff; height: auto; display: block; margin: 0px 8px 0px 8px; padding: 0px; }
.ContentPane { float: left; min-height: 650px;overflow:hidden;font-family: Arial, Helvetica, sans-serif;color:#333;font-size:0.95em;}



* html .RightPane{margin-right:4px;}
.RightPane { float: right; min-height: 300px; background: #fff; width: 153px; padding: 0px; margin: 0px; }
.LeftPane { float: left; min-height:800px;}
.BottomPane { padding-top: 5px; clear: both; }








/*==================Page Banner================= */
.logo { background: url(images/logo.png) no-repeat; width: 380px; height: 90px; float: left; margin-top: 30px; padding: 0px; }


/* ==IE 6 filter (browser safe and valid ===*/
* html .pagebanner { margin-top: 8px; }



.pagebanner { background: url(images/bannertile.jpg) repeat-x; padding: 0px; height: 125px; margin-top: -7px; }




.pagebanner .footer { display: none; }
.pagebanner .right { display: none; }
.pagebanner .content { float: right; width: 370px; }

.pagebanner .content .lower { width: 370px; }

/*======Top nav (apps menu)==================*/

/* == IE6 filter (safe and valid) ==*/


* html .pagebanner .content {margin-top:-120px;}
* html .pagebanner .content .upper {margin-right:20px;}
.pagebanner .content .upper { background-color: #fff; height: 20px; width: 350px; float: right; background-color: #fff; }


/* == IE 6 filter (safe and valid ====*/
* html .pagebanner .content .upper a { padding: 2px 15px 2px 15px; }

.pagebanner .content .upper a { color: #251b0f; padding: 3px 15px 2px 15px; height: 16px; font-size: 0.85em; display: block; float: right; text-decoration: none; }


.pagebanner .content .upper a:hover { text-decoration: underline; color: #251b0f; padding-right: 15px; padding-left: 15px; background: url(Images/topmenuhover.gif) repeat; }





/* ==================Breadcrumbs =====================*/
div.breadarea { margin-left: 5px; padding: 0px; height: 33px; }


div.breadcrumbs { display: block; padding-left: 10px; padding-top: 5px; font-size: 0.95em; }


/* Hack for ie6 */
/*\*/* html div.breadcrumbs { clear: both; display: block; margin: 13px 0px 0px 0px; padding: 0 10px 0 10px; }
/**/

div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink { background: transparent url(Images/icons/Icon_home2.gif) no-repeat top left; padding-left: 2px; height: 20px; color: #668504; text-decoration: none; }


iv.breadcrumbs a.CurrentNode { height: 20px; font-weight: bold; color: #668504; }
div.breadcrumbs strong { font-weight: normal; }

div.breadcrumbs a.ParentNode { height: 20px; font-weight: bold; color: #668504; }


.flashholder { width: 400px !important; height: 209px; margin-left: 8px; }

/* ==== The footer ===========*/


.pagefooter { clear: both; margin-left: -8px; width: 755px; height: 150px; background: #013300 url(images/footer2.png) no-repeat; }





 
.pagefooter a { color: #336697; font-size: 0.95em; padding: 13px; text-decoration: none; }


.pagefooter a:hover { text-decoration: underline; color: #336697; }


.pagefooter .left { display: none; }


.pagefooter .right { display: none; }



.pagefooter ul { list-style: none; float: none; padding: 10px 3px 3px 20px; margin: 0px; }

.pagefooter ul li { display: inline; }


.pagefooter .lefttext { display: none; }

.pagefooter .righttext { display: none; }

.search-results { width:400px; }
.search-results span { display: block; }

/* Generic Form for use on the webiste */
.UserForm { font: 1.0em Tahoma, Helvetica, sans-serif; margin-top: 30px; background: #ffffff; margin-top: 5px; color: #777; padding: 10px; }

.UserForm span.fieldlabel, .UserForm label.fieldlabel { display: block; margin-top: 6px; }

.UserForm span.btnSend { clear: both; float: left; margin-left: 0px; margin-bottom: 38%; margin-top: 25px; }

.UserForm span.field { width: 240px; }

.UserForm select.listbox { width: 250px; }

.UserForm textarea.field { width: 250px; }

.UserForm input.field, .UserForm select.field { width: 250px; }

.UserForm input.hiddenfield { }

.UserForm span.fielderror { color: #CC3300; }

.UserForm span.fieldrequiredmarker { color: #CC3300; }

.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active, .UserForm a.CommandBtn:visited { display: block; width: 100px; background: #861A34; color: #fff; text-align: center; padding: 6px; margin-top: 6px; text-decoration:none;}

.UserForm a.CommandBtn:hover { display: block; width: 100px; background: #861A34; color: #fff;text-decoration:none;}

.UserForm a.CommandBtnSlim, .UserForm a.CommandBtnSlim:link, .UserForm a.CommandBtnSlim:active, .UserForm a.CommandBtnSlim:visited { }

.UserForm a.CommandBtnSlim:hover { }

/*for the comments/suggestion book page*/
.Name{padding-left:10px;font-weight:bold;}
.Details{padding-left:10px;margin-bottom:10px;}