* { margin: 0; padding: 0; outline: 0 }
body {
	background:#1DC1CF url(images/bg.gif) repeat-x;
	font:70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color:#444;
	font-size:12px;
	text-align:center;
	margin:0 auto;
}

/* links */
a, a:visited {color: #000000;background: inherit;text-decoration: none;}
a:hover {color: #88ac0b;background: inherit;text-decoration: underline;}

/* headers */
h1, h2, h3 {font-family: 'Trebuchet MS', Tahoma, Sans-serif;font-weight: Bold;}
h1 {font-size: 190%;font-weight: normal;color: #555;}
h2 {font-size: 130%;text-transform: uppercase;color: #5C7BB1}
h3 {font-size: 130%;}
h2, h3, p {padding: 10px;margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;}
ul {list-style: none;}

/* images */
img {border: 0px;}
code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
	/* white-space: pre; */
	background: url(images/post.jpg);
	border: 1px solid #E0DBC9;
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
	padding: 0 0 0 25px;
	background: url(images/post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A89A6A;
}

/* form elements */
form {margin-top:20px;}
label{float:left; width:160px; font-weight:bold; display:inline;}
br{clear:left;}
textarea {padding:2px; font:bold 14px Arial, Sans-serif; border:1px solid #eee; color:#000000; border:1px solid #5C7BB1;}
input{font:bold 12px Arial, Sans-serif; padding:5px; border:1px solid #5C7BB1; color:#000000;}
button {font:12px Arial, Sans-serif; height:30px; color:#666666; border:1px solid #666666; padding:5px 15px; margin:15px 0;}
#error{padding:3px; margin:3px; font-weight:bold; color:#FF0000; font-size:10px; display:block;} 
#sucess{border:#669966 1px solid; padding:3px; margin:3px; font-weight:bold; color:#000000; font-size:10px;}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 870px;
	text-align: left;
	background:#FFF;
	margin:0 auto;
}
#content-wrap {
	clear: both;
	width: 870px;
	margin: 0 auto;
}
#header {
	width:870px;
	height:172px;
	padding:0;
}
#header h1 {
	width:870px;
	height:172px;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9999px;
	margin:0 auto;
}
#header p#slogan {
	position: relative;
	margin: 0 0 0 25px;
	padding: 0;
	font: normal 11px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 10px;
	left: 0;
}

/* Navigation */
#nav {
	width:870px;
	margin:0;
	padding:0
}
#nav ul {
	list-style: none;
	text-transform: uppercase;
	position:relative;
	top:-55px;
	left:-20px;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	padding:0 25px 0 15px;
	background:url(images/point.gif) 0 8px no-repeat;
	width: auto;
	margin: 0;
	border-bottom: none;
	color: #FFF;
	font: bold 22px/2em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav ul li a:hover {
	color:#F8E434;
}

/* Main Column */
#main {
	float: left;
	width: 770px;
	margin: 0;
	padding: 0 50px 20px 50px;
	display: inline;
}
#main h2 {
	font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #FFF;
	text-transform: none;
	background: url(images/con_title.gif) no-repeat;
	width: 770px;
	height: 36px;
	padding: 3px 10px;
}
#main h2 a {
	color: #F2E966;
	text-decoration: none;
}
#main ul li {
	list-style-image: url(images/bullet.gif);
}

/* Sidebar */
#sidebar {
	float: right;
	width: 230px;
	padding: 25px 40px 0 0;
}
#sidebar h3 {
	padding: 5px 5px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #000;
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 4px 8px 0;
	padding: 0;
	text-decoration: none;
	background: url(images/dots.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(images/dots.jpg) repeat-x left bottom;
	padding: 4px 0 4px 5px;
	margin: 0 2px;
	color: #8F8F8F;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;
	background-image: none;
	color: #666666;
}
#sidebar ul.sidemenu li a:hover {
	color: #1773BC;
}
#sidebar ul.sidemenu ul {
	margin: 0 0 0 5px;
	padding: 0;
}
#sidebar ul.sidemenu ul li {
	background: none;
}

/* footer */
#footer-wrap {
	clear: both;
	font-size: 95%;
	width: 870px;
	height: 60px;
}

/* bottom */
#footer {
	clear: both;
	width: 830px;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	background:url(images/foot.gif) no-repeat;
}

/* display and additional classes */
.clear {
	clear: both;
}