/* My Comment */

/* @group Global */

* html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	background-color: #829187;
	height: 100%;
}

img {
	border: 0px;
}

.navRolloverGIFs {
	border:0;
}
	
#wrapper {
	width: 990px;
	text-align: left;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	background: url(images/bgMain.gif) top left no-repeat;
	background-color: #829187;  
	padding-top: 55px;
}


* html #wrapper {
	height: 100%;
}

.navRolloverGIFs {
	border:0;
}


/* @end */


/* @group Footer */

#footer {
	height: 50px;
	width: 941px;
	text-align: left;
	padding: 0px;
	margin-left: 25px;
	background: url(images/bgFooter.gif) top left repeat-x;
}

#footer p {
	margin-top: 12px;
	font: 10px/17px Arial, Helvetica, sans-serif;
}

/* @end */

/* @group Navigation */

#nav {
	height: 24px;
	width: 600px;
	text-align: left;
	padding: 0px;
	background: url(images/bgNav.gif) top left repeat-x;
}

#nav p {
	padding-top: 6px;
	padding-left: 10px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#nav span.selected {
	color: #47574c;
}


/* @end */

/* @group All Pages */

#mainContent {
	position: relative;
	width: 600px;
	margin: 0 auto;
}

#rightBox {
	position: relative;
	width: 257px;
	height: 700px;
	margin-left: 25px;
	margin-right: 20px;
}

#rightBox p {
	margin-top: 0px;
}

#mainContentSub {
	position: relative;
	float: left;
	width: 584px;
	margin: 0 auto;
	margin-left: 6px;
	background: url(images/bg1ColSub.gif) top left no-repeat;
	padding-right: 20px;
	padding-top: 10px;
}

div.sub {
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 10px;
}

h1.right {
	font: normal 18px Arial, Helvetica, sans-serif;
}

span.smallgrey {
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	color: #333333;
}

h1.mainContent {
	font: normal 18px Arial, Helvetica, sans-serif;
	margin-left: 25px;
	margin-top: 5px;
}

h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
}

h2 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #395658;
	margin-top: 0px;
}

li {
	margin-right: 40px;
	margin-bottom: 5px;
}


/* @end */

/* @group Homepage */

#mainContentCol1 {
	position: relative;
	float: left;
	width: 283px;
	height: 300px;
	margin: 0 auto;
	margin-left: 6px;
	background: url(images/bg2ColHome.gif) top left no-repeat;
	padding-right: 20px;
	padding-top: 10px;
}

#mainContentCol2 {
	position: relative;
	float: left;
	width: 283px;
	height: 300px;
	margin: 0 auto;
	padding-top: 10px;
	background: url(images/bg2ColHome.gif) top left no-repeat;
}

p.homecolumns {
	margin-left: 25px;
	margin-right: 20px;
	margin-top: 0px;
}

/* @end */

/* @group Link styles */

a:visited { color: #FFFFFF; text-decoration: none; }
a:link { color: #FFFFFF; text-decoration: none; }
a:active { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

a.footersel:visited { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.footersel:link { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.footersel:active { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.footersel:hover { color: #FFFFFF; font-weight: normal; text-decoration: underline; }

a.blue:visited { color: #395658; font-weight: normal; text-decoration: none; }
a.blue:link { color: #395658; font-weight: normal; text-decoration: none; }
a.blue:active { color: #395658; font-weight: normal; text-decoration: none; }
a.blue:hover { color: #395658; font-weight: normal; text-decoration: underline; }

/* @end */


/* @group Form styles */

.formfield {
	color: #395658;
	font: normal 11px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-top: 5px;
}


/* @end */


	/* 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: 0 auto;
	}
	/* 2 column right menu settings */
	

	
.col1 {
        float: left;
				width:640px;
				margin: 0 auto;
        overflow:hidden;
	}

.col2 {
        float:left;
        width:302px;
				margin-left: 15px;
				background: url(images/bgRight.gif) top left no-repeat;
    }