/* CSS Document */

Body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;

}



/* HEADER */

#headertable {
border-bottom: 1px solid #FFFFFF;

}

/* NAVBAR */

div.navbar {
margin-top: 6px;

}

a.navmain:link {
color:#FFF;
text-decoration: none;
font-weight:bold;
}


a.navmain:visited {
color:#FFF;
text-decoration: none;
font-weight:bold;
}

a.navmain:hover {
text-decoration: none;
color: #FFFF00;
font-weight:bold;

}



/* Content */

.outtercontentbox {
margin-top: 5px;
}

.outtercontentbox p  {

}

/* BLUE LINKS */

a.bluelink:link {
color:#fff;
font-size: 12px;
text-decoration: none;
padding-top: 3px;
padding-bottom: 1px;
border-bottom: 3px dotted #FFFF00;
font-weight:bold;
}

a.bluelink:visited {
color:#fff;
text-decoration: none;
padding-top: 3px;
padding-bottom: 1px;
border-bottom: 3px dotted #FFCC00;
font-weight:bold;
}

a.bluelink:hover {
text-decoration: none;
color: #FFCC00;
padding-top: 1px;
padding-bottom: 3px;
border-bottom: 3px dotted #FFCC00;
font-weight:bold;
}

a.bluelink:active {
color: #FFCC00;
padding-bottom: 1px;
padding-top: 3px;
border-bottom: 3px dotted #FFCC00;
font-weight:bold;

}


h3.smallhexesblue {
color: #33ccff;
font-size: 15px;
font-weight:bolder;
font-style:italic;
margin-bottom: 6px;
}

h3.smallhexesorange {
color: #ffc766;
font-size: 15px;
font-weight: bolder;
font-style:italic;
margin-bottom: 6px;
margin-right: 0px;
}



.contentblue {
border-right: 3px ridge #6666ff; 
padding: 30px 20px 30px 30px; 
background-image: 
url(images/BGcontent.png); 
background-repeat:no-repeat;
}


.contentblue p {

line-height: 18px;
}





.contentblue #dividerblue {
display:block;
width: 100%;
height: 11px;
background-image:url(images/dividerblue.png);
margin-bottom: 5px;

}

.contentblue #dividerorange {
display:block;
width: 100%;
height: 11px;
background-image:url(images/dividerorange.png);
margin-bottom: 5px;

}

.contentblue #contentfeature {
display:block;
background-image:url(images/BGfeature.png);
border: 1px solid #33ccff;
width: 724px;
height:auto;
padding: 10px;

}


/* CONTENT ORANGE */


.contentorange {
border-right: 3px ridge #ffce66; 
padding: 30px 20px 30px 30px; 
background-image: 
url(images/BGcontent.png); 
background-repeat:no-repeat;
}


.contentorange p {

line-height: 18px;
}





.contentblue #dividerblue {
display:block;
width: 100%;
height: 11px;
background-image:url(images/dividerblue.png);
margin-bottom: 5px;

}

.contentorange #dividerorange {
display:block;
background-color: #fff;
width: 100%;
height: 1px;
margin-bottom: 5px;

}

.contentorange #contentfeature {
display:block;
background-image:url(images/BGfeature.png);
border: 1px solid #ffc766;
width: 724px;
height:auto;
padding: 10px;

}















#extraDiv1 {

	position: relative; 
	top: 20px;
	left: 630px;
	background: url(images/colorhexes.png);
	width: 145px;
	height: 23px;
	}

#extraDiv2 {
top: 0px;
width: 100%;
height:auto;
padding-top: 3px;
padding-bottom: 0px;
margin-top: 5px;
}

a.homenav:link {
font-size:10px;
color: #FFFFFF;
text-decoration: none;

}

a.homenav:visited {
font-size:11px;
color: #FFFFFF;
text-decoration: none;

}

a.homenav:hover {
color: #FFFF00;
text-decoration: underline

}


#extraDiv3 {

	position: absolute; 
	top: 20px;
	right: 20px;
	background: url(images/tricountvertical.png);
	background-repeat:no-repeat;
	width: 105px;
	height: 518px;
	}
	
	

 
  img, div { behavior: url(iepngfix.htc) }
  
  * { behavior: url(iepngfix.htc) }