/* start of general layout elements */

* { margin: 0; padding: 0; }

body {
margin:25px 0 0 0;
color: #333;
background-color: #1A1A1E;
font-size: 62.5%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal;
font-weight: normal;
font-variant: normal;
}

#page {
background:#FFFFFF;
width:780px;
margin:0 auto;
}

#bannerheader{
margin: 0;
padding: 0;
height: 62px;
}



#content {
min-height: 380px;
background-image:url(media/map-back.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-color:#F8CC40;
padding: 40px 0 0 0;
}

/* end of general layout elements */




/* left column elements start here */


#navigation
{width: 166px;
min-height: 380px;
padding: 0px 12px 12px 24px;
float:left;
color: #333;
font-size:1.0em;
line-height: 1.3em;
text-transform:uppercase;
}
#navigation a:link, #navigation a:active, #navigation a:visited {font-weight: bold; text-decoration: none; color: #B21A29;} 
#navigation a:hover {font-weight: bold; text-decoration: underline; color: #B21A29;}

#navigation ul
{list-style: none;
}

#navigation li
{margin: 6px 0;
}

#navigation li a
{font-weight: bold;
color: #B21A29;
text-decoration: none;
}

#navigation li a:hover
{font-weight: bold;
color: #fff;
text-decoration: none;
}

#navigation a#active, #navigation a:hover#active
{color: #000;
font-weight: bold;
text-decoration: none;
}

#navigation ul ul 
{margin:0 0 0 10px;
}

/* left column elements end here */




/* middle column elements start here */

#middlecolumn{
width: 360px;
padding: 0px 12px 24px 12px;
float: left;
}

#singlecolumn{
width: 540px;
padding: 0px 12px 24px 12px;
float: left;
}

#textbox{
color: #333;
font-size: 1.2em;
line-height: 1.5em;
}
#textbox a:link, #textbox a:active, #textbox a:visited {font-weight: bold; text-decoration: none; color: #B21A29;} 
#textbox a:hover {font-weight: bold; text-decoration: underline; color: #B21A29;}

#textbox h1 {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
    margin: 0 0 15px 0; 
	color: #B21A29;
	text-transform:uppercase;
}

#textbox h2 {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
    margin: 0 0 9px 0; 
	color: #B21A29;
	text-transform:uppercase;
}


#textbox h2.boxed {
font-size: 0.8em;
background-color: #B21A29;
padding: 3px 3px 3px 3px;
color: #fff;
}

#textbox h3 {
	font-size: 0.9em;
	line-height: 1.5em;
    margin: 0 0 4px 0; 
	color: #000;
}

#textbox h4 {
	font-size: 1.3em;
	line-height: 1.5em;
    margin: 0 0 9px 0; 
	color: #B21A29;
	text-transform:uppercase;
}

#textbox h5 {
	font-size: 1em;
	line-height: 1.5em;
    margin: 0 0 9px 0; 
	color: #B21A29;
}

#textbox p {
margin: 9px 0 9px 0;
}

#textbox p.quote {
font-size: 1.1em;
color: #B21A29;
line-height: 1.3em;
margin: 9px 0 0px 0;
padding: 9px 0px 4px 0px;
}

#textbox p.red {
color: #B21A29;
}

#textbox p.credit {
font-size: 1em;
background-color:#FFF1C1;
margin: 0px 0 9px 0;
padding: 4px 10px 9px 10px;
}

#textbox p.tabletext {
margin: 0px 0 0px 0;
}

#textbox ul {
margin: 9px 0 9px 0;
}

#textbox hr {
margin: 12px 0 12px 0;
color: #B21A29;
background-color: #B21A29;
height: 1px;
border:none;
}

.picwrapright {
	text-align: right;
	margin-left: 10px;
}


.picwrapleft {
	text-align: left;
	margin-right: 10px;
}


#minicolumn{
width: 160px;
padding: 0px 18px 0px 0px;
float:left;
}

#minicolumn h4 {
	font-size: 1em;
	line-height: 1.5em;
    margin: 0 0 9px 0; 
	color: #000000;
	text-transform:uppercase;
}

/* middle column elements end here */







/* right column elements start here */

#rightcolumn{
width: 110px;
padding: 10px 24px 0px 0px;
float: right;
}

#quotebox{
font-size: 1.3em;
line-height: 1.4em;
color: #B21A29;
text-align:right;
}


#quotebox p{
margin: 0 0 10px 0;
}
#quotebox a:link, #quotebox a:active, #quotebox a:visited {font-weight: normal; text-decoration: none; color: #B21A29;} 
#quotebox a:hover {font-weight: normal; text-decoration: underline; color: #B21A29;}

.quotecredit {
color: #333333;
font-size: 0.9em;
font-style: italic;
line-height: 1.2em;
margin: 6px 0px 16px 0px; 
text-align:right;
}



/* right column elements end here */




/* footer elements start here */

#barfooter {
clear:both;
background-color:#000;
height: 36px;
background-image:url(media/ocmf-footer.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#legals {
font-size: 0.9em;
line-height: 1.6em;
color: #fff;
width: 780px;
padding: 0 0 20px 0;
margin:12px auto 10px auto;
text-align: center;
}

#legals a:link, #legals a:active, #legals a:visited {font-weight:bold; text-decoration: none;color: #fff;} 
#legals a:hover {font-weight:bold; text-decoration: underline; color: #F8CC40;} 

/* footer elements end here */