*{margin:0;padding:0}
p{	/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
	margin:0 0 .5em 0;  /* top right bottom left */
	padding:5px;
	/*position:relative;*/
}
h1{
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:5px;
}
body{
	text-align:center;
	background:#C5C56E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
}
#pagewrapper{
	width: 955px;
	/*height: 100%;*/
	margin: 0 auto; /*Center container on page*/  /* top right bottom left */
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
#wrapper{
	width:925px;
	margin:0px auto;  /* top right bottom left */
	padding:0;
	text-align:left;
	background:#fff;
	border-top:none;
	z-index:5;
}
#header{
	background-color:#fff;
	width: 925px;
	height:134px;
	position:relative;
	z-index:5;
}
#logo{
	background-image:url(../images/logoNew.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:134px;
}
#breadcrumb{
	background:#999900;
	height:15px;
	position:relative;
	z-index:5;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:-5px;
	margin-right:-5px;
}
#footer{
	background-color:#F3F3F6;
	margin-left:-5px;
	margin-right:-5px;
	position:relative;
	clear:both;
	z-index:5;
}
#flashscroller{
	height: 35px;
}
#global{
	background-color:#F3F3F6;
	height:25px;
	padding:0 0 0 5px; /* top right bottom left */
}
#copyright{
	border:none;
	background-image:url(../images/copyrightbackground.jpg);
	background-repeat:repeat-x;
	height:95px;	
	vertical-align:text-bottom;
	margin-left:-5px;
	margin-right:-5px;
	position:relative;
	z-index:5;
}
#copyright p{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	vertical-align:text-bottom;	
}
#outer{
	position:relative;
	width:935px;
	clear:both;
	z-index:4;
}
#left{
	width:130px;
	z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 11px;  /* top right bottom left */
	display:inline;
	border: 0px solid red;
}
#right{
	float:right;
	margin:0 11px 0 0;
	
	width:152px;
	z-index:1;
	position:relative;
	float:left;
	margin:0 0 0 11px;  /* top right bottom left */
	display:inline;
	border: 0px solid red;
}
#content{
	width:615px;
	float:left;
	margin:10px 0 0 11px;  /* top right bottom left */
	padding:0 0 25px 0;  /* top right bottom left */
	display:inline;
	position:relative;
	z-index:1;
	border: 0px solid red;
}

/* BEGIN FOR TWO COLUMNS */
#content2Col{
	width:757px;
	float:left;
	margin:10px 0 0 11px;  /* top right bottom left */
	display:inline;
	position:relative;
	z-index:1;
}
/* END FOR TWO COLUMNS */

.col{
	/*width:200px;*/
	position:absolute;
	z-index:0;
	left:10px;
	bottom:0;
	border-top:none;
}
.one{
	background:#ffffff;
	border-right:1px solid #827F91;
	width: 130px;
}
.two{
	background:#ffffff;
	left:222px;
	width:614px;
}
.three{
	background:#666633;
	width:152px;
	left:778px;
}
html>body .col{top:0}/* hide from ie6 and under*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* Note I haven't bothered with box model hacks but you will need to do them for ie5.+ if it worries you */

/* BEGIN NAVIGATION */

#navigation{
float: left;
margin-left: -15px;
width: 130px;
height: 100%;
}

.markermenu{
list-style-type: none;
margin: 10px 1px;
padding: 0;
width: 142px;
border: 0px solid #9A9A9A;
}

.menuindent{
padding-left: 20px;
font-size:10px;
}

.markermenu li a{
background: url(../media/arrow-list.gif) no-repeat 1px center;
font: normal 12px Verdana, Helvetica, sans-serif;
color: #615f61;
display: block;
width: auto;
padding: 3px 0;
padding-left: 22px;
text-decoration: none;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #eeeeef;
}




.markermenu li a:visited, .markermenu li a:active{
color: #615f61;
}

.markermenu li a:hover{
color: #827F91;
background-color: #F3F3F6;
background-image:url(../images/nav_arrow.jpg); /*onMouseover image change. Remove if none*/
border-top: 1px solid #ffffff;
border-bottom: 1px solid #e6e6e8;
}

.markermenu .selected{
color: #827F91;
background-color: #F3F3F6;
background-image:url(../images/nav_arrow.jpg); /*onMouseover image change. Remove if none*/
background-repeat:no-repeat;
background-position:left;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #e6e6e8;
}


/* END NAVIGATION */

/* BEGIN GLOBAL FOOTER NAVIGATION */

.global {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	text-decoration: none;
}
.global a:link{
	color : #003366;
	text-decoration: none;
}
.global a:active {
	text-decoration: underline;
}
.global a:hover {
	text-decoration : underline;
}
.global a:visited {
	color: #666699;
}

/* END GLOBAL FOOTER NAVIGATION */

/* BEGIN BREADCRUMB NAVIGATION */

.breadcrumb {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	text-decoration: none;
}
.breadcrumb a:link{
	color : #E3E1F9;
	text-decoration: none;
}
.breadcrumb a:active {
	text-decoration: underline;
}
.breadcrumb a:hover {
	text-decoration : underline;
}
.breadcrumb a:visited {
	color: #E3E1F9;
}

/* END BREADCRUMB NAVIGATION */

a {
	color: #003366;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a:visited {
	color: #666699;
}

.bestpractices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #ffffff;
	padding: 10px;
}

ul{
	margin-left: 20px;
	margin-bottom: 10px;
}