/* CSS for sub-pages - to be cleaned */
body {
	margin:0;
	padding:5px;
	font-size:75%;
	font-family:Verdana, Tahoma, Arial
}
	/* header styles */


/* fix most links */
a, a:hover {
	text-decoration: underline;
	color:#222438;
	font-weight: bold;
	padding: 0;
	margin: 0
}

a:visited {
	text-decoration: underline;
	color:#871B06;
	font-weight: bold;
	padding: 0;
	margin: 0
}



#header {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right4.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}

#header2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right4.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}

#header2 p,
#header2 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right4.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}

#header3 p,
#header3 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header6 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right4.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}

#header6 p,
#header6 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header7 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #233817 url(/template_images/sdc_background_dkgreen.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}


#header7 p,
#header7 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header8 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right4.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}


#header8 p,
#header8 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header9 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom: 0px;
	background: #2E4E81 url(/template_images/header_right_college.gif) no-repeat right top;
	border: none;
	margin-bottom: 0px;
	height: 98px;
	vertical-align:middle
}

#header9 p,
#header9 h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}

#header p,
#header h1 {
	margin:0;
	padding:.4em 2% .1em 2%;
	height:98px;
	vertical-align:middle
}
#header h2 {
	clear:left;
	float:left;
	width:96%;
	margin:0;
	padding:.4em 2% .1em 2%
}
#header ul {
	clear:left;
	float:left;
	width:96%;
	margin:.7em 0 0 2%;
	padding:0;
	list-style:none
}
#header ul li {
	display:inline
}
#header ul li a {
	display:block;
	float:left;
	list-style:none;
	padding:.2em .5em;
	text-decoration:none;
	margin-right:10px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd
}
#header ul li a.active {
	font-weight:bold;
	color:#fff;
	background:#000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000
}

	/* column container */
.colmask {
	clear:both;
	/*float:left;*/
	width:100%;	/* width of page */ /* was 100% but scroll bars in IE6 */
	overflow:hidden;
	padding-top: 0px;
	padding: 0px;
	border: 0px
}

	/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;	/* width of page */
	position:relative
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0em 0;	/* no left and right padding on columns, we just make them narrower instead
		only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden
}
	/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;	/* right column background colour */
	/*border: solid 1px green;*/
}
.leftmenu .colleft {
	right:84%;	/* right column width */
	background:#ffffff;	/* left column background colour */
	/*border: solid 1px blue;*/
}
.leftmenu .col1 {
	width:84%;	/* right column content width */
	left:100%;	/* 100% plus left column left padding */
	/*border: solid 1px red;*/
}
.leftmenu .col2 {
	width:15%;	/* left column content width (column width minus left and right padding) */
	left:0;	/* (right column left and right padding) plus (left column left padding) */
	/*border: solid 1px;*/
}

/* Footer styles */
#footer {
	clear: both;
	width:100%;
	text-align: center;
	overflow: hidden;

}

#footer p {
	padding:0px;
	margin:0
}

	/* 2 column container */
.bcolmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:99%;	/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	padding-top: 0px;
	padding: 0px;
	border: 0px;

}
	/* common 2 column settings */

.bcolmid,
.bcolleft {
	float:left;
	width:100%;
	position:relative
}
.bcol1,
.bcol2{
	float:left;
	position:relative;
	padding:0 0 0em 0;
	overflow:hidden
}
	/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;	/* right column background colour */
}
.leftmenu .bcolleft {
	right:75%;	/* right column width */
	background:#fff;	/* left column background colour */
}
.leftmenu .bcol1 {
	width:71%;	/* right column content width */
	left:97%;	/* 100% plus left column left padding */
}
.leftmenu .bcol2 {
	width:21%;	/* left column content width (column width minus left and right padding) */
	left:6%;	/* (right column left and right padding) plus (left column left padding) */
}




	hr.sdc {
	height: 1px;
	color: #339999
}



.lgs{
	background:	url(/template_images/purptop_tr.gif) no-repeat top right; margin: 0; padding: 0;
	height: 1%;
	width: 100%;
	clear: both
}

.lgs h2{
	background: url(/template_images/purptop_tl.gif) no-repeat top left; width: 100%;
	vertical-align: top;
	margin: 0 0 3px 0;
	font-size: 110%;
	padding: 2px;
	color:#ffffff;
	height: 1%;

}
.lgs h1{
	background: url(/template_images/purptop_tl.gif) no-repeat top left; width: 100%;
	/*background: #000000; width: 100%;*/
	vertical-align: top;
	margin: 0 0 3px 0;
	font-size: 110%;
	padding: 2px;
	color:#ffffff;
	height: 1%
}
.lgs p{
	background-color: #fff;
	vertical-align: middle;
	margin: 0px;
	padding: 5px
}

 .greensmooth{
	background:	url(/template_images/grntop_tr.gif) no-repeat top right; margin: 0; padding: 0;
	height: 1%;
	width: 100%;
	clear: both
}
.greensmooth h2{
	background: url(/template_images/grntop_tl.gif) no-repeat top left; width: 90%;
	vertical-align: top;
	margin: 0px;
	font-size: 110%;
	padding: 2px;
	color:#ffffff;
	height: 1%
}

.greensmooth h1{
	background: url(/template_images/grntop_tl.gif) no-repeat top left; width: 90%;
	vertical-align: top;
	margin: 0px;
	font-size: 110%;
	padding: 2px;
	color:#ffffff;
	height: 1%
}
 .greensmooth p {
	background-color: #fff;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
 }

.lightgreensmoothmin {
	background:	url(/template_images/purptop_tr.gif) no-repeat top right; margin: 0; padding: 0;
	min-height:180px;
	height:auto !important; /* ie6 fix for min-height */
	height: 180px; /* ie6 fix for min-height */
	width: 100%;
	clear: both
}
.lightgreensmoothmin .wrap
	{border: solid 1px #0A0A6D;
	min-height:180px;
	height:auto !important; /* ie6 fix for min-height */
	height: 180px; /* ie6 fix for min-height */
}

.lightgreensmoothmin h2{
	background: url(/template_images/purptop_tl.gif) no-repeat top left;
	vertical-align: top;
	margin: 0 0 1px 0;
	font-size: 110%;
	padding: 2px;
	color:#ffffff
}
 .lightgreensmoothmin p{
	background-color: #fff;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
 }
.lightgreenmin{
	border-style: solid;
	padding: 0px;
	margin: 0px;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	border-color: #4036A1;
	font-size: 95%;
	color: #11475D;
	background-color: #ffffff;
	min-height:180px;
	height:auto !important; /* ie6 fix for min-height */
	height: 180px; /* ie6 fix for min-height */
}
.lightgreenmin h2{
	background-image: url(/template_images/navback.gif);
	background-repeat: repeat;
	vertical-align: top;
	margin: 0px;
	font-size: 110%;
	padding: 2px;
	color:#ffffff
}
 .lightgreenmin p{
	background-color: #fff;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
 }

a.artistic_right {
	float:right;
	margin-left:16px
}

.drag, .list
{	width: 250px;}

.artistic_left {
	float:left;
	margin-right:16px;
	padding:5px
}

img.artistic_right {
	float:right;
	text-align: right;
	vertical-align:top;
	margin-left:16px;
	padding-top: 5px
}
.wil_info
{	padding:5px;}
.txt_right {
	float:right;
	display: inline;
	text-align:right;
	vertical-align:top;
	margin-left:16px;
	padding-top: 5px
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.centeredImage {
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px
}

/* cjb - grey rounded box */
.rbroundbox { background: #e3e3ed url(/template_images/nt.gif) repeat; }
.rbtop div { background: url(/template_images/tl.gif) no-repeat top left; }
.rbtop { background: url(/template_images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/template_images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/template_images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px
}
.rbcontent { margin: 0 0px 2px 0; }
.rbcontent p { background: #e3e3ed url(/template_images/nt.gif) repeat;	/*margin: 0 7px;*/ }
.rbcontent p.right { background: #e3e3ed url(/template_images/nt.gif) repeat;	/*margin: 0 7px;*/ float: right;}
.rbroundbox { background-color: #e3e3ed; width: 100%;/* margin: 1em auto; */}

/* gcjb - green rounded box */
.gbox { background: #0404b4 url(/template_images/nt_grn.gif) repeat; }
.gtop div { background: url(/template_images/tl_grn.gif) no-repeat top left; }
.gtop { background: url(/template_images/tr_grn.gif) no-repeat top right; }
.gbot div { background: url(/template_images/bl_grn.gif) no-repeat bottom left; }
.gbot { background: url(/template_images/br_grn.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.gtop div, .gtop, .gbot div, .gbot {
width: 100%;
height: 7px;
font-size: 1px
}
.gcont { margin: 0 7px; font-weight: bolder; color: #FFF }
.gcont p { background: #5C864C url(/template_images/nt_grn.gif) repeat;	/*margin: 0 7px;*/ }
.gbox { background-color: #5C864C; width: 100%;/* margin: 1em auto;*/ }

/* dgcjb - green rounded box */
.dgbox { background: #486934 url(/template_images/nt_dgrn.gif) repeat; }
.dgtop div { background: url(/template_images/tl_dgrn.gif) no-repeat top left; }
.dgtop { background: url(/template_images/tr_dgrn.gif) no-repeat top right; }
.dgbot div { background: url(/template_images/bl_dgrn.gif) no-repeat bottom left; }
.dgbot { background: url(/template_images/br_dgrn.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.dgtop div, .dgtop, .dgbot div, .dgbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}
.dgcont { margin: 0 7px;	font-weight: bolder; color: #ffffff }
.dgcont p { background: #486934 url(/template_images/nt_dgrn.gif) repeat;	/*margin: 0 7px;*/ }
.dgbox { background-color: #486934; width: 100%;/* margin: 1em auto;*/ }

/* prpcjb - purple rounded box */
.prpbox { background: #9494c8 url(/template_images/nt_prp.gif) repeat; }
.prptop div { background: url(/template_images/tl_prp.gif) no-repeat top left; }
.prptop { background: url(/template_images/tr_prp.gif) no-repeat top right; }
.prpbot div { background: url(/template_images/bl_prp.gif) no-repeat bottom left; }
.prpbot { background: url(/template_images/br_prp.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.prptop div, .prptop, .prpbot div, .prpbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}
.prpcont { margin: 0 7px;	font-weight: bolder; color: #000000}
.prpcont p { background: #9494c8 url(/template_images/nt_prp.gif) repeat;	/*margin: 0 7px;*/ }
.prpbox { background-color: #9494c8; width: 100%;/* margin: 1em auto;*/ }

/* Corporate Colours for rounded boxes next */

/* dark green corp rounded box */
.corpdgbox { background: #008278 url(/template_images/nt_corpdg.gif) repeat; }
.corpdgtop div { background: url(/template_images/tl_corpdg.gif) no-repeat top left; }
.corpdgtop { background: url(/template_images/tr_corpdg.gif) no-repeat top right; }
.corpdgbot div { background: url(/template_images/bl_corpdg.gif) no-repeat bottom left; }
.corpdgbot { background: url(/template_images/br_corpdg.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.corpdgtop div, .corpdgtop, .corpdgbot div, .corpdgbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}
.corpdgcont { margin: 0 7px;	font-weight: bolder; color: #ffffff }
.corpdgcont p { background: #008278 url(/template_images/nt_corpdg.gif) repeat;	/*margin: 0 7px;*/ }
.corpdgbox { background-color: #008278; width: 100%;/* margin: 1em auto;*/ }

/* light green corp rounded box */
.corplgbox { background: #85adaa url(/template_images/nt_corplg.gif) repeat; }
.corplgtop div { background: url(/template_images/tl_corplg.gif) no-repeat top left; }
.corplgtop { background: url(/template_images/tr_corplg.gif) no-repeat top right; }
.corplgbot div { background: url(/template_images/bl_corplg.gif) no-repeat bottom left; }
.corplgbot { background: url(/template_images/br_corplg.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.corplgtop div, .corplgtop, .corplgbot div, .corplgbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}
.corplgcont { margin: 0 7px;	font-weight: bolder; color: #ffffff }
.corplgcont p { background: #85adaa url(/template_images/nt_corplg.gif) repeat;	/*margin: 0 7px;*/ }
.corplgbox { background-color: #85adaa; width: 100%;/* margin: 1em auto;*/ }

/* very light green corp rounded box */
.corpvlgbox { background: #bcd2d0 url(/template_images/nt_corpvlg.gif) repeat; }
.corpvlgtop div { background: url(/template_images/tl_corpvlg.gif) no-repeat top left; }
.corpvlgtop { background: url(/template_images/tr_corpvlg.gif) no-repeat top right; }
.corpvlgbot div { background: url(/template_images/bl_corpvlg.gif) no-repeat bottom left; }
.corpvlgbot { background: url(/template_images/br_corpvlg.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.corpvlgtop div, .corpvlgtop, .corpvlgbot div, .corpvlgbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #ffffff
}
.corpvlgcont { margin: 0 7px;	font-weight: bolder; color: #ffffff }
.corpvlgcont p { background: #bcd2d0 url(/template_images/nt_corpvlg.gif) repeat;	/*margin: 0 7px;*/ }
.corpvlgbox { background-color: #bcd2d0; width: 100%;/* margin: 1em auto;*/ }

/* light blue rounded box */
.lbbox { background: #e6f0fa url(/template_images/nt_lb.gif) repeat; }
.lbtop div { background: url(/template_images/tl_lb.gif) no-repeat top left; }
.lbtop { background: url(/template_images/tr_lb.gif) no-repeat top right; }
.lbbot div { background: url(/template_images/bl_lb.gif) no-repeat bottom left; }
.lbbot { background: url(/template_images/br_lb.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.lbtop div, .lbtop, .lbbot div, .lbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	font-weight: bolder;
	color: #000000
}
.lbcont { margin: 0 7px;	font-weight: bolder; color: #000000 }
.lbcont p { background: #e6f0fa url(/template_images/nt_lb.gif) repeat;	/*margin: 0 7px;*/ }
.lbbox { background-color: #e6f0fa; width: 100%;/* margin: 1em auto;*/ }


#kbazletters{
	border: none;
	height: auto;
	padding: 0;
	text-align: center
}

#kbazletters ul {
	width: 100%;
	white-space: nowrap;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
	list-style-type: none;
	display:inline
}

#kbazletters li {
 	line-height: 100%;
	width: 30px;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	display:inline
}

#kbazletters li a, #kbazletters li strong {
	display: block;
	padding: 3px 3px 3px 3px;
	margin: 2px 2px 2px 2px;
	border: none;
	background: #E3E3ED;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}

#kbazletters p{ 	display: block;
	padding: 3px 3px 3px 3px;
	margin: 2px 2px 2px 2px;
	border: none;
	background: #E3E3ED;
	color: #000000;
	text-decoration: none; }

#kbazletters li a:hover {
	background-image: url(/template_images/navback.gif);
	color:#ffffff;
	text-decoration: underline
}

#kbazletters h2	{
	margin: 0;
	display:none;
	padding: 0;
	float:left
}

.lgsaz{
	margin: 0; padding: 0;
	height: 1%;
	width: 100%;
	clear: both}

.lgsaz p{
	background-color: #fff;
	vertical-align: middle;
	margin: 0px;
	padding: 5px
}

p.colaaz1 {
	background-color: #E3E3ED;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:1px;
	
}

p.colaaz2 {
	background-color: #FFFFE0;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:1px;

	
}

p.cola {
	background-color: #E3E3ED;
	margin-bottom:2px
}

p.cola99 {
	background-color: #E3E3ED;
	margin-bottom:2px;
	min-height: 127px;
	height:auto !important; /* ie6 fix for min-height */
	height: 127px; /* ie6 fix for min-height */
}

p.cola1 {background-color: #ffffff;}

p.cola2 {
	background-color: #E3E3ED;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	color:#0404b4;
	/* line-height:25px; */
}

p.cola5 {
	background: #9494C8 url(/template_images/arrow.gif) no-repeat right top;
	min-height: 25px;
	height:auto !important; /* ie6 fix for min-height */
	height: 25px; /* ie6 fix for min-height */
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	/*	color:#0404b4; */
	color:#222438;
	line-height:25px;
	cursor: pointer;
	text-decoration: none
}

p.cola5a {
	background: #9494C8 url(/template_images/arrow_down.gif) no-repeat right top;
	min-height: 25px;
	height:auto !important; /* ie6 fix for min-height */
	height: 25px; /* ie6 fix for min-height */
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bolder;
	/*	color:#0404b4; */
	color:#222438;
	line-height:25px;
	text-decoration: none
}

.wilform {
	background: #486934;
	min-height: 30px;
	height:auto !important; /* ie6 fix for min-height */
	height: 30px; /* ie6 fix for min-height */
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 0;
	font-weight: bolder;
	color: #ffffff;
	line-height:30px
}

.wilform form {
	margin: 0;
	padding: 0;
	display:inline
}

p.cola8, p.cola9, p.cola10, p.cola11, p.cola12, p.cola13, p.cola14, p.cola15, p.cola16, p.cola17, p.cola18, p.cola19, p.cola20, p.cola21 {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:1px;
	font-weight:bold;
	color:#0404b4;
	/* line-height:25px; */
	/* padding-right: 27px */
}

p.cola8 {background: #E3E3ED url(/template_images/comments.gif) no-repeat right top}
p.cola9 {background: #E3E3ED url(/template_images/emailus.gif) no-repeat right top}
p.cola10 {background: #E3E3ED url(/template_images/comments.gif) no-repeat right top}

p.cola11 {background: #E3E3ED url(/template_images/qmark_green.gif) no-repeat right top}
p.cola12 {background: #E3E3ED url(/template_images/contactus_green.gif) no-repeat right top}
p.cola13 {background: #E3E3ED url(/template_images/emailus_green.gif) no-repeat right top}
p.cola14 {background: #E3E3ED url(/template_images/comments_green.gif) no-repeat right top}
p.cola15 {background: #E3E3ED url(/template_images/ecmark_green.gif) no-repeat right top}
p.cola16 {background: #E3E3ED url(/template_images/pound_green.gif) no-repeat right top}
p.cola17 {background: #E3E3ED url(/template_images/webc_icon_green.gif) no-repeat right top}
p.cola18 {background: #E3E3ED url(/template_images/faq_green.gif) no-repeat right top}
p.cola19 {background: #E3E3ED url(/template_images/cllr_logo_green.gif) no-repeat right top}
p.cola20 {background: #E3E3ED url(/template_images/contactus_bubbles_gray.gif) no-repeat right top}
p.cola21 {background: #E3E3ED url(/template_images/jobs_gray.gif) no-repeat right top}


p.cola4 {
	background-color: #5F884C;
	min-height: 25px;
	height:auto !important; /* ie6 fix for min-height */
	height: 25px; /* ie6 fix for min-height */
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	font-weight: bolder;
	color: #0404b4;
	line-height:25px
}

li.cola {background-color: #E3E3ED;}

li.cola1 {background-color: #ffffff;}

.textright{display:block; float:right; margin: 0; padding:0;}

.hidden{ display: none;}
.az1 {margin: 0; display: block; padding: 0;}

a.sect, a.sect:visited {
	text-decoration: underline;
	vertical-align: middle;
	color:#222438
}

	a.sect:hover {
	text-decoration:underline;
	font-weight:bolder
}

a.sect2, a.sect2:visited {
	text-decoration: underline;
	color:#222438;
	font-weight: bold;
	padding: 0;
	margin: 0
}

	a.sect2:hover {
	text-decoration:underline;
	font-weight:bolder
}

a.sect3, a.sect3:visited{
	text-decoration: underline;
	/* vertical-align: middle; */
	color:#ffffff;
	font-weight: bold
}

	a.sect3:hover {
	text-decoration:underline;
	font-weight:bolder
}

a.sect4, a.sect4:visited{
	text-decoration: underline;
	vertical-align: middle;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 0;
 }

	a.sect4:hover {
	text-decoration:underline;
	font-weight:bolder
}

a.sect5, a.sect5:visited {
	text-decoration: underline;
	color:#000000;
	font-weight: bold;
	font-size:0.8em;
	padding: 0;
	margin: 0;
 }

	a.sect5:hover {
	text-decoration:underline;
	font-weight:bolder
}


a.sect6, a.sect6:visited, a.sect6:hover {
	text-decoration: underline;
	color:#5C864C;
	font-weight: bold;
	padding: 0;
	margin: 0
}


img {
	 vertical-align: middle;
	 border-style:none;
	 padding: 0px
}

#wilnav {
	background: #ffffff;
	margin: 0 auto;
	padding: 1em 0 0 0
}

/* to stretch the container div to contain floated list */
#wilnav:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both
}

ul#wilnavlist {
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em
}

ul#wilnavlist li {
display: block;
float: left;
margin: 0;
padding: 0
}

ul#wilnavlist li a {
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea
}

#wilnav>ul#wilnavlist li a { width: auto; }

ul#wilnavlist li#active a {
background: #f0e7d7;
color: #222438
}

ul#wilnavlist li a:hover, ul#wilnavlist li#active a:hover {
background: transparent;
border-color: #aaab9c #fff #fff #ccc
}

input.search	{
	width: 200px;
	font-size: large;
	font-weight: bold;
	padding-top: 2px;
	vertical-align: top;
	height: 20px
}

input.button {
	width: 50px;
	font-size: large;
	font-weight: bold;
	padding-top: 0px;
	vertical-align: top
}
.searchlab {
	color:#ffffff;
	font-weight: bold
}

#headerlinks {
	background-color: #2E3A30;
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px solid #fff;
	color: #fff;
	text-align: right;
	padding: 0px 0%
}

#headerlinks a {
	color: #fff;
	text-decoration: none;}



#headerlinks ul {}

#headerlinks ul li {
	display: inline;
	padding: 1px;
	white-space: normal;
	font-weight: bold;}

#headerlinks ul li a {
	text-decoration: none
}
#headerlinks ul li a:hover {
	text-decoration: underline
}

#headerlinks form {
	display: inline;
	white-space: nowrap;
	vertical-align:middle;

}
#headerlinks label {
 font-weight: bold; color:#fff;
 vertical-align: middle;

}

#headerlinks fieldset {
	display: inline;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	border: none;
	vertical-align:middle;}

	div.toprow {padding-bottom: 5px;
	background-color: #2E3A30;
	display:inline;
	line-height: 25px;
	margin-bottom: 5px;
	border-top: 1px solid #fff;
	float: right;
	text-align: right;
	width: 100%;
	font-weight: bold;
	color: #fff
}
	div.toprow {
	display: inline;
	white-space: nowrap;
	line-height: 25px
}
div.toprow a {
	text-decoration: none;
	line-height: 25px;
	color: #fff
}
div.toprow a:hover {
	text-decoration: underline;
	color: #fff
}
div.toprow form {
	display: inline;
	white-space: nowrap;
	line-height: 25px
}

div.row {padding-bottom: 5px;
	background-color: #2E3A30;
	line-height: 25px;
	margin-bottom: 5px;
	border-top: 1px solid #fff
}

div.row span.left
{
	background-color: #2E3A30;
	border-top: 1px solid #fff;
	line-height: 25px;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #fff;
	width: 20%;
	margin-bottom: 5px
}

div.row span.right {
	background-color: #2E3A30;
	border-top: 1px solid #fff;
	line-height: 25px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #fff;
	width: 80%;
	margin-bottom: 5px
}
div.row span.right2 {
	background-color: #2E3A30;
	border-top: 1px solid #fff;
	line-height: 25px;
	float: right;
	text-align: right;
	font-weight: bold;
	color: #fff;
	width: 100%;
	margin-bottom: 5px
}

div.row span.right form {
	display: inline;
	white-space: nowrap;
	line-height: 25px
}
div.row span.right a {
	line-height: 25px;
	color: #fff
}
div.row span.right a:hover {
	text-decoration: underline;
	color: #fff
}

div.row span.right2 form {
	display: inline;
	white-space: nowrap;
	line-height: 25px
}
div.row span.right2 a {
	text-decoration: none;
	line-height: 25px;
	color: #fff
}
div.row span.right2 a:hover {
	text-decoration: underline;
	color: #fff
}

.line {
	border-left: 1px solid #6F7481
}
#nav_ol {background: #ffffff; padding: 0px 0px 2px; margin: 0;
	height: 1%; clear: both; width: 99%;}

#nav_ol p {padding: 4px; background: url(/template_images/ser_right.gif) top right no-repeat; height: 1%;}
#nav_ol a {padding: 0px; background: url(/template_images/ser_left.gif) top left no-repeat; width: 90%; height: 1%; vertical-align: middle;	margin-bottom:2px; text-decoration: none; font-weight:bolder; color:#222438;}
#nav_ol a:hover {text-decoration:underline; font-weight:bolder; }

.smoothp {
	background:	url(/template_images/ser_right.gif) no-repeat top right; margin: 5px; padding: 0px;
	width: 100%;
	clear: both;
	height: 1%
}
.smoothp p {
	background: url(/template_images/ser_left.gif) no-repeat top left;
	vertical-align: top;
	margin: 0px;
	padding: 0px
}

.smoothp a {
	text-decoration: none;
	font-weight:bolder;
	color:#222438
}

.smoothp a:hover {text-decoration:underline;
	font-weight:bolder; }

.visbit {
	background: url(/template_images/visitbg.gif) no-repeat top right ;
	min-height: 180px;
	height:auto !important; /* ie6 fix for min-height */
	height: 180px; /* ie6 fix for min-height */
	padding-top:3px;
	margin-top:3px;
	padding-bottom:0px;
	margin-bottom:2px;
	vertical-align:middle
}

.visbit h3 {
	width:60%;
	margin:0;
	padding:.4em 2% .1em 2%;
	color:#222438
}
.visbit p {
	width:60%;
	margin:0;
	padding:.4em 2% .1em 2%;
	color:#222438;
	background-color : transparent
}

.where {
	background: #8CA87F url(/template_images/whereGREEN.jpg) no-repeat right top;
	min-height: 145px;
	height:auto !important; /* ie6 fix for min-height */
	height: 145px; /* ie6 fix for min-height */
	padding-top: 3px;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	vertical-align: middle
}

.where h3 {
	width: 60%;
	margin: 0;
	padding-left: 5px;
	color: #ffffff
}
.where p {
	width: 60%;
	margin:0;
	padding: 0;
	color:#ffffff
}
.where form {
	width: 100%;
	margin: 0;
	padding: 0;
	color:#ffffff;
	display:inline
}

/* form
s{
	padding: 0;
	margin: 0;
	display: inline;} */

.snow {
	background: #ffffff url(/template_images/snow2009.jpg) no-repeat right top;
	min-height: 165px;
	height:auto !important; /* ie6 fix for min-height */
	height: 165px; /* ie6 fix for min-height */
	padding-top: 3px;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	vertical-align: middle
}

.snow h3 {
	width: 60%;
	margin: 0;
	padding-left: 5px;
	color: #ffffff
}
.snow p {
	width: 60%;
	margin:0;
	padding: 0;
	color:#000000
}
.snow a {
	text-decoration: none
}
.snow a:hover {
	text-decoration: underline
}



.wherearewe {
	background-image: url(/template_images/mapstr.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 117px
}

/* fix gap above & below WIL form in IE6 */
form { #margin-top: -1px; #margin-bottom: 1px
}

#skiplinks, #skiplinks li { list-style-type: none; padding: 0; margin: 0; display: inline; height: 0; }
#skiplinks a { border: 2px solid #fff; color: #fff; text-decoration: none; background: #3a78b8; padding: 7px 5px; position: absolute; top: 10px; left: -9999px; font: 1.3em "Gill Sans MT", "Gill Sans", Tahoma, sans-serif; z-index: 10; }
/* removed these as not yet CSS supported standard -moz-border-radius: 13px; border-radius: 13px; */
#skiplinks a:focus, #skiplinks a:active { left: 20px; border-color: #ffe;
/* :hack: IE requires a border-color change (!?) for this to work */

}
#skiplinks a:hover { text-decoration: underline; }

.greenstroud {
	background-image: url(/template_images/grren.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 128px;
	margin-top: 3px
}

br {line-height: 8px;}

ul.nav {
	list-style-type:none;
	padding:0px;
	margin:0px
}

li.nav {
	letter-spacing:0em;
	line-height:1.2em;
	background-color: #E3E3ED;
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 5px;
	margin-bottom:2px;
	font-weight:bolder;
	color:#0404b4;
	line-height:25px
}

ul.navtab {
	list-style-type:none;
	padding:0px;
	margin:0px
}

li.navtab {
	letter-spacing:0em;
	line-height:1.0em;
	background-color: #E3E3ED;
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 20px;
	margin-bottom:2px;
	font-weight:bolder;
	color:#0404b4;
	padding-top: 5px;
	padding-bottom: 6px;	
	/* line-height:25px */
}

ul.navgrn {
	list-style-type:none;
	padding:0px;
	margin:0px
}

li.navgrn {
	letter-spacing:0em;
	line-height:1.0em;
	background-color: #5F884C;
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 10px;
	margin-bottom:2px;
	font-weight:bolder;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 6px;	
	/* line-height:25px */
}

p.navgrn {
/*	letter-spacing:0em;
	line-height:1.0em; */
	background-color: #5F884C;
/*	padding-top:0px;
	padding-bottom:0px; */
	padding-left: 15px;
	margin-bottom:1px;
	font-weight:bolder;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 6px;	
	display:block
	/* line-height:25px */
}



hr {height: 1px; color: #000000;}

fieldset.bc {
	padding:6px;
	border:1px solid #000066;
	border-radius: 8px;
	-moz-border-radius: 8px
}

legend.bc {
	border: 1px solid #000066;
	background:#E9EEF5;
	color: #000066;
	font-weight:bold;
	padding:2px 8px 2px 8px;
	border-radius: 8px;
	-moz-border-radius: 8px
}

label.bc {
	float:left;
	width:40%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold
}

table.info {
	background-color:#F1F5F9;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	color:#000000;
	font-size:110%
}

table.inline {
	background-color:#ffffff;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	font-size:110%
}

td.inlineright {
	text-align: right;
}

h2 {
	font-weight:bold;
	color:#333366;
	font-size:120%
}
h3 {
	font-weight:bold;
	color:#333366;
	font-size:100%
}
h4 {
	color:#000000;
	font-size:100%
}

div.keydocs {
	background-color:#e3e3ed;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding:10px;
	margin:10px;
	color:#000000;
	width:480px
}

span.bold {
	font-weight:bold
}

td.appFormDocument {
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color:#000000
}

img.appFormThumb {
	border: 1px solid #000000;
	margin-bottom:4px;
	width: 70px;
	height: 100px
}

div.faq {
	background-color:#e3e3ed;
	border-style:solid;
	padding:8px;
	border-color:#cccccc;
	border-width:1px
}

}

div.box {
    border-style:solid;
	padding:8px;
	border-color:#cccccc;
	border-width:3px
}


.mgThumbsList
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 10px 0px 0px 30px;
	padding-top: 0px;
	width: 100%;
	height: 1%;
	overflow: auto;
	clear: both
}
.mgThumbsList UL
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
	list-style-type: none;
	text-align: center
}
.mgThumbsList UL LI
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 150px;
	padding-top: 0px;
	height: 320px;
	text-align: center
}
.mgThumbsList UL LI P
{
	margin: 0px
}
.mgThumbsList UL LI A
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	background-image: none;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	line-height: 18px;
	padding-top: 0px;
	background-repeat: repeat;
	text-align: center;
	font-variant: normal;
	text-decoration: underline
}
.mgThumbsList UL LI A:hover
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	background-image: none;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	line-height: 18px;
	padding-top: 0px;
	background-repeat: repeat;
	text-align: center;
	font-variant: normal;
	text-decoration: underline
}
.mgThumbsList A:active
{
	background-image: none;
	background-repeat: repeat
}
.mgThumbsList LI#active A
{
	background-image: none;
	color: #fff;
	background-repeat: repeat
}


table.taxrates{
	background-color:#ffffff;
	border-style:solid;
	border-color:#000000;
	border-width:1px
}
table.taxrates td, table.taxrates th{
	border-style:solid;
	border-color:#000000;
	border-width:1px
}

.imagecontainer {overflow:auto; width:100%;}
#fakeimage {width:1000px; height:1000px; border:2px;}
.rates2009 {background-color:#FFFFCC}



div.row_wrapper { width: 90%; margin: 10px auto; padding: 0px; clear:both; border: 1px solid #ccc; }

div.question { width: 80%; float:left; padding: 5px 5px 10px 5px;}
div.question p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }

div.answer { width: 15%; float:right; margin: 4px; background:#eee; }
div.answer p { margin: 0; padding: 3px;}
div.answer input { margin: 0 auto; padding: 2px; }
div.answer select { margin: 0 auto; padding: 2px; border: 1px solid #ccc; }
div.answer option { margin: 0 auto; padding: 2px; }

hr.spacer { clear:both; border-width:0px; height: 1px; padding: 0px; margin: 0px; visibility: hidden; }
div.ernieQ { width: 60%; float:left; }
div.ernieQ p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }

div.ndepQ { width: 40%; float:left; }
div.ndepQ p { text-align: right;	width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }
div.ansndep { width: 7%; float:left; margin: 4px; background:#eee; }

div.esaQ { width: 40%; float:left; }
div.esaQ p { text-align: left;	width: 99%; margin: 5px 5px; padding: 5px 5px 10px 5px; background:#fff; }
div.ansesa { width: 20%; float:right; margin: 9px	0px;}

.finalbox {
	 border:1px solid #C0C0C0;
	 background-color:#FFFF99;
	 color:black;
	 font-weight: bold
}

.cyanbox {
	border:1px solid #C0C0C0;
	background-color:#CCFFFF;
	color:black;
	font-weight: bold
}

.bigblue {
	color:#0066FF;
	font-weight: bold;
	font-size: 1.5em
}

	 .lgfont { color:Silver }

a.menu1, a.menu1:visited, a.menu1:hover {
	text-decoration: underline;
	vertical-align: middle;
	color:#ffffff;
	font-weight: bold;
	display:block
}

a.menu2, a.menu2:visited, a.menu2:hover {
	text-decoration: none;
	vertical-align: middle;
	color:#222438;
	display:block;
	padding-top: 5px;
	padding-bottom: 6px;
}

a.menu3, a.menu3:visited, a.menu3:hover {
	text-decoration: none;
	vertical-align: middle;
	color:#222438;
	display:block;
	padding-top: 5px;
	padding-bottom: 6px;	
	padding-left: 10px
}

br.menuspace {
	line-height: 2px
}

div.faq {
	background-color:#e3e3ed;
	border-style:solid;
	padding:8px;
	border-color:#cccccc;
	border-width:1px
}

td.right
{
	text-align:right;}
td.left
{
	text-align:left;}
	
	td.center
{
	text-align:center;}

/**************************************
Feature box
**************************************/

#box
{
border-width:2px;
border-style:solid;
border-color:#98bf21;
} 

#translator
		{
		    /*clear:both;*/
		    position:fixed;
		    /*background:#cccccc;*/
		    bottom:2px;
		    right:10px;
		    margin-right:-5px;
		    z-index:44;
		}

}
#contact-details {
    background-color:#ffffff;
    padding-left:7px;
    margin-bottom:5px;
}

}
.contact-info .phone {
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    padding-left:25px;
    background:url(../img/icon_phone.png) no-repeat left center;
}
.contact-info .fax {
    font-size:12px;
    line-height:18px;
    
    padding-left:25px;
    background:url(../img/icon_fax.png) no-repeat left center;
}
.contact-info .mail {
    
    padding-left:25px;
    background:url(../img/icon_mail.png) no-repeat left center;
}
.contact-info .mail a:link, .contact-info .mail a:visited, .contact-info .address a:link, .contact-info .address a:visited {
    color:#019390;
    font-size:12px;
    text-decoration:underline;
}
.contact-info .mail a:hover, .contact-info .mail a:active, .contact-info .address a:hover, .contact-info .address a:active {
    color:#015d5b;
}
.contact-info .address span{
    color:#019390;
    display:block;
    font-size:12px;
    line-height:18px;
    text-decoration:underline;
    padding-left:25px;
    background:url(../img/feedback_bullet_closed.png) no-repeat left 2px;
    cursor:pointer;
}
.contact-info .address span:hover {
    color:#015d5b;
}
.contact-info li span.open {
    background:url(../img/feedback_bullet_open.png) no-repeat left 2px;
}

ul.lp li
{margin:.5em 10% .5em 0}
}
.highlight-box  {
	background-color:#ffffff;
	font-size:12px;
	line-height:18px;
	padding:15px;
	border:1px solid #acacac;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.highlight-box h4  {
    color:#bf8c43;
    font-size:20px;
    line-height:24px;
    font-weight:normal;
    margin-bottom:4px;

}

