* { margin: 0; padding: 0; outline: 0 }

body {
background-image:url(media/backgr.jpg);
background-repeat:repeat-y;
background-position:center;
	font: 80%/1.8em Verdana, Tahoma, arial, sans-serif;
	color:#333333;
	text-align: justify;
}

p {text-align: justify;}
 
 .bg {background-color:#FFD779;}

.style1 {
	color: #FF0000;
	font-weight: bold;
}
-->

.s {font-size:10px;}
/* links */
a  {
	text-decoration: none;
	color: #333333;
	text-decoration: underline;
	 
}

a:visited {
	text-decoration: none;
	color: #333333;
	text-decoration: underline;
	 
}
a:hover {
	color: #333333;
	 
	text-decoration: underline;
}

 .ut a {color:#1270cf; font-weight:bold;}
.ut a:visited{color:#1270cf; font-weight:bold;}
 .ut a:hover {color:#1270cf; font-weight:bold;}
 
h1 {
	font-size: 150%;	
	font-weight: bold;
	color: #333333;
}
h2, h3, h4 {
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}
 
/* media */
img {
 
	padding: 8px;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, h4, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

 
#wrap {
	width: 820px;
	height:100%;
	background: url(media/content.gif) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
	
	#navigation{
	position: absolute;
	right: 10px;
	top:27px;
	width: 100px;
	height: 40px;
	font-weight:bold;
	left: 750px;

	}
	
	#navigation img { padding:0px; }
	
		#fot{
	position: relative;
	left: 185px;
	top: 20px;
	width: 600px;
	height: 28px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:right;
 

	}
 
  
#content-wrap {
	 
	width: 760px;
	height:100%;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
 
	 
	 
}
#header {
	width: 820px;
	position: relative;
	height: 103px;
	background: #CCC url(media/header.gif) no-repeat center top;
	padding: 0;	
	color: #FFF;	
}


#header #header-links {
	position: absolute;
	top: 20px; right: 30px;	
	color: #C6DDEE;
	font-size: 10px;	
}
#header #header-links a {	
	color: #FFF;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #D4E59F;	
}

/* Menu */
#menu {
	clear: both;	
	margin: 0 auto; padding: 0;
	background: url(media/menu.gif);	
	font: bold 14px/37px Verdana, Arial, Tahoma, Sans-serif;
	height: 37px;
	width: 780px;	
}
#menu ul {
	float: left;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
	 
}
#menu ul li a {
	 
 
	padding: 0 7px;
	color: #FFF;	
	text-decoration: none;
	width:200px;
	
}

#menu ul li.last a {
	padding-right: 20px;	
	 
}
 
#menu ul li.first {
float:left;
color:#FFFFFF;
	padding-right: 20px;	
	padding-left: 20px;
	width:550px;
}
 
#menu ul li a:hover {
	color: #CCCCCC;	
}
#menu ul li#current a {	
	color: #CCCCCC;
}

/* Main Column */
#main {
	  
	background:#FFFFFF;
	 height:100%;
	 
}
#main1 {
	  
	background:#FFFFFF;
	 height:100%;
	 width:253px;
	 float:left;
	 height:320px;
	 
}

#main2 {
	  
	background:#FFFFFF;
	 height:100%;
	 width:253px;
	 float:left;
	 height:220px;
	 
}

.menu {font-size:16px; font-weight:bold;}

.c {text-align:center;}
 .hi img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.hi:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

fr {float:right;}
fl {float:left;}
 
#main ul li {
	list-style-image: url(media/bullet.gif);
}



/* Footer */	
#footer {
	color: #C6DDEE;
	background: #CCC url(media/footer.gif) no-repeat center top;
	clear: both;
	width: 820px;
	height: 65px;
 
	
}
 
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
 
.head2 {
	color: #000000;
	font-weight: bold;
 
	font-size: 16px;
	background-color:#FF0000;
	text-align:left;
}