@charset "utf-8";
/* CSS Document */
body 
{
background-image: 
url('bg.jpg');
background-repeat: 
repeat-x;
background-attachment: 
fixed;
background-color:#020303;
font-family: "arial";
font-size: 12pt;
font-weight: medium;
margin:0 ;
color:#000066;
}

.title {     text-decoration: bold;
             color: #f23b3d; 
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 12pt;
             font-weight: bold;
			 font-style:italic; 
}

/* CSS Left men */
#contentleft {
width:250px;
padding:1px;
float:left;
background:#20384d;
color:#c2c2c2;
top:-60px;
position: relative;
display: block;

	}
	
#contentcenter {
width:560px;
padding:0px;
color:#0b1c6f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

	}
	
td img { display: block; }

/*calendarbutton*/
.calbutton
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#d82622;
background: url(images/cal.jpg) no-repeat;
white-space: normal;
display: block;
width: 250px;
height: 27px;
margin: 0;
padding: 0;
}

.calbutton a
{
display: block;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#d82622;
width: 250px;
height: 27px;
display: block;
float: left;
text-decoration: none;
}

.calbutton a:hover
{
display: block;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#000000;
width: 250px;
height: 27px;
display: block;
float: left;
text-decoration: none;
}

.calbutton img
{
width: 250px;
height: 27px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.calbutton a:hover img
{
visibility:hidden;
}

.calbutton span
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/*Sidebarlinks*/

.side
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color:#ffffff;
white-space: nowrap;
display: block;
margin: 0;
padding:5px;

}

.side a
{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color:#ffffff;
display: block;
float: left;
text-decoration: none;
}

.side a:hover
{
display: block;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color: #FF0000;
display: block;
float: left;
text-decoration: none;
}



/*Sidebarbuttons*/

.sidebutton
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#d82622;
background: url(images/sidehead.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 250px;
height: 27px;
margin: 0;
padding: 0;
}

.sidebutton a
{
display: block;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#d82622;
width: 250px;
height: 27px;
display: block;
float: left;
text-decoration: none;
}

.sidebutton a:hover
{
display: block;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#000000;
width: 250px;
height: 27px;
display: block;
float: left;
text-decoration: none;
}

.sidebutton img
{
width: 250px;
height: 27px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.sidebutton a:hover img
{
visibility:hidden;
}

.sidebutton span
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


/*MIDDLE RED buttons*/

.redbutton
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#ffffff;
background: url(images/redside.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 257px;
height: 33px;
margin: 0;
padding: 0;
}

.redbutton a
{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#ffffff;
width: 257px;
height: 33px;
display: block;
float: left;
text-decoration: none;
}

.redbutton a:hover
{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#ffffff;
width: 257px;
height: 33px;
display: block;
float: left;
text-decoration: none;
}

.redbutton img
{
width: 257px;
height: 33px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.redbutton a:hover img
{
visibility:hidden;
}

.redbutton span
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*Side2 Under Red buttons*/

.side2
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: normal;
font-weight: bold;
color:#990f01;
display: block;
margin: 0;
padding: 5px;
width:285px;

}

.side2 a
{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: normal;
font-weight: normal;
color:#a80914;
display: block;
text-decoration: none;
}

.side2 a:hover
{
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style: normal;
font-weight: normal;
color: #02397b;
display: block;
text-decoration: none;
}

/*Side3 footer links*/
.side3
{
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color:#ffffff;
margin: 0;
padding:5px;

}

.side3 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color:#ffffff;
text-decoration: none;

}

.side3 a:hover
{
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style: normal;
font-weight: normal;
color: #FF0000;
text-decoration: none;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#men {width:250px; height:510px; top:-129px; left:0px; *top:290px; *left:; display: block; position: relative; *position: absolute; }
#men h1 {font-size:40px; color:#d30;}
#men #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:125px; position:absolute; top:70px; left:0; border:0px solid #dedede; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#a3a3a4; position:relative; border-top:1px solid #fff; }

#menu li.sub {background:#1f384e; border:0;}

#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:23px; width:250px; text-decoration:none;  cursor:pointer; font-weight:bold; padding:1px; text-indent:0px;}


#menu ul,
#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul {display:none; background:#fff;}

#menu li:hover {color:#ff0; z-index:500;}

#menu li:hover ul {display:block; height:250px;}
#menu li:hover ul li:hover ul, 
#menu li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:-1px; border:0px solid #fff; border-width:0 0px 0px; height:auto;}

#menu li:hover ul li.fly {background: #a3a3a4 url(frog_arrow.gif) no-repeat top right;}
#menu li:hover ul li:hover {background:#7f8991;}

#menu li:hover ul li:hover ul li {background: #000066; width:145px; margin-left:0px;}
#menu li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#menu li:hover ul li:hover ul li.fly {background: #dedede url(frog_arrow.gif) no-repeat top right;}
#menu li:hover ul li:hover ul li:hover {z-index:500; background:#fff;}
#menu li:hover ul li:hover ul li:hover a {color:#000;}

#menu li:hover ul li:hover ul li:hover ul li:hover {background:#dedede;}
#menu li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

#men img {display:block; float:right;}
#nav p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}