/* HCAA version 1.0 */
/***********Basic formatting********************************/

body
{
	background-position: 0% 0%; 
	margin:0; 
	padding:0; 
	color: #444444;
	background-color: #FFFFFF;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:90%; 
	font-family:arial, helvetica, sans-serif; 
	background-image:none; 
	background-repeat:repeat; 
	background-attachment:scroll 
}


h1
{
	background: #008000;
	margin: 0;
	color:#FFFFFF; 
	text-align:center;
	padding-left:5%; padding-right:3%; padding-top:.5em; padding-bottom:.5em 
}

h1 span
{
	font-size: 75%; 
	font-style:italic;
}

h2
{
	margin-top: 0;
	background-color:#FFFFFF;
	color: #993300;
	font-weight: 600;
	font-family: arial,sans-serif; 
}

h3
{
	margin-top: 0;
	background-color:#FFFFFF;
	color: #008000;
	font-size: 110%;
	font-family: Arial,sans-serif;
}

ul li
{
	display: list-item;
	font-family: arial, sans-serif;
	font-weight: 400;
	font-size:100%;
}

p            
{
	font-family: arial, sans-serif; 
	padding-left:0; 
	padding-right:1px; 
	padding-top:0; 
	padding-bottom:0px; 
	font-size:100%;
	font-weight: 400;
	margin-top:0;
	margin-bottom:0.2em
}

p.c
{
	text-align: center;
}
/****************Link formatting*****************************************/

a:link
{
	color:#3333CC;
}



/****************Menu****************************************************/
#nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*background: #008000;*/
	color: #FFFFFF;
	float: left;
	width: 100%
}

#nav li
{
	display: inline; 
	font-family: Arial, sans-serif;
	font-weight:800;
	font-size:90%;
}

#nav ul a
{
	/*border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #008000; border-bottom:1px solid #008000; */
	display: block;
	float: left;
	text-decoration: none;
	color: #008000;
	/*background-color:#008000;*/
	padding-left:1em; padding-right:1em; padding-top:.2em; padding-bottom:.2em
}

#nav ul a:hover, #nav ul a:active
{	
	/*border-style:solid; 
	border-width:1px;*/ 
	background:#008000; 
	color: #FFFFFF;
}

#nav ul a.selected
{
	/*border-style:solid; 
	border-width:1px; */
	background:#FFFFFF; 
	color: #993300;
}
/*********************Containers*************************************************/
#bannerpic
{
	width: 100%;
	height:37px;
	background-image:url('../images/treeband5.jpg');
	background-repeat:repeat-x
}

#pagehdr
{
	float: left;
	width: 94%;
	margin: 1em 3%;
}

#content1
{	
	float: left;
	width: 43%;
	margin: 0% 0% 3% 3%;
}

#content2
{	
	float: left;
	width: 43%;
	margin: 0% 0% 3% 3%;
}

#content3
{	float: left;
	text-align:center;
	width: 95%;
	margin: 0% 0% 3% 3%;
}
#ctblogo
{	
	float: left;
	width: 43%;
	margin: 0% 0% 3% 3%;
}


#footer
{
	clear: both;
	background: #008000;
	color: #FFFFFF;
	height: 20px;
	/*width:100%;*/
	text-align: center;
	font-size: 100%; 
	margin: 0;
	padding: .5em 3%;
}
/********************Newssplash***************************************/
#newssplash
{	background: #CCFFCC;
	color:#FFFFFF;
	
	width:100%;
	padding: 2%;
	margin-bottom: 1em
}

#newssplash h3
{	
	margin-top: 0;
	background-color:#CCFFCC;
	color: #993300;
	font-weight: 800;
	font-size: 110%;
	text-align: center;
	font-family: Arial, sans-serif
}

#newssplash p
{	
	margin-top: 0;
	background-color:#CCFFCC;
	color: #993300;
	font-size: 100%;
	font-family: Arial, sans-serif;
	font-weight: 800;
}


  /******************blockquotes*************************************/
blockquote
{
	margin: 1em 0;
	border: 1px solid #ddd;
	background: url(images/quotemarks.gif) 5px 5px no-repeat;
	padding-top: 30px;
}

blockquote p
{
	padding: 0 70px;
}

blockquote p.source
{
	background: url(images/quotemarksa.gif) no-repeat 100% 100%;
	padding-bottom: 30px;
	margin: 0 5px 5px 0;
	text-align: right;
	font-style: italic;
}
/***************Floated images****************************************/
div.imagecaption
{
	float:right;
	width:120px;
	margin: 0 1em 1em 1em;
	display:inline;
}

/**************Gallery***********************************************/
   /* The containing box for the gallery. */
#container {
    position:relative;
    text-align:center; 
    width:700px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }
    
    /* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
    
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
    
    /* Adding the thumbnail images */
#container a.gallery, #container a:visited.gallery {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url('../images/thumbport1.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slideb {
    background:url('../images/thumbport2.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slidec {
    background:url('../images/thumbport3.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slided {
    background:url('../images/thumbland1.jpg'); 
    height:60px; 
    width:93px
    }
* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }
#container a.slidee {
    background:url('../images/thumbland2.jpg'); 
    height:60px; 
    width:93px
    }
#container a.slidef {
    background:url('../images/thumbland3.jpg'); 
    height:60px; 
    width:93px
    }
* html #container a.slidef {
    width:91px; 
    width:93px;
    }
#container a.slideg {
    background:url('../images/thumbland4.jpg'); 
    height:60px; 
    width:93px
    }
#container a.slideh {
    background:url('../images/thumbport4.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slidei {
    background:url('../images/thumbport5.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slidej {
    background:url('../images/thumbport6.jpg'); 
    height:93px; 
    width:60px
    }
#container a.slidek {
    background:url('../images/thumbland5.jpg'); 
    height:60px; 
    width:93px
    }
* html #container a.slidek {
    width:91px; 
    width:93px;
    }
#container a.slidel {
    background:url('../images/thumbland6.jpg'); 
    height:60px; 
    width:93px
    }
    
    /* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    }
#container li {
    float:left;
    }
    
    /* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }
    
    /* change the thumbnail border color */
#container a:hover.gallery {
    border:1px solid #fff; 
    }
    
    /* styling the :hover span */
#container a:hover.gallery span {
    position:absolute; 
    width:372px; 
    height:372px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#fff;
    }
    
#container a:hover.gallery img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
    
    #container a:hover.slideb img, #container a:hover.slidei img {
    float:right;
    }
    
    #container {
    background:#fff url('../images/spring.jpg') no-repeat 75px 10px;
    }
 /****************Floated images********************/
 div.imagecaption
{
	float:right;
	width:100px;
	margin: 0 1em 1em 1em;
	display:inline;
}