body {
background-color: #eaeaea;
color:#000;  
background-image: url(/layout/123.gif);
text-align:left;
}

#logo{
width:800px;
height:175px;
background-color:#fff;}


#container{
width:800px;
height:100%;
margin:0 auto;
padding:4px;
background-color:#fff;
border:1px solid #ccc;}

#header{
padding:0;
width:800px;
margin:0 auto 10px auto;}


#header h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:normal;
text-align:center;
color: #33ccff;
margin:10px 0 0 0;
padding:0;
}

#header ul li{
border-bottom: 1px solid #ddd;
list-style:none;
padding:5px;
margin:0 0 0 -40px;}


#headercol1{
background-color: #fff;
width:260px;
padding: 0px;
margin:0;
float:left;}

#headercol2{
background-color: #fff;
width:260px;
padding:2px;
margin:0 0 0 4px;
float:left;}

#headercol3{
padding:2px;
background-color: #fff;
width:260px;
float:right;
margin:0;}

#headercol1 p, #headercol2 p, #headercol3 p{
padding:5px;
margin:0;}



#content { 	
margin:0;
width:520px;
float:left;
padding:6px;
text-align:left;
vertical-align: middle;	
background-color:#fff;
}


#sidebar {
float:right;
width:260px;
margin: 0;
padding: 0;
background-color:#fff;
padding: 0px;
font: 12px 'Century Gothic';
color: #dd0383;
}
#sidebar p{
font: 12px 'Century Gothic';
color: #dd0383;
}
#sidebar strong{
color: #f953ad;
font: 12px 'Century Gothic';
	}
#sidebar a{
color: #0569a5;
padding: 0 2px;
	}
sidebar a:hover{
color:#0569a5;
border-bottom: 1px solid #ff4325;
}
#footer {
clear:both;
bottom:0;
margin:0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.9em;
color: #f65304;
background-color:#f5f5f5;
}

#footer a{
color: #f87a62;}
#foooter a:hover{
color: #f87a62;}

#navigation {
padding: 0;
margin-bottom:.5em;
background-color: #fff;
width:800px;
color: #333;
font-weight:bold;
float:right;
	}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
border: none;}
		
#navigation li {
margin: 0;
float: left;}

#navigation li a {
display: block;
background: #fff;
text-align: center;
color: #000;
padding: 10px;}

	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		background-color: #fff;
		color: #6699cc;
		}

a {
color: #ec0455;
text-decoration:none;
}

a:hover {
color: #f84081;
text-decoration:none;
}

.clear{
clear:both;}

strong {
	font-size: 12px;
	color: #956fdf;
	font-family: Arial ;
	text-transform: uppercase;}
                                                              
em {
 	color: #6abe85;
	font-size: 11px; }

/* Header classes */

h1 {
	margin: 0 0 0 10px;
	color: #fb5231;
	background-image: url(/layout/h1.gif);
	background-repeat: no-repeat;
	font-family: arial, sans-serif;
	font-size: 18px;
	padding: 0 2px 0 32px;
	text-transform: uppercase;}

h2 {
	margin: 0 0 0 50px;
	padding: 0 2px 0 2px;
	color: #67c7f1;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Body text classes */


ul{
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 145%;}

li {
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-bottom: 3px;    }
	
p, body {
	font: 11px 'Verdana';  
	color: #400040;
	text-align: left;
	margin-top:0;
	margin-bottom:8px;
	line-height: 190%;
	letter-spacing: 1px;
    }


img.right {
border: 2px solid #6fd4f7;
margin: 5px 5px 5px 5px;
	}
img.right:hover {
border: 2px solid #f577f5;
margin: 5px 5px 5px 5px;
	}

img.icon {
border: 7px solid #F3F3F3;
    }

img.gallery {
border: 10px solid #fff;
margin: 0;
    }

img.gallery:hover {
border: 10px solid #a7deff;
margin: 0;
    }
    table.statistics{
	padding-left: 10px;
	font: 12px 'Verdana';
	line-height: 190%;
	color: #c20000;
	letter-spacing: 2px;
	padding: 3px 3px 3px 3px;
	background-color: #dbf4ff;
	border-bottom: 1px solid #fff;
	}
		input, textarea {
	font: 12px Verdana;
	line-height: 190%;
	letter-spacing: 2px;
	color: #0e400e;
	padding: 3px;
	background-color: #f7ef69;
	border: 1px solid #ff4325;
	}