/* -------------- GENERAL  -------------- */
body {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/bg_page.jpg);
	background-repeat: repeat-x;
	margin:0;
}

#top{
	width:800px;
	margin: 0 auto;
}

#logo{
	width:300px;
	float:left;
}

#topmenu{
	width:500px;
	float:left;
	padding-top:75px;
	text-align:right;
}

#header{
	width:100%;
	height:220px;
	text-align:center;
	margin-bottom:20px;
}

#content{
	width:800px;
	margin: 0 auto;
	background:url(../images/bg_content.gif) repeat-y;
}

#content_area{
	width:575px;
	padding-left:20px;
	float:left;
}

#menu{
	width:185px;
	padding-right:20px;
	float:left;
}

#bottom{
	width:100%;
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	margin: 20px 0px 20px 0px;
}

#footer{
	width:800px;
	height:35px;
	padding-top:15px;
	margin: 0 auto;
}

#credits{
	float:right;
	font-size: 10px;
}

.bottomlinks{
	float:left;
}

div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr {
	display: none;
}

/* -------------- MENU  -------------- */

#menu ul{
	margin:0;
	padding: 0px 0px 0px 15px;
	list-style:none;
}

#menu ul li{
	padding: 10px 0px 10px 0px;
	border-bottom: dashed 1px #cccccc;
}

#menu ul li a{
	color: #D72322;
	text-decoration:none;
	font-weight:bold;
}

#menu ul li a:hover{
	color:#000000;
}


/* -------------- TEXT -------------- */

h1{
	font-size:20px;
	color: #D72322;
}
h2 {
	font-size: 16px;
	color: #666666;
}




/* -------------- LINKS  -------------- */

#footer a, #topmenu a{
	color: #999999;
	text-decoration:none;
}

#footer a:hover, #topmenu a:hover{
	color: #D72322;
	text-decoration:none;
}

#footer a{ margin-right:10px; }

#topmenu a{ margin-left:10px; }
a {
	color: #D72322;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}




/* -------------- Columns  -------------- */

.column{
	width:280px;
	margin-right:5px;
	float:left;
}