html, body{ 
 margin:0; 
 padding:0; 

  background-color:#ffffff; 

/*	text-align: justify;*/
	border: 0px;
	padding: 0px;

color:#333399; font-size:small; font-family:Arial, Helvetica, sans-serif;
 background-image:url(images/leftdecor.jpg);
 background-repeat: repeat-y;
} 

P{color:#333399; font-size:small; font-family:Arial, Helvetica, sans-serif; }
A{color:#000033; }
A:Visited{color:#330066; }
A:Hover{color:#660000; } 

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

#header {
position:relative; 
width:100%;
height:111px;
background-image:url('images/cda-logo.jpg');
background-repeat: no-repeat;
background-position:right;
}

#header h1 {display:none;}

#mainmenu {
color:#ffffff;
background-color:#333399;
font-size:small; font-family:Arial, Helvetica, sans-serif;
width:100%
}
#mainmenu A{color:#ccf; text-decoration:none;}
#mainmenu A:Visited{color:#aad; }
#mainmenu A:Hover{color:#fff; }
#mainmenu ul
{
list-style-type:none;
margin:3px;
padding:0;
}
#mainmenu li
{
display:inline;
margin-right:20px;
}

#profilesOuter {
width:728px;
height:302px;
padding:0;
margin:auto;
background-color:#333399;
background-image:url('/images/prof-bg1.png');
border:1px solid #227;
}
#profilesOuter img {
width:160px;
height:220px;
margin:0;
padding:0;
}
#profilesOuter p {
font-size:x-small;
}

.profileInner {
width:160px;
height:280px;
margin:5px;
padding:5px;
background-color:#fff;
background-image:url('/images/prof-bg2.png');
border:1px solid #227;
float:left;
}
.profName {font-weight:bold;text-align:center;margin-bottom:5px}
.profDesc {}


.adminOption {
display:block;
margin:auto;
margin-top:10px;
width:100%;
height:35px;
border:2px solid #009;
background-color:#aaf;
color:#007;
font-size:2em;
text-align:center;
}
#adminPanel a {text-decoration:none;}

div.adminOption:hover {
    background-color:#ccf;
    color:#004;
}


#buttonNav {
margin:auto;
text-align:center;
width:740px;
}
.buttonBox {
float:left;
text-align:center;
width:246px;
height:100px;
}

.tabhead {
display: block;
}

.photos {
border: solid 2px #555500;
}

.finebox {
font-family: Verdana, Arial, Helvetica;
font-size: 10px;
border: 1px solid;
border-color: #112200;
}


#pagewidth{ 
position: relative;
top:10px;
 border:solid 2px #000000;
 width:100%; 
 max-width:1020px;
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
  background-color:#FFFFcc; 
} 


#leftcol{
 width:220px; 
 height:100%;
 float:left; 
 position:relative; 
  }

#leftcol h1 {

	font: normal 18px Arial, Helvetica, sans-serif;
}
#leftcol h2 {
	text-indent: 10px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

#leftcol p {
	padding-left: 10px;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#leftcol hr {
	color: #5a6402;
	background-color: #5a6402;
	height: 2px;
}

#leftcol A{color:#886600; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
#leftcol A:Visited{color:#997700; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
#leftcol A:Hover{color:#552200; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;} 

#col1{
float:left;
width:48%;
}

#col2{
float:right;
width:48%;
}


#rightcol{
 border: solid 2px #000000;
	padding-left: 5px;
	padding-top: 0px;
 width:250px; 
 float:right; 
 position:relative; 
 left:-5px;
 top:0px;
 background-color: white;
  }

#rightcol h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
}
#rightcol h2 {
	text-indent: 10px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

#rightcol p {
	padding-left: 10px;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#rightcol hr {
	color: #5a6402;
	background-color: #5a6402;
	height: 2px;
}

#rightcol A{color:#886600; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
#rightcol A:Hover{color:#552200; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;} 
#rightcol A:Visited{color:#997700; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}


.disappear{
display: none;
}



.inlink {
		padding-left: 30px;
}

#maincol{
	margin-left: 220px;
	padding: 10px;
 }

#maincol h1{
	font: normal 24px Arial, Helvetica, sans-serif;
	}
#maincol h2{
	font: normal 20px Arial, Helvetica, sans-serif;}
#maincol p {font: normal 16px Arial, Helvetica, sans-serif;}

#maincol li {font: normal 16px Arial, Helvetica, sans-serif;}

#fullpage{
	padding-left: 10px;
	padding-top: 20px;
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }

#fullpage h1{
	font: normal 20px Arial, Helvetica, sans-serif;
	height: 50px;
	}
#fullpage h2{
	font: normal 20px Arial, Helvetica, sans-serif;}
#fullpage p {font: normal 16px Arial, Helvetica, sans-serif;}

#fullpage li {font: normal 16px Arial, Helvetica, sans-serif;}

 
#footer{
 margin:20px;
 height:60px; 
 clear:both;
 text-align: center;
 } 
#footer a {color:#000033; text-decoration:none; font-size:small; font-family:Arial, Helvetica, sans-serif;  }
#footer a:Visited{color:#330066; text-decoration:none; font-size:small; font-family:Arial, Helvetica, sans-serif;  }
#footer a:Hover{color:#660000; text-decoration:none; font-size:small; font-family:Arial, Helvetica, sans-serif;  }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block; ) no-repeat;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}