html, body
{
    text-align: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

body{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(/images/body_bg.jpg);
	background-color: #fff;
	background-repeat: repeat-x;
	min-height: 100%;
	height: 100%;

}
#container {
	width: 100%;
}
.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */ 	
#wrapper{
	width: 761px;
	text-align:left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* Header Styling */
#header {
	height: 144px;
	background-image: url(/images/header_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 8px;
}
#header .logo {
	float: left;
	padding-left: 23px;
}
#header .strap{
	padding-right: 6px;
	}
#topnav {
	float: right;
	text-align: right;
}
#topnav ul {
	list-style-type: none;
	display: block;
	margin-top: 4px;
}
#topnav ul li {
	display: inline;
}
#topnav ul li a:focus, #topnav ul li a:hover {
	background-color: #E9E9E9;
}
#topnav ul li a:link, #topnav ul li a:visited {
	color: #00927b;
	border-left: solid 1px #00927b;
	padding: 5px 5px 7px 8px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	letter-spacing: 0.5px;
}

/* Main Body Layout */
/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-top: 5px;
	}
	/* holy grail 3 column settings */
	.holygrail {
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 150px 0 195px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:right;
        float:right;			/* This overrides the float:left above */
        width:183px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:right;
        float:right;			/* This overrides the float:left above */
        width:150px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:10px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

#left_nav ul.rmHorizontal,
#left_nav ul.rmVertical
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	float:left;
	list-style-type: none;
}
#left_nav {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #00927b;
}

/*#left_nav .rmSlide
{
	position: absolute;
	display: none;
	visibility: hidden;


	margin: 5px 0;
	background: #fff;
	list-style-type: none;
}
*/
#left_nav ul
{
	list-style-type: none;
	margin-right: 4px;
	display: block;
	position: relative;
}
#left_nav ul li
{
	display: block;
	position:relative;
}
#left_nav ul li a:link, #left_nav ul li a:visited {
	background-image: url(/images/nav_back.gif);
	font-size: 16px;
	color: #00927b;
	display: block;
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	position: relative;
}
#left_nav ul li a:hover, #left_nav ul li a:active {
	background-image: url(/images/nav_back_over.gif);
}
#left_nav div.rmSlide { position:absolute; width: 180px; left: 190px; top: 0; display: block; display: none;
	visibility: hidden;}
#middle_content {
	}
#middle_content h1 {
	font-size: 20px;
	color: #00927b;
	font-weight: normal;
	letter-spacing: 0.2px;
	padding-bottom: 4px;
}
#middle_content p {
	font-size: 14px;
	color: #383a3a;
	padding-bottom: 3px;
}
#middle_content ul {
	font-size: 14px;
	color: #383a3a;
	letter-spacing: 0em;
	text-indent: 25px;
	margin-top: 8px;
	margin-bottom: 5px;
}
#middle_content a:link, #middle_content a:visited {
	color: #00927b;
}
#middle_content a:hover, #middle_content a:active {
	text-decoration: none;
}
#footer {
	height: 172px;
	background-image: url(/images/footer_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
}
#footercentre {
	width: 777px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/footer_address_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 68px;
}
#footercentre p {
	font-size: 12px;
	color: #404143;
	margin-top: 45px;
}
#footer h5 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
	margin:0;
}






/******** Skins for the Panel Bar Module *******************/

.Module_PanelBar
{
	margin: 20px 0;
	width: 100% !important;
	height: 300px;
	border: solid 1px #828282;
	border-top: 0;
}

.Module_PanelBar .rpRootGroup,
.Module_PanelBar .rpGroup
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.Module_PanelBar .rpLink,
.Module_PanelBar .rpText
{
	text-decoration:none;
	display:block;
}

.Module_PanelBar .rpLevel1
{
	overflow:auto;
	overflow-x:hidden;
}

.Module_PanelBar .rpSlide
{
	overflow:hidden;
	display:none;
	zoom: 1;
}

.Module_PanelBar .rpExpandable
{
	height: 19px;
	color: #432e39;
	font-size: 12px;
	padding: 4px 0 0 4px;
	background: #fff url(../Images/Gradient.gif) repeat-x top left;
	border-top: solid 1px #828282;
	border-bottom: solid 1px #828282;
	font-weight: bold;
	font-size: 11px;
}

.Module_PanelBar .rpExpandable:hover
{
	height: 19px;
	color: #432e39;
	font-size: 12px;
	padding: 4px 0 0 4px;
	background: #fff url(../Images/GradientHover.gif) repeat-x top left;
	border-top: solid 1px #828282;
	border-bottom: solid 1px #828282;
	font-weight: bold;
	font-size: 11px;
}



/*************************** END ROTATOR PANEL MODULE ***************************/

.Module_PanelBar_HomePage
{
	margin: 0;
	width: 100% !important;
	height: 150px;
	border: solid 1px #828282;
	border-top: 0;
}

.Module_PanelBar_HomePage .rpExpandable
{
	height: 19px;
	color: #432e39;
	font-size: 12px;
	padding: 4px 0 0 4px;
	background: #fff url(../Images/Gradient.gif) repeat-x top left;
	border-top: solid 1px #828282;
	border-bottom: solid 1px #828282;
	font-weight: bold;
	font-size: 11px;
}
.Module_PanelBar_HomePage .rpExpandable:hover
{
	height: 19px;
	color: #432e39;
	font-size: 12px;
	padding: 4px 0 0 4px;
	background: #fff url(../Images/GradientHover.gif) repeat-x top left;
	border-top: solid 1px #828282;
	border-bottom: solid 1px #828282;
	font-weight: bold;
	font-size: 11px;
}

.Module_PanelBar_RssFeed
{
	color: #000;
	font-size: 11px;
	width: 85%;
	margin: 5px;
}

.Module_PanelBar_RssFeed .Title
{
	font-weight: bold;
	margin: 3px 0;
}

.Module_PanelBar_RssFeed .Link
{
	font-weight: bold;
	margin: 3px 0;
}

/********************* TABLE INSIDE THE MODULE PANEL BAR *********************/

.whyrenewall
{
	width: 550px;
	margin: 5px 0 5px 10px;
}

.whyrenewall th
{
	font-size: 14px !important;
	padding: 5px 0;
	color: #e2007a !important;
	width: 260px;
}

.whyrenewall th, .whyrenewall td
{
	text-align: left;
	vertical-align: top;
	color: #393939;
	font-size: 11px;
}

.whyrenewall ul
{
	list-style-type: square;
}
.whyrenewall li
{
	padding: 3px 0;
}







/********************* STATIC PANEL *********************/

.Module_StaticPanel
{
	width: 100%;
	margin: 20px 0;
	border: solid 1px #333;
	background: #eee;
}

.Module_StaticPanel .rpItem
{
	padding: 10px;
}

.Module_StaticPanel p
{
	padding: 5px 0;
}

.Title
{
	font-size: 14px;
	font-weight: bold;
	color: #e2007a;
}

.Module_StaticPanel a,
.Module_StaticPanel a:hover
{
	color: #e2007a;
	text-decoration: none;
	cursor: pointer;
}

span.bold
{
	font-weight: bold;
}




.Button
{
    height: 25px;
    padding: 0;
    margin: 10px 0;
	
    background: #edebde;
    border-right: solid 1px #8b897c;
    border-bottom: solid 1px #8b897c;
    border-left: solid 1px #dfddce;
    border-top: solid 1px #dfddce;
        
    
    
    font-family: Verdana, Arial, helsvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    
    cursor: pointer;
}

.LoadingPanel
{

	background: #fff;
}

.LoadingImage
{
	margin: 20px 0 0 0;
}


p.Error
{
	font-weight: bold;
	color: Red;
}


/*************************** Rotating Text Module ***************************/

div.Module_RotatingText_CC
{
	display: block;
	position: relative;
	width: 390px !important;
	height: 100px !important;
	border: solid 1px #00927b;
	margin: 0 0 10px 0;
	padding: 0;
}

div.Module_RotatingText,
div.Module_RotatingText .radr_item
{
	display: block;
	position: relative;
	width: 390px !important;
	height: 100px !important;
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
}

div.Module_RotatingText ul,
div.Module_RotatingText div.radr_relativeWrapper
{
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

div.Module_RotatingText div.radr_clipRegion
{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
div.Module_RotatingText .radr_item
{
    margin: 0;
    padding: 0;
}
div.Module_RotatingText p.Title
{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
div.Module_RotatingText p.Desc
{
	font-size: 11px;
	margin: 0 0 5px 0;
}
div.Module_RotatingText a
{
	font-size: 11px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
}
div.Module_RotatingText a:hover
{
	font-size: 11px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: underline !important;
}


.TextBox
{
	width: 300px;
	height: 20px;
	border: solid 1px #dfdfdf;
}



#ctl00_ctl02_Menu {
	float: left;
	width: 180px;
}
#Page #InnerContent #Content h1, #Page #InnerContent #ContentHome h1 {
	color: #E2007A;
	font-size: 24px;
	letter-spacing: -0.1em;
}
#Page #InnerContent #Content ul {
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Page #InnerContent #Content ul li {
	list-style-image: url(bullet.gif);
}


#Page #InnerContent #Content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	letter-spacing: -0.1em;
	margin-top: 5px;
}
#Page #InnerContent #Content a:link, #Page #InnerContent #Content a:visited, #Page #InnerContent #ContentHome a:link, #Page #InnerContent #ContentHome a:visited {
	color: #E2007A;
	text-decoration: none;
}
#Page #InnerContent #Content a:hover, #Page #InnerContent #Content a:focus, #Page #InnerContent #ContentHome a:hover, #Page #InnerContent #ContentHome a:focus {
	text-decoration: underline;
}

#Page #InnerContent #Content p, #Page #InnerContent #ContentHome p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.Module_StaticPanel p {
	margin: 5px;
}




/*************** CONTACT FORM ***********************/

div.st_Forms
{
	position: relative;
}

div.st_Forms label
{
	display: block;
}

div.st_Forms div.st_Wrapper
{
	width: 700px;
	border: 0;
	overflow: hidden;
}

div.st_Forms div.st_Wrapper div.st_Control
{
	float: left;
	border: 0;
}

div.st_Forms div.st_Tooltip
{
	position: relative;
	display: block;
	border: 0;
	margin: 19px 0 0 5px;
	padding: 0;
	float: left;
	text-align: left;
}

div.st_Forms div.st_TooltipIcon
{
	position: relative;
	display: block;
	width: 14px;
	height: 14px;
	border: 0;
	padding: 0;
	margin: 0 5px 0 0;
	background: #fff url(/Images/TickCross.png) no-repeat 0 0;
	float: left;
}

div.st_Forms span.st_Message
{
	display: block;
	font-size: 11px;
	display: none;
}

div.st_Forms div.st_Valid span.st_Message
{
	display: none;
}

div.st_Forms input.st_Button
{
	clear: both;
	float: left;
	margin: 0;
	width: 90px;
	height: 28px;
	font-size: 12px;
}

div.st_Forms .st_TextBox,
div.st_Forms .st_DropDownList
{
	width: 320px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.st_Forms .st_TextBoxMultiLine
{
	width: 320px;
	height: 140px;
	font-size: 12px;
}