/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {	margin: 20px 0;	padding: 0;	 background-image: url(images/back.jpg); background-repeat: repeat-x; background-color:  #66395C; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;}



h1, h2, h3 {	color: purple;}
h2 {	font-size: 1.2em;}
h3 {	margin: 0;	font-size: 1em;}
h4 {	font-size: 0.7em;}

hr {	width:100%;	color:#9B9O7E;	height:1px;	clear:both;	}

p, ul, ol, blockquote {	margin-top: 0;}

li { list-style-type: none;color: #F831DA ;margin: 0 0 0px 0;padding: 0 0 0 0px; list-style-position: outside}

a:link {		text-decoration: none;	color: #926858;}
a:hover {	border: none;}
a:visited {text-decoration: none;  color: #926858}

/* left menu*/

.nav { clear: both; text-align: left; color: #7D8085; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
.nav li a { color: purple; text-decoration: none;  }
.nav li a:hover { color: black; text-decoration: none;  }

img {	border: none;}
.imgc { background: #E9E3E3; text-align: center; color: #333; }
.imgl { background: #E9E3E3; float: left; color: #333; }
.imgr { background: #E9E3E3; float: right; center; color: #333; }


/* Header */

#header {	width: 700px;	height: 200px;	margin: 0 auto;	background: url(images/img1a.jpg) no-repeat;}
#header * {	margin: 0;	border: none;	text-decoration: none;	text-transform: lowercase;	font-weight: normal;	color: #FFFFFF;}
#header h1 {	float: left;	padding: 140px 0 0 20px;	font-size: 3em;}
#header h2 {	float: left;	padding: 165px 0 0 3px;	font-size: 1em;}


/* Menu */

#menu {	width: 700px;	height: 41px;	margin: 0 auto;	background: #F2F2F2 url(images/img4b.jpg)}
#menu ul {	margin: 0;	padding: 0;	list-style: none;}
#menu li {	display: inline;}
#menu a {	display: block;	float: left; height: 32px;	padding: 9px 20px 0 20px;	text-decoration: none;	color: #FFFFFF;}
#menu a:hover, #menu .active a { background: url(images/img4a.jpg); color: #FFFFFF;}

/* Content */

#content {	width: 700px;	margin: 0 auto;	background: url(images/img7.gif);}
#colOne {	float: right;	width: 160px;	padding: 20px 10px 0 10px;}
#colTwo {	float: right;	width: 360px;	padding: 20px 10px 0 10px;}
#colThree {	float: right;	width: 120px;	padding: 10px; }
#colTwoa {	width: 660px; margin: 0 auto; text-align: left; padding: 20px 10px 0 10px !important; padding: 0px 0px 0px 0px; }


/* Footer */

#footer {	width: 700px; height: 172px;	margin: 0 auto;		font-size: smaller;}

a.rollover {
	display: block;
	width: 700px;
	height: 172px;
	text-decoration: none;
	background: url("images/footer.jpg");
	}

a.rollover:hover {
	background-position: -700px 0;
	}

.displace {
	position: absolute;
	left: -1400px;
	}


#footer p {
	padding-left: 20px;
	padding-right: 20px;
    line-height: normal;
    font-size: 77%;
	color: white;
}

#left { float: left;}
#right { float: right;}

