@charset "utf-8";
/*THE MAIN CSS SHEET.
THIS TOP SECTION CONTAINS ALL THE LAYOUT FOR THE DIVS USED FOR THE
TEMPLATE FILE ON THE SITE.*/

/*@page { orphans:20; }
@page { widows:20; }*/

/*THE ORPHANS AND WIDOWS ARE USED TO GIVE THE PAGE A TOP AND BASE
BORDER EFFECT*/

/*THIS FIRST SECTION CONTAINS ALL THE TEXT STYLING FOR THE BODY, HEADING 1 HEADING 2, HYPERLINKS ETC*/

* {margin:0; padding:0;}


Body
{
	background-color: #FFFFFF;
	color:#555555;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: small;
	text-align:center; /* for IE */
}


p
{

	font-size: small;
	}

h1
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: medium;
	font-weight: bold;	
}

h2
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CB2DE;
	padding-left:0px;
	font-size: small;
	font-weight: bold;
}

/*==========================================================================*/

/*THIS NEXT SECTION IS FOR THE STYLING OF THE DIV TAGS SUCH AS THE BACKGROUND IMAGES
USED AND THE LOCATION OF THE DIVS ON THE PAGE*/



div#wrapper 
{
	text-align:left; /* reset text alignment */
	width:1000px; /* or a percentage, or whatever */
	margin:0 auto; /* for the rest */
	margin-top:20px;
	border:0px dashed #000099;

} 

div#headerbg
{


background-image: url(../img/header.gif);
background-repeat:no-repeat; 
position:relative; 
left: 0px; 
top: 0px; 
width: 960px; 
height: 138px; 
border:0px solid #990000;

}

div#contentwrapper
{
position: relative; 
left: 0px; 
top: 0px;
border:0px solid #000000;
}

div#menubg
{
 float:left;
 background-image: url(../img/menu.gif);
 background-repeat:no-repeat;
 width:173px;
 height:326px;
 position:relative; 
 left: 0px;
 top: 0px; 
 border:0px solid #990000;
}

div#contentbg
{
 float:left;
 background-image: url(../img/mid.gif);
 background-repeat:repeat-y;
 width: 800px;
 position:relative; 
 left: 0px; top: 0px; 
 border:0px dashed #990000;
}



div#footerbg
{

 float:left;
 background: url(../img/footer.gif);
 background-repeat:no-repeat;
 width: 960px;
 height:85px;

}


div#headercont
{
	position:relative;
	left: 190px;
	top: 59px;
	width:649px;
	height: 47px;
	overflow:hidden;
	border:0px dashed #990000;
}

div#menu
{
text-align:center;
}

div#menu img
{  
 border-style: none;
}

div#menulft
{
 position:relative; left: 12px; top: 25px;
 width:143px;
 border:0px dashed #990000;
}


div#pagcontent
{
 position:relative;
 left: 18px;
 top: -3px;
 right:0px;
 bottom:0px;
 width:745px;
 border:0px dashed #009900;
 min-height:400px;
}

div#footer
{
	position:relative;
	left: 200px;
	top: 37px;
	width:550px;
	border:0px dashed #009900;
}

div#footer2
{
	float:right;
	position:relative;
	right: 50px;
	top: 23px;
	width:180px;
	border:0px dashed #009900;
}


div#footer a
{
	text-decoration:underline;
	color:#666666;
}
div#gallerywrap
{
 width:auto;	
}
div#gallery-thumb
{
 margin:5px;
 background-color:#f3f3f3;
 border:1px solid #ddd;
 padding:7px;
 margin:1px;
 position:relative;
 float:left;


}

div#gallery-thumb a img {
	border-color: #ccc;
}

div#gallery-thumb a:hover img {
	border-width: 2px;
	border-color: #38c;
	margin: 0;
	
}


div#theMini
{
text-align:center;	
}

/* GLOSSYMENU CSS */




.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 142px; /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(../img/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../img/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../img/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */