/* CSS Document */

body {
	background-image:url(images/backgrounds/body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#000000;
	margin:0;

}
a {
	color:#CC6666;
}
a:hover {
	border-bottom:1px solid
}
li {
	list-style-image:url(images/backgrounds/bullet.gif);
}
h1,h2,h3 {
	color:#fbb160;
	border-bottom:1px dashed #cccccc;
	margin-top:5px;
	margin-bottom:5px;
	font-size:200%;
	padding-bottom:3px;
}
#container {
	width:600px;
	padding:10px;
	padding-top:0;
	margin:0 auto 0 50px;
	background-image:url(images/backgrounds/main.jpg);
	background-repeat:repeat-y;
}
#topcontainer {
	width:100%;
	clear:both;
}
#website_title {
	background-image:url(images/backgrounds/logo.gif);
	background-color:#990000;
	padding:10px;
	width:45%;
	float:left;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:36px;
	height:181px;
	font-weight:bold;
	border:1px solid #000000;
	
}
#menu {
	background-color:#dddddd;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px;
	width:45%;
	float:right;
	height:182px;
	margin-bottom:10px;
}
#menu a {
	float:left;
	width:250px;
	background-image:url(images/backgrounds/menua.jpg);
	padding:4px;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:1px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#menu a:hover, #menu a.current {
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-image:url(images/backgrounds/menuahover.jpg);
	background-position:bottom;
}

.submenu {
	clear:both;
	background-color:#ffffff;
	margin:0 0 10 0px;
	text-decoration:none;
	line-height:25px;
	font-size:0.70em;
	font-weight:bold;
}

.submenu ul {
	margin-left:-10px;
}

.submenu li {
	display: inline;
	margin-left:10px;
	font-size:1.10em;
}
.wrap_content {
	clear:both;
	min-height:400px;
	background-color:#ffffff;
	margin-right:200px;
	margin:0 auto 0 auto;
	margin-bottom:10px;
	border:1px solid #cccccc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#ffffff url(images/backgrounds/logo_text.gif) no-repeat 20px 0;
}
.content {
	clear:both;
	width:523px;
	padding:5px;
	line-height:20px;
}
.footercontent {
	clear:both;
	width:588px;
	padding:5px;
	background-color:#dddddd;
	border:1px solid #cccccc;
	margin-right:200px;
	margin:0 auto 0 auto;
	line-height:20px;
	margin-bottom:10px;
	text-align:center;
}
.footercontent a {
	font-weight:bold;
	text-decoration:none;
	color:#999999;
}
.footercontent a:hover {
	text-decoration:underline;
}

.right_content {
	margin:30px auto 0 20px;
	width:340;
}

#footer {
	width:620px;
	margin:0 auto 0 50px;
	background-image:url(images/backgrounds/footer.jpg);
	height:20px;
}

fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }

div#snewsGalleryBody .snewsGallery {
   margin:     0; 
   padding:    0;
   overflow:   hidden; /* Clears the floats */
   width:      100%; /* IE and older Opera fix for clearing, they need a dimension */
   list-style: none;
}

div#snewsGalleryBody .snewsGallery li {
   float:      left;
   display:    inline; /* For IE so it doesn't double the 1% left margin */
   width:      85px; /* width:23.8%; */
   margin:     0 0 10px 1%; /* 0 0 10px 1%; */
   padding:    10px 0; /* 10px 0; */
   height:     93px; /* For img 85 */ /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
   position:   relative; /* This is the key */
   background: url(45degree.png);
}

div#snewsGalleryBody .snewsGallery a, .snewsGallery img {
   display:    block;
   width:      100%;
}

div#snewsGalleryBody .snewsGallery a img { 
   border:     none; 
} /* A small fix */

div#snewsGalleryBody .snewsGallery a:link, .snewsGallery a:visited, .snewsGallery a:focus, .snewsGallery a:hover, .snewsGallery a:active {
   padding:    3px; /* 3px; */
   background: #eeefef;
   width:      85px;
   height:     85px;
   border:     1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
   position: absolute; top: 50%; left: 50%; /* position it so that image's top left corner is in the center of the list item */
   margin: -46px 0 0 -46px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
   /* vertical-align: middle; */
}

div#snewsGalleryBody .snewsGallery a:hover {
   border-color:   #dfdfdf;
}