SubMenu@charset "UTF-8";
/* CSS Document */

.active, #submenu ul li,  #feedback, #feedback_fault, table, .semitransparent { behavior: url(/mysite/css/iepngfix.htc); }

body {
margin:0;
padding:0;
background: #fff;
text-align:center;
color: #606060;
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
line-height: 1.5em;
}

textarea, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p, li {
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
line-height: 1.5em;
text-align:left;
}

h1, h2, h3 {
	margin:0.1em 0 -0.3em 0;
	padding:0;
	color:#d7d8d8;
}
h1 {
	font-size:200%;
	color:#7F7F7F;
	font-weight:100;
}
h2 {
	font-size:14pt;
	margin:0;
}
img {
	border:none;
}


a, a:link, a:active, a:visited {
	color: #4d87d7;
	text-decoration:none;
	white-space: nowrap;
}

a:hover {
	color: #649D00;
	text-decoration:underline;
}

/*  START H1 IMAGE REPLACEMENT  */
#header .replace{
float:right;
clear:none;
text-align:right;
position:relative;
padding:0px;
 /* hide overflow:hidden from IE5/Mac */
 /* \*/   
overflow: hidden;
margin:15px 20px 15px 0;
/* END UGLY CBS HACK */
 }
#header .replace span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1; /*for Opera 5 and 6*/
}
#header h1,
#header h1 span
{
	width:456px;
	height:75px;
	background: url(/images/logo.gif) top left no-repeat;
	cursor:pointer; /*ie again */
	position:relative;
 }
 
#header h1 a:link,
#header h1 a:visited
{
	line-height: 1em;
}
/* ### END H1 IMAGE REPLACEMENT  */

/* ----------------------------- Main layout  ----------------------------- */

/* Header styles */

#header, #nav {
    clear:both;
	margin:0 auto 0 auto;
	overflow:hidden;
	width:980px;
	text-align:left;
    }	
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#nav ul {
	    clear:left;
		width:100%;
		height:37px;
	    list-style:none;
	    padding:0;
		margin:0;
		background: url(/images/bg_menu.gif) repeat-x top;
		overflow:hidden;
	}
	#nav ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#nav ul li a {
		font-size:100%;
		font-weight:bold;
	    display:block;
	    float:left;
	    margin:0;
		font-size:11pt;
	    padding:10px 2% 8px 2%;
	    text-align:center;
	    /* background: url(/images/bg_menu_left.gif) center top no-repeat; */
	    color: #333333;
	    text-decoration:none;
	    position:relative;
		line-height:1.3em;
		border-right:2px solid #fff;
	}
	
	#nav ul li a:hover {
		text-decoration:underline;
	}
	#nav ul li a.active,
	#nav ul li a.active:hover {
	    color:#fff;
	    margin:0;
	    background: right top repeat-x;
		text-decoration:none;
		border-right:2px solid #fff;
	    padding:10px 2% 10px 2%;
	}
	#nav ul li a span {
	    display:block;
	}
	
	
	/* SUB MENU  */
	
	#SubMenu {
		padding:10px 0 0 20px;
		margin:0;
		float:left;
	}
	
	#SubMenu a {
		color:#FFFFFF;
	}
	
	#SubMenu ul {
		list-style:none; 
		font-weight:normal;
		margin:0;
		padding:0 0 2% 0;
		float:left;
	}
	#SubMenu ul li {
	margin:0;
	padding:0;
		display: inline;
		float:left;
	background:url(/images/arrow.png) no-repeat; 
	}
	#SubMenu ul li a {
		font-size:10pt;
		font-weight:bold;
		display: inline;
		float:left;
		width:190px;
		margin:0 0 0 -7px;
		padding:4px 5px 4px 17px;
	    text-decoration:none;
	    position:relative;
	}
	
	#SubMenu ul li a:hover {
	    text-decoration:underline;
	}
	#SubMenu ul li a.active {
		background: url(/images/bg_sub_menu.png);
	}
	#SubMenu ul li a.active,
	#SubMenu ul li a.active:hover {
	}
	
	#holder_top {
		width:470px;
		float:left;
		text-align:left;
		padding:30px 0 10px 20px;
	}
	#holder_top a {
		font-size:11pt;
		display:inline;
		color: #8dbd0b;
		font-weight:bold;
		text-decoration:none;
	}
	#holder_top a:hover{
		text-decoration:underline
	}
	#contact_top_right a {
		font-size:100%;
		color:#4d87d7;
		display:inline;
		text-decoration:none;
		font-size:11pt;
	}
	#contact_top_right a:hover{
		text-decoration:underline
	}
	

/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
        width:980px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		margin:0 auto 0 auto;
		text-align:left;
		border-bottom: 1px solid #CCCCCC;
		min-height:400px;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		overflow:hidden;
		text-align:left;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		/* background:#fff;		/* right column background colour */
		width:980px;
	}
	.leftmenu .colleft {
		right:680px;				/* right column width */
		/* background:#f4f4f4;		/* left column background colour */
	}
	.leftmenu .col1 {
		width:650px;				/* right column content width */
		left:100%;				/* 100% plus left column left padding */
		padding:60px 0 5% 0;
	}
	.leftmenu .col2 {
		width:300px;				/* left column content width (column width minus left and right padding) */
		left:29px;				/* (right column left and right padding) plus (left column left padding) */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		/*background:#eee;		/* right column background colour */
		width:980px;
	}
	.rightmenu .colleft {
		right:256px;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:664px;				/* left column content width (left column width minus left and right padding) */
		left:256px;				/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:250px;				/* right column content width (right column width minus left and right padding) */
		left:300px;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
/*3 column settings */
.MainLayout {
	/*background: #3333CC;    	/* Right column background colour */
	text-align:left;
}
.MainLayout .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
       /* background:#000;    	/* Centre column background colour */
    }
    .MainLayout .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        /* background:#FFD8B7;   /* Left column background colour */
    }
    .MainLayout .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 */
	}
	.MainLayout .col1 {
        margin:0 200px;     	/* 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%;
	}
    .MainLayout .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* 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 */
    }
    .MainLayout .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
	
/* Sub Pages Summary Styles */


.semitransparent {
	position:static;
	background: url(/images/bg_white.png);
	width: 46%;
	height:120px;
	margin: 2% 2% 0 0;
	float:left;
	display:inline;
}


.semitransparent a,
.semitransparent a:link,
.semitransparent a:active,
.semitransparent a:visited {
	
	font-size:140%;
	width:100%;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	display:block-inline;
	margin:0;
	color:#fff;
	text-indent:0;
	float:left;
}

.semitransparent p {
	text-decoration:none;
	display:block;
	padding:0 10px 10px 10px;
	margin:0px;
	float:left;
	color:#FFFFFF;
}
	
	.semitransparent a:hover {
		text-decoration:underline;
	}
	#SubPages {
		margin-bottom:20px;
		float:left;
	}
	#SubPages ul li a.active,
	#SubPages ul li a.active:hover {
		font-weight:bold;
	}
	

/* Footer styles */

#footer {
	background: #FFFFFF;
	margin:0 auto 0 auto;
	width:980px;
	padding:1% 0 1% 0;
	text-align:center;
}

#footer h6 {
	padding:10px 0 0 0;
	margin:0 auto 0 auto;
	text-align:center;
	color:#CCCCCC;
	font-size:11pt;
	font-weight: normal;
}

#footer h6 a {
	color:#CCCCCC;
	text-decoration: none;
}


#footer ul  {
	    clear:left;
		width:100%;
	    list-style:none;
	    padding:10px 0 0 0;
		border-top:1px solid #CCCCCC;
		margin:2% 0 0 0;
	}
	#footer ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#footer ul li a {
	    position:relative;
	    display:inline;
		color:#CCCCCC;
	    margin:0;
	    padding:0 10px 0 0;
	    text-decoration:none;
	}
	
	#footer ul li a:hover {
		text-decoration:underline;
	}


#copyright p {
	color: #999;
	font-size:80%;
	margin:0 auto 0 auto;
}

#copyright a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding:0;
}

#copyright a:hover  {
	text-decoration:underline;
}


/* ----------------------------- Form elements  ----------------------------- */

form {
	margin:0px;
	padding:0px;

}
#contact_form p {
	margin:0;
}

select, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11pt;
	padding:5px;
	height:35px;
	font-weight: 400;
	margin:0.5em 0 .5em 0;
}
#submit_button {
	float:left;
	margin:10px 0 0 0;
}

.form_box_fault {
	background:#830025;
	color:#FFFFFF;
}

#feedback {
	padding: 2% 0 2% 0;
	background: url(/images/bg_feedback_fade.png) repeat-x bottom left #8dbd0b;
	color: #fff;
}
#feedback_fault {
	padding: 2% 0 2% 0;
	background: url(/images/bg_feedback_fade.png) repeat-x bottom left #740021;
	color:#fff;
}


#menu_drop_list select {
	font-size:11pt;
	width:245px;
	padding:5px;
	font-weight:bold;
	margin:130px 0 100px 0;
}

#tb_address {
	border:1px solid #cccccc;
	width:615px;
	margin:20px 0 30px 0;
	background:#FFFFFF;
	border-spacing:0;
	border-collapse:collapse;
}
#tb_address td {
	padding:10px;
	border-spacing:0;
	border-collapse:collapse;
}
#tb_address th {
	padding:10px;
	background:url(/images/fade.png) bottom repeat-x #D0DF4E;
	color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-spacing:0;
	border-collapse:collapse;
}

#map {
	margin:20px 0 20px 0;
	border:1px solid #CCCCCC;
	width: 638px;
	height: 480px;
	float:left;
}

#rec_friend {
	margin:20px 0 0 0;
	padding:2%;
	float:left;
	background:#FFFFFF;
	border:1px solid #ccc;
	width:94%;
}
#rec_friend a {
	font-weight:bold;
}
#rec_friend p a {
	font-weight:400;
}