/*--------------------------------------------------------------------------------------------------
Media Perfection LC Base Stylesheet
(c) Copyright 2008 Dave Densley Media Perfection LC
websites@media-perfection.com
--------------------------------------------------------------------------------------------------*/

/* Main Styles */
#wrap		{ width:700px; margin:0 auto; background:url(../i/charlessareheader.jpg) no-repeat top left; }
#logo img	{ display:block; margin:1em auto 0 auto; }
#content	{ width: 700px; padding:0; padding-top: 45px; min-height:368px; }
#content_home { width: 700px; padding:0; padding-top: 35px; background:url(../i/column_line_bg.gif) repeat-y top left; }
#content #page { text-align:left; margin:0; padding: 0 0 0 140px; }

#aboutotter { float:left; width:130px; color:#024B88; padding:0 0 0 10px;}
#pagebody   { float:left; width:350px; margin:0 30px; }
#secondary  { float:right; width:140px; padding: 0 5px }
#newsbody   { float:left; width 450px; margin:0 30px; }
#footer		{ font-size:11px; line-height:140%; text-align:center; }

/* MISC
--------------------------------------------------------------------------------------------------*/
.clear                { clear:both; height:0px; overflow:hidden; }
.clear-left           { clear:left; height:0px; overflow:hidden; }
.clear-right          { clear:right; height:0px; overflow:hidden; }
.hide, .hidden        { display:none; }
.item                 { margin-bottom:2em; }

#secondary hr { border:none; border-bottom: 1px dashed #999; }

#content_home #pagebody ul { padding: 0 0 20px 40px; }

#footer {
margin: 60px 0 0 0;
padding: 10px 0 0 0;
border-top: 2px solid #012747;
clear:both;
background-color:#FFFFFF;
}

#downloads {
width: 125px;
float:right;
background-color:#EBEBEB;
border: 1px dotted #000066;
line-height:normal;
padding:10px;
}

#downloads ul {
list-style:none;
padding:0 10px 5px 0;
margin:0;
}

#downloads ul li {
padding: 10px 0 0 0;
}

#downloads h5 {
margin: 5px 0 0 0;
font-size: 12px;
font-weight: bold;
}

/* TYPOGRAPHY 
--------------------------------------------------------------------------------------------------*/
body { background:white; color:#000; }
body, table  { font-family:verdana; font-size:12px; line-height:160%; }
h1,h2,h3,h4,h5,h6,p,pre,table,blockquote { margin:0 0 1em 0; padding:0; }
h1,h2,h3,h4,h5,h6 { line-height:1.1em; margin-bottom:.5em; font-family:georgia,serif; font-weight:normal; color:#012747; font-weight:bold; }

#content_home h4 { font-size:18px; }
#secondary h4 { font-size: 14px; }

#secondary { line-height:13px; }

h4 { font-weight:bold; }

small                 { font-size:11px; line-height:11px; }
sup                   { font-size:10px; line-height:10px; vertical-align:30%;  }
sub                   { font-size:10px; line-height:10px; vertical-align:30%;  }
del 				  { text-decoration: line-through; }
ins					  { text-decoration: none; }

p+h2				{ margin-top:1em; }
p+h3				{ margin-top:1em; }
p+h4				{ margin-top:1em; }


/* LISTS
--------------------------------------------------------------------------------------------------*/
ul                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ul li                 { margin:0; padding:0; }          
ol                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ol li                 { margin:0; padding:0; }
ol ol				  { margin-bottom:0; list-style:lower-roman; }
ol ol	li			  { list-style-type:lower-roman; }

#news { list-style-position: outside; }

/* IMAGES
--------------------------------------------------------------------------------------------------*/
a img                 { border:none; }

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

a { color:#CC0000; }

/* TABLES
--------------------------------------------------------------------------------------------------*/
#sponsors {
clear:both;
}
#sponsors td {
border:1px solid #000; padding:5px;
}

/* FORMS
--------------------------------------------------------------------------------------------------*/

form                  { margin:0; padding:0; margin-bottom:1em;  }
fieldset              { margin:0; padding:0; margin-bottom:2.5em; }
legend { font-weight:bold; font-style:italic; padding:0 0 15px 0; font-size:16px }
input,textarea,select	{ border:1px solid #aaa; font-family:verdana, sans-serif; font-size:1em; }

div.fieldWithErrors   { display:inline; } /* hack for Rails automated error fields stuff */
input.full, 
textarea.full, 
select.full           { display:block; width:99%; position:static;}
.item label           { display:block; }
.checkbox label       { display:inline; }

dl { padding:0; margin:0;}

hr				{ height:0; border:0; border-top:1px solid #ccc; margin:0; padding:0; margin:1em 0;}
h1				{ font-family:georgia,serif; font-weight:normal; font-size:40px; text-indent: -5000px; }
h2				{ font-family:georgia,serif; font-weight:normal; font-size:20px; font-weight:bold; }

/* Menu
--------------------------------------------------------------------------------------------------*/
#menu { border-bottom: 1px solid #ccc; height: 30px; margin: 70px 0 0 130px; }
#menu ul { list-style:none; padding:0; margin:0; }
#menu ul li { float:left; }
#menu ul a { display: block; padding: 0 .75em; line-height:2.1em; color:#000000; }
#menu li.current a { text-decoration:none; font-weight:bold; color:#CC0000;}