/* CSS Document */
body	{
		margin:0px;

		font-family:Arial, Helvetica, sans-serif;
		font-size:93%;
		background:#FFFFFF url(images/top.jpg) center top no-repeat;
		}

#main	{
		margin-top:100px;
		width:80%;
		min-height:480px;
		}
#head	{
		top:0px;
		width:100%;
		}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 200px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem1{
background: black url(glossyback2.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

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

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

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

.glossymenu a.menuitem:current{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #EBDDC3;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCA519;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

#side {
		width:210px;
		float:right;
		}

.style1 {
	color: #B98C14;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align:left;
}

#rightcolumn{
float:left;
width:150px;
height: 350px;
padding: 5px;
padding-left: 8px;

}

#rightcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
}

#rightcolumn a:hover{
background-color: #FFFF80;
}

#leftcolumn{
float:left;
width:100%;
min-height: 350px;
padding: 5px;
padding-bottom: 8px;
}

* html #leftcolumn{ /*IE only style*/
height: 350px;
}

#label {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:large;
		color:#CC9900;
		float:right;
		position: relative;
		top:35px;
		background:url(glossyback2.gif) repeat-x bottom;
		padding:5px;
		}

.style3 {
	color: #CCA519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:small;
	text-shadow:#CCCCCC;
	text-decoration:underline;
	text-align:left;
	}

.style2 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align:left;
}

.style4 {
	color: #CCA519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:small;
	text-shadow:#CCCCCC;
	}
#accordion {
	width: 500px;
	height: 400px;
	margin: 0px auto;
	cursor:pointer; }
#accordion div {
	height:8%;
	overflow: hidden;}
#accordion:hover div {
	height: 30px; }
#accordion:hover div:hover {
	height: 340px;
	overflow: auto; }
	
#spring { }
#summer { }
#autumn { }
#winter { }
h1 {
	font-size: 150%;
	margin: 10px 10px .2em 25px; 
	background:url(images/in.png) bottom left repeat-x}
p {
	margin: 1em 25px; }
	
img {
	border: none;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 800px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -450px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }