/*CSP CSS CODE*/
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

#container
{
width: 800px;
margin: 10px auto;
background-color: #ffffff;
color: #333;
border: 1px solid gray;
}

#container1
{
width: 800px;

}

#top
{
padding: 0;
/*background-color: #231f20;*/
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 150px;
margin: 0;
padding: 10px;
}

#rightnav
{
float: right;
width: 135px;
margin: 0;
padding: 10px;
text-align:center;
}

#content
{
margin-left: 170px;
border-left: 1px solid gray;
margin-right: 130px;
border-right: 1px solid gray;
padding: 10px;
width: 595px;
vertical-align:top;
}

#content2col
{
float:left;

border-right: 1px solid gray;
padding: 10px;
width: 621px;
}

#footer
{
clear:both;

margin: 0;
padding: 3px;
color: #fff;
background-color: #095b00;
border-top: 1px solid gray;
font-size: 0.8em;
}

#footer a:link{text-decoration: underline; color:#fff;
}
#footer a:visited {text-decoration: underline; color:#fff;
}
#footer a:active {text-decoration: underline; color:#fff;
}
#footer a:hover {text-decoration: underline; color: #fff;
}

#menu
{
clear: both;
margin: 0;
padding: 2px;
color: #fff;
background-color: #095b00;
font-weight:bold;
font-size: 0.7em;
}

#menuheader
{
clear: both;
margin: 0;
padding: 5px;
color: #fff;
background-color: #3b3b3b;
font-weight:bold;
font-size: 0.7em;
}

#submenu
{
clear: both;
margin: 0;
padding: 3px;
color: #fff;
background-color: #108504;
font-weight:bold;
font-size: 1em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#submenumain
{
clear: both;
margin: 0;
padding: 3px;
color: #fff;
background-color: #108504;
font-weight:bold;
font-size: 1em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#submenumainline
{
border-bottom:2px dotted #108504;

}

#contactinfo
{
clear: both;
margin: 0;
padding: 5px;
color: #333;
float:right;
}

A:link {text-decoration: none; color:#332a91}
A:visited {text-decoration: none; color:#332a91}
A:active {text-decoration: none; color:#332a91}
A:hover {text-decoration: underline; color: #332a91;}

#menu a:link{text-decoration: none; color:#fff;   padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 2px;
}
#menu a:visited {text-decoration: none; color:#fff; padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 2px;}
#menu a:active {text-decoration: none; color:#fff; padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 2px;}
#menu a:hover {text-decoration: none; color: #000; background-color: #fff;
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 2px;
}


#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


/* Gallery styling */

.photo {position:relative; width:700px; height:382px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(../images/buttons/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; height:30px; line-height:30px; background:#fff url(../images/buttons/gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:480px; height:360px; background:#f8f8f8; border:1px solid #888; position:absolute; left:250px; top:0;}

.photo ul :hover table
{padding:0; margin-top:-2px; display:block; border:1px solid #888; border-width:0 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height:207px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}

.photo ul :hover ul li a
{background:transparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #fc0;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{left:250px; z-index:0; border:1px solid #000;}

.photo .default {width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #ddd;}

.foreword {
	font-weight: bold;
	font-size: 3em;
	font-family: "Times New Roman", Times, serif;
height:2em;
}