/* CSS Document */

body
{
margin:0 auto; 
color:#626262;
font-family:tahoma, Arial, Helvetica, sans-serif;
font-size:0.85em;
background:#f7f7c8;
}


.clear
{
clear:both;
}



#wrapper
{
width:760px;
height:auto;
position:relative;
margin:0 auto;
text-align:left;
margin-top:27px;
background:#fff url('../images/layout/wrapper-bg-1.gif') top left repeat-y;
border:20px solid #6B9A52;
}



#sidebar
{
width:150px;
height:auto;
position:relative;
float:left;
background:#888888;
margin:0 1px 0 0;
}
#sidebar ul
{
line-height:27px;
list-style-type:none;
padding-left:20px;
_margin-left:10px;
}
#sidebar ul li
{
font-size:1.0em;
}
#sidebar ul li a:link,
#sidebar ul li a:visited
{
color:#fff;
text-decoration:none;
font-weight:900;
}
#sidebar ul li a:hover
{
color:#E2CAC0;
background:#939292;
text-decoration:underline;
}
#sidebar img
{
border:0;
}


#content-outer
{
width:609px;
height:auto;
position:relative;
float:right;
}



#header
{
width:609px;
height:auto;
position:relative;
}
#header img
{
height:110px;
margin-bottom:0;
padding-bottom:0;
}



#sub-nav
{
height:auto;
width:auto;
background:#6B9A52;
margin-top:0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color:#fff;
}
#sub-nav ul
{
margin-top:0;
padding-top:0;
margin-bottom:0;
line-height:27px;
padding-left:20px;
_margin-left:0px;
}
#sub-nav ul li
{
list-style-type:none;
display:inline;
line-height:27px;
margin-right:10px;
font-size:1.2em;
}
#sub-nav ul li a:link,
#sub-nav ul li a:visited
{
color:#fff;
text-decoration:none;
}
#sub-nav ul li a:hover
{
color:#E0F2AE;
}



#content
{
height:auto;
width:569px;
padding:20px;
}
#content img
{
border:1px solid #666666;
}
#content p
{
margin-top:0;
}
#content h2
{
font-size:1.4em;
margin-top:0;
color:#6B9A52;
}
#content h3
{
font-size:1.2em;
margin-top:0;
border-bottom:1px solid #D7D7D7; 
}
#content ul
{
padding-left:20px;
_margin-left:10px;
}
#content ul li
{
list-style-type:square;
}
#content a:link,
#content a:visited
{
text-decoration:underline;
color:#6B9A52;
}
#content a:hover
{
background:##E2CAC0;
}


#content ul.list-1
{
position:relative;
float:left;
margin:0 10px 0 0;
}
#content ul.list-2
{
position:relative;
float:left;
margin-top:0px;
}



#content ul.links
{
padding-left:0px;
_margin-left:0px;
list-style-type:none;
}
#content ul.links li
{
list-style-type:none;
}
#content ul.links li img
{
position:relative;
float:left;
clear:left;
margin:0 20px 20px 0;
}
#content ul.links li
{
clear:both;
}

#content ul.links li a:link,
#content ul.links li a:visited
{

}


/* Footer */

#footer
{
width:720px;
height:auto;
margin:0 auto;
padding:20px;
background:url('../images/layout/footer-bg.gif') top left repeat-y;
}
#footer p
{
margin-top:0;
margin-bottom:5px;
margin-left:150px;
}
#footer p span
{
font-size:0.85em;
line-height:0.9em;
}
#footer a:link,
#footer a:visited
{
border:0;
text-decoration:none;
color:#666666;
}
#footer img
{
position:relative;
float:left;
margin-right:10px;
border:0;
}

#footer-outer
{
width:760px;
height:auto;
margin:0 auto;
position:relative;
background:#f7f7c8;
padding-top:5px;
}

.bottom-links
{
position:relative; height:auto; margin:0 0 0 20px; text-align:right; color:#6E6E6E; line-height:15px;
}
.bottom-links a:link,
.bottom-links a:visited
{
text-decoration:none; float:right; position:relative; margin-right:10px; line-height:15px;
}
.bottom-links img
{
border:0; text-align:right; line-height:15px; margin-bottom:5px;
}
.bottom-links a:link,
.bottom-links a:visited
{
color:#6E6E6E;
}




/* GALLERY PAGE */

#content #container-gallery
{
width:100%;
}
#content #container-gallery img
{
width:165px;
height:110px;
position:relative;
margin-top:8px;
float:left;
border:1px solid #CCCCCCC;
clear:none;
display:inline;
margin-right:20px;
margin-bottom:20px;
padding:0px;
}
#container-gallery a:link,
#container-gallery a:visited
{
border:0;
}






/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:7000;
	margin:-250 0 0 -250px;
	border:20px solid #6B9A52;
	background:#D7D7D7;
	text-align:right;
	color:#6E6E6E;
	overflow:auto;
	scrollbar-base-color:#FACAD6;
	font-size:1.1em;
}
#lightbox img
{
text-decoration:none;
border:none;
}
#lightbox #keyboardMsg
{
padding-right:5px;
}
#lightbox #keyboardMsg kbd
{
font-size:1.5em;
color:#6E6E6E;
font-weight:bold;
text-decoration:none;
}
#lightbox #keyboardMsg a:link,
#lightbox #keyboardMsg a:visited
{
color:#6E6E6E;
text-decoration:none;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:8999;
	background-color:#fff;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}