body 
{
	margin: 3px;
	padding: 10px;
	border: 2px dotted #3DA3CE;
	color: #665;
	font: 10pt Verdana, sans-serif;
	background-color:#f3f3f3;
}
	
a {color: #443; text-decoration: none;}
a:visited {color: #443;}
a:link:hover {color: #3DA3CE;}
a:visited:hover {color: #FF7777;}
a.new 
{
   padding-right: 30px;
   background: transparent url(../img/New_04.gif) no-repeat center right;
}

p {margin: 0 1em 1em;}

img {border: #9BD 2px solid; vertical-align: middle;}

h1 
{
	margin: -9px -9px 0.5em;
	padding: 15px 0 5px;
	text-align: center;
	background: #ACE;
	color: #024;
	letter-spacing: 0.5em;
	font: bold 18px sans-serif;
	height: 40px;
	vertical-align: middle;
	white-space: nowrap;
}

.center { font-size: 16px; text-align: center;}
.centerbig { font-size: 18px; text-align: center; color: #FF7777;}
.centersmall { font-size: 12px; text-align: center;}
.justify { font-size: 16px; text-align: justify;}
.justifysmall { font-size: 13px; text-align: justify;}

.head_images{ text-align: center; }
.head_images img{padding: 12px 12px 12px 12px; margin:10px 15px 10px 15px; border:none;}
.bar{ color: #e2e2e2;}
.cat_content{display: inline-block; box-shadow: 5px 5px 10px #888888; border-radius: 10px;}
.cat_block{display: inline-block;}
.cat_block ul{list-style: none; vertical-align: top; }
.cat_block ul li{float: left; width: 16%; text-align: center;}
.cat_block ul li img
{
	display:block;  
	box-shadow: 5px 5px 10px #888888; 
	margin-top: 15px; 
	margin-left:auto; 
	margin-right:auto;
}
.cat_block ul li span
{ 
display:block; 
font-size:14px; 
font-weight:500; 
text-shadow:1px 1px #b5e3e3; 
padding-top: 15px;
}

.nav
{
	position: relative;
	width: 33%;
	height: auto;
	float: left;
	margin: 0;
	margin-bottom: 20px;
	border: 2px dotted #3DA3CE;
	
}

.nav h2
{
	color: #555;
	font: 14px Verdana,sans-serif;
	font-weight: bold;
	margin: 5px 0 0 0;
}
	
.nav ul 
{
	position: relative;
	color: #663;
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px 5px 0px;
	padding: 0 0 0 10px;
	list-style-type: none;
}
	
.nav li 
{
	margin-top: 10px;
	margin-bottom: 15px;
}

div#content 
{
	position: relative;
	height: auto;
	top: 10px;
	line-height: 140%;
	font-size: 16px;
	text-align: justify;
	/**margin-top: 150px; */
}
#content h2{font-size: 18px; text-align: center; color: #FF7777;}	
#content a {color: #443; text-decoration: none;}
#content a:visited {color: #443;}
#content a:link:hover {color: #3DA3CE;}
#content a:visited:hover {color: #FF7777;}
#content h3 {margin-bottom: 0.25em;}

#nav-bar 
{
	text-align: center; 
	width: auto; 
	line-height: 30px; 
	font-size:1.3em; 
	position: relative; 
	padding-right:37px;
}

#nav-bar ul li
{ 
	list-style: none; 
	margin: 3px 0px 3px 0px; 
	padding: 2px 4px 2px 4px; 
	border: 2px dotted #3DA3CE; 
	display: inline-block; 
	*display: inline; 			/*for IE 7 or before*/
	zoom: 1; 					/*for IE 7 or before*/
	*margin: 3px 2px 3px 2px;	/*for IE 7 or before*/
}

#nav-bar ul li:hover
{
	border:2px solid #3DA3CE; 
	color:#f86914; 
	box-shadow: 5px 5px 10px #888888;  
	background-color:#dddddd; 
	border-radius:3px; 
	text-align:center; 
	text-shadow:1px 1px #b5e3e3;
}

#nav-bar hr{margin-left: 3%;}
	
div#footer 
{
	position: relative;
	width: auto;
	clear: both;
	border-top: 2px dotted #3DA3CE;
	font-size: 11px;
	text-align: center;
	color: #CCC;
}
#footer a {color: #AAA; text-decoration: none;}