* {
margin : 0;
padding : 0;
}
body {
text-align : center;
background-color : #a2b2a7;
font-family : Verdana, Geneva, Sans-Serif;
}
ul {
list-style-type : square;
list-style-position: inside;
}
h1 {
margin-left : 25px;
font-size : 1.5em;
color : #483f3d;
}
h2 {
color : #5699a7;
padding : 10px 23px 10px 23px;
}
h3 {
color : #5699a7;
padding : 40px 23px 10px 23px;
border-bottom: 2px solid #9b968f;
}
#wrapper {
margin : 0 auto;
width : 880px;
background-color : #e2e6e0;
background-image : url(../images/flowerbg.png);
margin-top : 1px;
}
a:link {
text-decoration : underline;
color : #2b2a28;
}
a:visited {
text-decoration : underline;
color : #2b2a28;
}
a:active {
text-decoration : none;
color : #5699a7;
}
a:hover {
text-decoration : none;
color : #5699a7;
}
#branding {
background : #2b2a28 url(../images/bg.png) repeat-x top;
position : relative;

}

#header {
background : #2b2a28 url(../images/bg.png) repeat-x top;
height : 180px;
border-bottom: 2px solid #2b2a28;
}
#header img {
float : left;
}
#navbar {
height : 25px;
background-color : #2b2a28;
border-bottom : 1px solid #514e45;
padding-right : 0;
text-align : center;
}
#navigation {padding-top : 4px;
padding-right : 0;
list-style-type : none;
}
#navigation ul {
text-align : center;
list-style-type : none;
}
#navigation li {
display: inline; 

padding-right : 20px;
text-transform : uppercase;
font-size : 0.75em;
font-weight : normal;
}
#navigation li a {
color : #888;
text-decoration : none;
}
#navigation li a:hover, #navigation li.active a {
color : #f2ab4f;
text-decoration : underline;
}
#leftcolumn {
float : left;
width : 400px;
}
.leftbox {
background : #eeeded;
padding : 5px;
margin-bottom : 20px;
width : 95%;
overflow : hidden;
font-size : 11px;
line-height : 18px;
color : #58584d;
}
.leftbox img {
float : left;
border : none;
}
.leftfeature {
position : relative;
top : 400px;
left : 5px;
}
#rightcolumn {
float : right;
width : 150px;
}
.rightfeature {
position : relative;
top : 260px;
left : 0;
}
.navbox {
border-left : 1px solid #e2e6e0;
padding : 0 23px 10px 23px;
margin-bottom : 10px;
line-height : 1em;
}
ul.navbox {
list-style-type : none;
font-size : 0.75em;
font-style : italic;
}
ul.navbox li a {
display : block;
padding : 3px 0 2px 2px;
height : 12px;
color : #42423b;
border-bottom : 1px dashed #d1cfcd;
}
ul.navbox li a:hover {
background : #e5e5e4;
color : #42423b;
}
h3.navbox {
color : #5699a7;
font-size : 12px;
font-weight : bold;
padding : 10px 23px 10px 23px;
}
.rightbox img {
padding-top : 900px;
float : left;
border : none;
}
#content {
margin : 0 15px 0 300px;
padding-bottom : 0.5em;
background-color : #fff;
color : #000;
text-align : left;
}
#content h1 {
color : #3D3020;
margin-left : 25px;
font-size : 1.5em;
padding : 10px 23px 10px 23px;
}
#content p {
font-size : 0.85em;
line-height : 1.5em;
margin : 1em 12px;
}
#content ul {
font-size : 0.85em;
margin : 1em 20px 1em 40px;
}
#content ul li {
margin-bottom : 0.5em;
}
.foottext {
color : #483f3d;
text-align : center;
text-transform : uppercase;
font-size:0.80em
}
#footer {
clear : both;
background-color : #a2b2a7;
background-image : url(../images/footerbg.png);
background-repeat : repeat-x;
color : #5699a7;
border-top : 1px solid #b0c4d0;
text-align:center;
}

#footnav{
		float: right;
		padding : 2px  60px;
}
#foottext a{
color: #A39D97;

}
	#credits{
		
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
}

#footnav ul{
list-style-type : none;
}
#footnav li{
float: left;
padding-left:9px;
list-style-type : none;
}
#footnav li a{padding :1px 3px;
text-decoration : underline;

}
#footnav li a:hover{
text-decoration : none;
color: #5699A7;
background : #A39D97;
}

/* Applies to entire gallery div */
        .gallery{
            position:relative;
            margin-top:2em;           
        }

        


        /* Small thumbnail images */
        .gallery a img {
            width: 6em;
            margin:0.25em 0;
	    padding: 1px;
            border:solid 1px #000;
         }

	
        
        /* Large image size */
        .gallery a span img {
            width: 20em;
        }
        
        /* Span that surrounds large image */
        .gallery a span {            
            position: absolute;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: #ddd;
            padding:1em;
            color: black;     
        }
         
        /* IE6 needs this style rule */
        .gallery a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        .gallery a:hover span {
            visibility: visible;
            top: 5em;
            left: 15em; 
        }