html { min-height: 100%; margin-bottom: 1px; } 


body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 120%;
	margin: 0;
	padding: 0;
	text-align: center;
}


	
/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('images/bg-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
}


#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
	outline: none; /* Hides focus rectangle in Firefox */
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}


 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }

#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}

#header {
	background: #eee url('images/banner.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('images/bg-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/bg-blue-right.png') top right no-repeat;
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #FFFFFF;
	font-size: 160%;
	font-weight: bolder;
}

#wrapper-content {
	background: white url('images/bg-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

img {border: none;}

#content {
    /*min-height:520px;
    height:auto !important;
    height:520px;*/
	background: transparent url('images/bg-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
}

#content ul {line-height: 150%;}

#content .descr {margin-bottom: 5px;}

#content2 {
    /*min-height:400px;
    height:auto !important;
    height:520px;*/
	background: transparent url('images/bg-white-right.png') no-repeat right top;
	padding: 5px 40px 5px 40px;
}

#content2 .descr {margin-bottom: 5px;}

#content2 ul {line-height: 150%;}

input {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #333333;
	/*color: black !important;
  	background: white !important;*/
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }


#wrapper-footer { 
/*position:fixed;
bottom:0;
width: 720px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;*/
	margin-top: 1em;
	text-align: center;
}


.bar {
	height:5px;
	margin-top: 5px;
	background: transparent url('images/dot.png') repeat-x;}
	
	
#footer { 
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-size: small;
}

h2 { font-size: 110%;
	 margin-bottom: -10px;
}

h3 {
	font-size: 100%;
	margin-bottom: -10px;
}

h4 {
	font-size: 100%;
	font-weight: bolder;
	margin-top: 0px;
	margin-bottom: 3px;
	color: #5b8fbe;
}

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

.imagelink{ border-width:0px; }

.error {
	color: #FF0000;
	font-weight: bolder;
}

img.galleryBrowse{
margin: 5px;
padding: 5px;
border: solid;
border-width: 1px;
background-color:#e5e5e5;
border-color:#000000;
outline: none; /* Hides focus rectangle in Firefox */
}

img.galleryBrowsehover{
margin: 5px;
padding: 5px;
border: solid;
border-width: 1px;
background-color:#ffffff;
border-color:#000000;
outline: none; /* Hides focus rectangle in Firefox */
}

textarea{
width: 100%;
height: 200px; 
}

/*

#content a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_acrobat.gif') no-repeat center right;
}

#content a[href $='.jpg'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_image.gif') no-repeat center right;
}

#content a[href $='.doc'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_word.gif') no-repeat center right;
}

#content a[href $='.zip'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_compressed.gif') no-repeat center right;
}

#content a[href $='.txt'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_text.gif') no-repeat center right;
}

#content2 a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_acrobat.gif') no-repeat center right;
}

#content2 a[href $='.jpg'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_image.gif') no-repeat center right;
}

#content2 a[href $='.doc'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_word.gif') no-repeat center right;
}

#content2 a[href $='.zip'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_compressed.gif') no-repeat center right;
}

#content2 a[href $='.txt'] { 
   padding-right: 20px;
   background: transparent url('images/icons/file_text.gif') no-repeat center right;
}

*/

table .cal_month{
	border:1px solid #DDDDDD;
	background-color:#ffffff;
	}
thead td{
	text-align:center;
	font-size:80%;
}
.cal_title{
	border:1px solid #DDDDDD;
	background-color:#336699;
	text-align:center;
	font-size:70%;
	color:#FFFFFF;
	}
.cal_data{
	text-align:center;
	}
.cal_empty{
	text-align:center;
	/*border:1px solid #EEEEEE;*/
	}