@charset "utf-8";
/* CSS Document */

body
{
	background-image: url(pics/background.jpg);
	background-color:#0d7ddc;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#333;
}

#container
{
	width: 870px;
	margin: auto;
	padding: 0px 0;
}
ul li {
	list-style-image:url(pics/bullet.jpg);
}
a {
	color:#D42A2B;
}

#logo
{
	height: 52px;
	padding: 34px 0px 0px 50px;
	background: #fff;
	background-image: url(pics/dots_logo.jpg);
	background-repeat: no-repeat;
}

h1
{
	font-size: 20px;
	font-weight: bold;
	color: #f15721;
	margin: 0px;
	padding: 0px;
}

h2
{
	font-size: 17px;
	font-weight: bold;
	color: #f15721;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.grey
{
	color: #616161;
}

#title
{
	width: 840px;
	height: 227px;
	padding: 16px 0px 0px 30px;
	background-image: url(pics/title.jpg);
	background-repeat: no-repeat;
}

#title_box
{
	width: 379px;
	height: 80px;
	padding: 30px 15px 15px 15px;
}

#footer
{
	width: 870px;
	height: 18px;
	background-image: url(pics/footer.jpg);
	background-repeat: no-repeat;
}

#content
{
	width: 870px;
	background-image: url(pics/content_background.jpg);
	background-repeat: repeat-y;	
}

.content-inner img {
	padding:10px;
	border:1px solid #d42b2b;
	border-bottom:5px solid #d42b2b;
	border-right:5px solid #d42b2b;
}

#left
{
	width: 455px;
	float: left;
	margin: 10px 0px 0px 10px;
}

#right
{
	width: 340px;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dashed #ccc;
}

#menu
{
}

#menu ul
{
	padding: 3px 0 0;
	margin: 0px;
	background-image: url(pics/menu.jpg);
	background-repeat: repeat-x;
	color: #1f013d;
	float: left;
	width: 866px;	
	font-family: "century gothic", arial, helvetica, sans-serif;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#menu ul li
{
	display: inline;
}

#menu ul li a
{
	padding: 8px 25px 0px 25px;
	margin-top:7px;
	height: 28px;
	color: #fff;
	text-decoration: none;
	float: left;
	width: 164px;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	border-right:1px solid #510000;
	border-left:1px solid #fa5f5f;
	
}

#menu ul li a:hover
{
	text-decoration: underline;

}

div.content-inner {
	padding: 20px;
}

label            { width: 10em; float: left; font-size:12px; }
label.error      { float: left; color: red;  vertical-align: top; width: 70%; padding-left: 10em; font-size:12px;}
.submit          { margin: 0 0 10px 120px; position: relative; }
fieldset         { margin: 0px; width: 360px; text-align: left; float: left; border: 0px solid black; padding: 0 60px 0 0;}
#formtext        { color: #333;}
textarea         { border: 1px solid #ccc;}
input            { border: 1px solid #ccc;}
form             { border: none;}