/* ================================================================ 
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.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.container {width:800px; height:1010px; border:1px solid #5C4E33; position:relative; background:#ffffff;}
.premenu {display:block; width:800px; height:15px; background: url(http://www.citynet.net/images/topmenubkgrnd.jpg);background-repeat : repeat-x;}


.menu {font-family: arial, sans-serif; color:#5C4E33; width:800px; position:relative; margin:0; z-index:100; height:22px; font-size:11px; text-align:left; background: #fff;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#5C4E33; width:104px; height:22px; text-align:left; color:#5C4E33; background:#fff; line-height:22px; font-size:11px; overflow:hidden; padding-left:5px;}
.menu ul {padding:0; margin:0;list-style-type: none; color:#5C4E33;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; border-width:0px; background:#ECF4FE; border-collapse:collapse;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; left:0;}
.menu ul li:hover ul li a.hide {background:#ECF4FE; color:#000;}
.menu ul li:hover ul li:hover a.hide {background:#D2DFF0; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ECF4FE; color:#000;}
.menu ul li:hover ul li a:hover {background:#D2DFF0; color:#000; text-decoration:underline;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:109px; top:0;background:#D2DFF0;}
.menu ul li:hover ul li:hover ul.left {left:-109px;}


.pagesubheader {height:78px; background:#fff; color:#000;}
.inside {width:775px; height:80%; border:10px solid #5C4E33;text-align:left;font-family: arial, sans-serif;font-size:11px; padding-left:5px;}

#flashcontent {width:800px; height:427px; background:#ffffff;}
#info {width:800px;overflow: auto;height:427px; background:#ffffff;}
.mymedia {width:700px; margin:0; background:#ffffff; color:#5C4E33; font-family: arial, sans-serif; font-size:12px;text-decoration : none;}

.footer {
	color:#5C4E33;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration : none;
}
a.footer {
	color:#5C4E33;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration : underline;
}
a.footer:hover{
	color:#5C4E33;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration : underline;
}
INPUT.submit {
	font-family:arial, helvetica, sans-serif;
	font-size:8pt; 
	color:#5C4E33; 
	background-color:#ECE8E0;}
	
.login {
	font-size:8pt; padding-top:1px;
	font-family:arial, helvetica, sans-serif;
	color:#5C4E33; 
	}
.GO {
	font-size:8pt; padding-top:1px;
	font-family:arial, helvetica, sans-serif;
	color:#5C4E33;
	background-color:#ECE8E0; 
	}
.submit {
	font-size:8pt; padding-top:1px;
	font-family:arial, helvetica, sans-serif;
	color:#5C4E33; 
	background-color:#ECE8E0;
	}
	
.body {color:#000000; font-family:arial, helvetica, sans-serif; font-size:10pt; text-decoration:none;}
a.body {color:#000000; font-family:arial, helvetica, sans-serif; font-size:10pt; text-decoration:underline;}
a.body:hover {color:#000000; font-family:arial, helvetica, sans-serif; font-size:10pt; text-decoration:underline;}
.bodysm {color:#5C4E33; font-family:arial, helvetica, sans-serif; font-size:9pt; text-decoration:none;}
a.bodysm {color:#5C4E33; font-family:arial, helvetica, sans-serif; font-size:9pt; text-decoration:underline;}
a.bodysm:hover {color:#5C4E33; font-family:arial, helvetica, sans-serif; font-size:9pt; text-decoration:underline;}
.header1 {color:#5C4E33; font-weight:bold; font-family:arial, helvetica, sans-serif; font-size:12pt; text-decoration:none;}


/*------------------------------------------------------------*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*------------------------------------------------------------*/
.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

/*------------------------------------------------------------*/
.thumbnail:hover{
background-color: transparent;
}

/*------------------------------------------------------------*/
.thumbnail:hover img{
border: 1px solid #4F6598;
}

/*------------------------------------------------------------*/
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

/*------------------------------------------------------------*/
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

/*------------------------------------------------------------*/
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 80px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*------------------------------------------------------------*/