/* GENERAL STRUCTURE:

[dimensions] line 1 (width, height etc.)
[positioning] on line 2 (margin, padding, float etc.)
[decoration] on line 3 (border, background etc.)
[font-type] on line 4 (font-family, font-size etc.)

*/

html{}

body{
	width:100%;
	margin:0;padding:0;
	background:url('img/background.gif') top center no-repeat #FF3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;
}

#wrap{
	width:980px;
	margin: 0 auto;padding:0 0 10px 0;
}

#top-nav{
	padding-left:11px;float:left;
}
#top-nav ul{
	height:32px;
	margin: 0;padding:0;float:left;
	list-style-type:none;
}
#top-nav li{
	float:left;
}
#top-nav li a{
	height:30px;
	padding: 8px 10px 0 10px;display:block;
	text-decoration:none;color:#fff;font-weight:bold;font-size:16px;
}
#top-nav li a:hover{
	background:#FF3333;
}

#head{
	width:950px;height:64px;
	margin: 4px 0 0 9px;padding: 2px 10px;float:left;
	background:url('img/header.gif') no-repeat;
}

#head h1{
	margin: 0;padding:0;
	font-size:30px;color:#fff;
}

#head h2{
	margin:0;padding:0;
	font-size:15px;color:#fff;
}

#cont{
	width:680px;min-height:400px;
	margin-left:10px;float:left;padding:10px;
	border:solid 1px #666666;background:#fff;
	font-size:14px;color:#333;
}

#cont h3{
	margin:0;padding:0 0 5px 0;
	border-bottom:solid 1px #888;
	font-size:25px;color:#333;
}

#sidebar{
	width:220px;
	margin-left:15px;float:left;padding:10px;
	border:solid 1px #666666;background:#ECECEC;

}
li.sidebar-subtitle{
	padding:3px;
	background:#F33F3C;
	color:#fff;font-size:16px;
}
#sidebar ul{
	margin: 0 0 20px 0;padding:0;
	list-style-type:none;
}
#sidebar li{

}
#sidebar li a{
	display:block;
	padding:3px 5px;
	background:#fff;
	text-decoration:none;color:#333;font-size:13px;
	border-bottom:solid 1px #FF3333;
}
#sidebar li a:hover{
	background:#FFCCCC;
}
#sidebar2{
	width:160px;
	margin:15px;margin-left:15px;float:left;padding:10px;
	border:solid 1px #666666;background:#ECECEC;
}

#footlinks{list-style-type:none;width:90%;float:left;margin: 0 auto;text-align:center}
#footlinks li{display:inline}

/* predefined styles for easy formatting. */

#cont img{margin:2px;}

#cont .left{float:left;margin: 10px 10px 10px 0}
#cont .right{float:right;margin: 10px 0 10px 10px;}