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

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

ol, ul {	list-style: none;}

table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	/* end reset styles */
	/* clearing technique */
	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	
.clearfix {display:inline-block;}
	/* mac hide \*/
	
* html .clearfix {height: 1%;}

.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/

html {
	height:100%;}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	background-image:url(images/body-bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	height:100%;}
	
#bottom-gradient {
	background-image:url(images/footer-bg.jpg);
	background-repeat:repeat-x;
	height:63px;
	position:absolute;
	bottom:0px;
	display:block;
	width:100%;
	z-index:-1;}

#container {
	min-height:100%; 
	position:relative;}


#wrapper {
	margin: 0 auto;
	width:960px;
	}


#header {
	background-image:url(images/header-bg.jpg);
	height:141px;
	width:960px;
	}

#logo a {
	background-image:url(images/spacer.gif);
	width:300px;
	height:99px;
	display:block;
	text-indent:-9999px;
	margin-top:12px;
	position:absolute;}

/*........... Content..................*/


#main-content {
	background-image:url(images/c-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:960px;}
	
	#main-content p {
	padding-top:10px;
	padding-bottom: 10px;}
	
		#main-content h2 {
	font-size:18px;
	color:#0F4173;}

#left-box {
	width:280px;
	float:left;}
	
#right-box {
	float:right;
	width:668px;
	padding: 80px 0 0 0;}
	
#right-box h1 {
	font-size:20px;
	color:#0F4173;}
	
	
.box-hdr1 {
	font-size:18px;
	color:#FFF;
	background-color:#0F4173;
	padding-left:20px;
	display:block;
	margin-bottom:8px;
	height:30px;
	line-height:30px;}
	
.box1 {
	border:solid 1px #69C;
	background-color:#D2E1EC;
	padding:10px 0 10px 0;}

.box1 ol  {
	list-style:decimal;
	margin-left:40px;
	color:#025092;
	font-size:14px;}	

.box1 li a {
	text-decoration:none;
	color:#025092;}
	
.box1 li a:hover {
	text-decoration:underline;}
	
.box1-top {
	background-image:url(images/round-corners.png);
	background-position:top;
	height:10px;
	width:606px;}
	
.box1-bottom {
	background-image:url(images/round-corners.png);
	background-position:bottom;
	height:10px;
	width:606px;}
	
.spacer1 {
	margin-top:10px;}


/*----------NAVIGATION----------- */	
	
#nav-holder {
	float:left;
	vertical-align:top;
	width:280px;
	color:#0054A8;
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(images/nav-bg.jpg);
	background-repeat:repeat-y;
	
	}
	
#nav-holder li{
	width:280px;
	display:block;
	border-bottom: solid 1px #FFF;
	}
	
#nav-holder li a{
	text-decoration:none;
	color:#333;
	background-image:url(images/spacer.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:12px;
	padding:  6px  6px 6px 10px;
	line-height:20px;
	display:block;
	
	}
	
#nav-holder li a:hover{
	background-color:#6485A5;
	color:#FFF;
	}
	
.nav-top {
	background-image:url(images/nav-top.png);
	height:4px;}
	
.nav-bottom {
	background-image:url(images/nav-bottom.png);
	height:4px;
	}



/*----------FOOTER----------- */	






#footer {
	background-image:url(images/spacer.gif);
	height:60px;
	width:960px;
	margin: 0 auto;}
	
	
.copyright {
	float:left;
	margin:22px 0 0 14px;
	font-size:11px;}
	
.footer-link {
	float:right;
	margin:22px 14px 0 0px;
	font-size:11px;}
	
.footer-link a{
	text-decoration:none;
	color:#333;}
	
.footer-link a:hover {
	text-decoration:underline;}
	

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}