/* Start of CMSMS style sheet 'Colored : Colored' */
* {
    padding: 0;
    margin: 0;
} 

body {
background: #555;
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
color: #444;
line-height: 17px;
}

img { border: none; }
a { color: #9D1A39; }
a:hover { text-decoration: none; color : #111; }
h3 { border-bottom: 1px dotted #aaa; color: #666; padding-bottom: 4px; margin: 14px 0 7px 0; font-weight: 100; font-size: 22px; letter-spacing: -1px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: -1px; }
h3 a:hover { color: #333; }

#wrap {
background: #fff;
padding: 10px;
width: 780px;
margin: 0 auto;
}

#header {
height: 110px;
background: #fff url(uploads/Colored/header.jpg) no-repeat;
}
#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 40px 33px 0 0;
text-align: right;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 16px;
color: #eee;
padding: 9px 33px 0 0;
text-align: right;
}

#menu {
height: 30px;
line-height: 30px;
background: #eee url(uploads/Colored/menu.jpg) no-repeat;
}
#menu li
{
float: left;
list-style-type: none;
padding-right: 10px;
}
#menu li a{ 
color: #000;
display: block;
text-decoration: none;
padding: 0 10px;
font-weight: 600;
}
#menu li a:hover {
background: #eee;
}
#menu ul { }


#content { 
padding: 0 20px;
}

#right {
margin-top: 10px;
width: 560px;
float: right;
font-size: 12px;
text-align: justify;
}
#right h3 { border-bottom: 1px dotted #aaa; }

#left {
margin-top: 10px;
width: 160px;
float: left;
}
#left h3 { color: #666; }
#left ul { list-style-type: none; padding: 10px 0 10px 0; }
#left ul li { padding: 2px 0 3px 0; }
#left ul li a { color: #9D1A39; font-weight: 100; display: block; text-decoration: none; font-size: 14px; border-bottom: 1px dotted #aaa; }
#left ul li a:hover { color : #111; }

#comments textarea { width:300px; }

/* Sample FormBuilder CSS base */
	form {margin-top:0}
	form, td, th, li { font-size: 100%}
	form div {margin-bottom:0}
	fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	fieldset {
		margin-bottom:1em;
		border:1px solid #F60;
		padding:0.5em
	}
	fieldset label {
		width:auto;
	}
	legend {
		color:#FFF;
		background:#F60;
		font-style:italic;
		font-size:1.2em;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC
	}
	textarea {
		margin: 0.5em 0;
		width:98%;
		height: 6em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}



#footer {
font-size: 11px;
color: #eee;
text-align: center;
height: 30px;
line-height: 30px;
background: #880000 url(uploads/Colored/footer.jpg) no-repeat;
margin-top: 30px;

}
#footer a { 
color: #eee;
}
#footer a:hover {
color: #aaa; 
text-decoration: underline; 
}
/* End of 'Colored : Colored' */