* {margin:0;padding:0;} 

html, body, #wrap {
	height:100%
}

body > #wrap {
	height:auto; 
	min-height:100%;
}

#main {
	padding-bottom:46px /* must be same height as the footer */
}

p {
    font-size:20px;
	color:#ffffff;
	text-align:center;
	padding:8px 8px 0 8px;
}

h1 {
    font-size:18px;
	color:#ffffff;
	text-align:center;
}

h2 {
    font-size:14px;
	color:#ffffff;
	text-align:left;
	padding:5px 8px 0 8px;
}

body {
	font-family:verdana,tahoma,helvetica,arial,sans-serif;
	font-size:62.5%;
	text-align:center;
    color:#003333;
	background-color:#f6ebc2;
	background-image:url(Images/Back2.jpg);
}

#wrapper {
	text-align:left;
	margin:0px auto;
	width:800px
}

#spacer1 {
	float:left;
	height:113px;
	width:100%;
	background:url(Images/Logo.png) no-repeat left;
}

#spacer2 {
	float:left;
	height:5px;
	width:100%
}

#content1 {
	float:left;
	height:125px;
	width:100%;
	text-align:center;
}

#content2a {
	float:left;
	height:220px;
	width:33%;
	background:url(Images/divln.jpg) no-repeat right;
	padding:0 0 0 12px
}

#content2b {
	float:left;
	height:220px;
	width:251px;
	background:url(Images/divcn.jpg) no-repeat center
}

#content2c {
	float:left;
	height:220px;
	width:33%;
	background:url(Images/divrn.jpg) no-repeat left
}
   
#bodyspacer {
	float:left;
	height:154px;
	width:21px
}

#content3 {
	float:left;
	height:154px;
	width:95.6%;
    font-size:20px;
	background:url(Images/DRCBar2n.jpg) no-repeat top center
}

#content4 {
	float:left;
	height:700px;
	width:95.6%;
	background:url(Images/DRCBar3.jpg) no-repeat top center
}

#buttonalign {
	position:relative;
	left:80px;
	top:168px
}

#number {
	position:absolute;
	top:55px;
	left:51%;
	font-size:21px;
	font-weight:bold;
	color:#000000;
	letter-spacing:7.5px;
	padding: 0 0 0 5px
}
		
#ikky {
	font-size:9px;
	text-align:center;
	letter-spacing:3px;
	word-spacing:4px;
	vertical-align:middle;
	line-height:16px;
	color:#ffffff
}

/*Sticky Footer starts here*/ 
#footer {
	position:relative;
	margin-top:-46px;
	height:46px;
	background-color:#28905f;
	clear:both;
	z-index:2;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* End Sticky Footer */ 

.footfont {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:3px;
	word-spacing:10px;
	vertical-align:middle;
	line-height:16px;
	color:#ffffff
}

/*menu*/
#nav{
	position:absolute;
    top:98px;
    left:50%;
    clear:both;
    font-size:16px;
    font-weight:bold;
    color:#666;
    margin-left:1px;
    float:left;
    list-style-type:none;	
    padding-bottom:21px;
}

html>body #nav{
  margin-left:8px;
  background: <strong>4px</strong> 100% #fff;
}


#nav li{
    list-style-type:none;
    float:left;
    margin:0 0 0 1px;
    padding:0 0 0 10px ;
    border-bottom:1px solid #999;
    background:url(Images/tabgrey.gif) top left no-repeat;
}

#nav li a{
    color:#666666;	
    background:url(Images/tabgrey.gif) transparent top right no-repeat;
    display:block;
    padding:0 10px 0 0;
    text-decoration:none;
}

#nav li.cur,
#nav li.over,
#nav li:hover {
    background:url(Images/tabgreen.gif) #3375b2 top left no-repeat;
    border-bottom:1px solid #339966;
    text-decoration:none;
}

#nav li strong,
ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a {
    display:block;
    color:#ffffff;
    padding:0 10px 0 0;
    text-decoration:none;
    background:url(Images/tabgreen.gif) transparent top right no-repeat;
}

