body {
background: #fff url(images/background.jpg) top right no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
width: 766px;
margin: 0 auto;
}

/** HEADER **/
#header a {
display: block;
width: 266px;
height: 89px;
background:url(images/oliverworks.gif) top right no-repeat;
}
#wrapper #header a span {
margin: 0 0 0 -1000px;
}


/** MAIN NAVIGATION **/
#mainnav {
width: 766px;
height: 22px;
background:url(images/navbar.gif) top left no-repeat;
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
}
#mainnav li {
float: left;
line-height: 22px;
font-weight: bold;
width 10em;
}
#mainnav a {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 22px;
	padding: 0 11px;
}

#mainnav a:hover {
background-color: #fff;
color:#9aa1a6;

}
#mainnav li ul {
position: absolute;
left: -999em;
}
#mainnav li.current a,
#mainnav li:hover a,
#mainnav li.sfhover a {
left: auto;
background-color: #fff;
color: #9aa1a6;
}
#mainnav li:hover ul,
#mainnav li.sfhover ul {
	left: auto;
display: block;
border-left: 1px dotted #e00078;
border-right: 1px dotted #e00078;
border-bottom: 1px dotted #e00078;
background-color: #fff;
}

#mainnav li li {
display: block;
clear:both;
float: none;
font-weight:normal;
}

#mainnav li li a {
display: block;
padding: 7px;
clear:both;
line-height: 12px;
margin: 0;
width: 10em;
float: left;
}
#mainnav li li a:hover {
color: #e00078;
}



/** MAIN CONTENT **/
#mainwrapper {
clear: both;
margin-top: 4px;
}

#home #contentwrapper,
#template2 #contentwrapper {
width: 480px;
float:left;
}

/** MAIN CONTENT: CONTENT HEADER **/
#home #contentheader,
#template2 #contentheader {
background:url(images/content_top.gif) top right no-repeat;
width: 480px;
height: 91px;
}
#template3 #contentwrapper {
background:url(images/contentwide_top.gif) top right no-repeat;
width: 766px;
}
#template3 #contentheader {
width: 593px;
height: 91px;
float: left;
}


#contentheader h1 {
padding: 53px 0 0 68px;
text-transform:uppercase;
font-size: 17px;
line-height: 21px;
font-weight: bold;
color: #e00078;
}
#contentheader h2 {
font-size: 14px;
color: #f8a13c;
padding: 35px 0 5px 68px;
font-weight: normal;
}

#contentheader h2.longheadline {
padding-top: 18px;
}
#contentheader h1.longheadline {
padding-top: 40px;
}

/** MAIN CONTENT: CONTENT **/
#content a {
text-decoration: none;
color: #8cc63f;
background:url(images/greendot.gif) bottom left repeat-x;
}
#content a:hover {
color: #e00078;
background:url(images/reddot.gif) bottom left repeat-x;
}
#home #content,
#template2 #content {
background: url(images/content_background.gif) top right repeat-y;
}
#template3 #middlewrapper {
background: url(images/contentwide_background.gif) top right repeat-y;
clear:both;
}
#template3 #content {
width: 593px;
float: left;
}

#home #content {
padding-bottom: 20px;
}
#template3 #content,
#template2 #content {
padding-bottom: 30px;
}

#home #content p {
	padding: 19px 88px 0 68px;
	font-size: 15px;
	line-height: 22px;
	color: #491631;
}
#template2 #content p,
#template3 #content p {
	padding: 19px 88px 0 68px;
	font-size: 13px;
	line-height: 19px;
	color: #491631;
}

#content h2 {
font-size: 13px;
line-height: 19px;
color: #f8a13c;
padding: 19px 88px 0 68px;
}

#content ul {
margin: 19px 88px 0 83px;
list-style:disc;
}
#content ul ul {
margin: 0 88px 0 15px;
}
#content ul.nobullet {
list-style:none;
}
#content ol {
margin: 19px 88px 0 83px;
list-style:decimal;
}
#content li {
padding: 0;
font-size: 13px;
line-height: 19px;
color: #491631;
}
#home #content li {
font-size: 15px;
	line-height: 22px;
}

.alignright {
float: right;
padding: 0 0 10px 15px;
}



/** MAIN CONTENT: TEMPLATE3 ONLY: SIDEHEADER **/
#template3 #sideheader {
width: 173px;
height: 91px;
float: left;
}
#template3 #sideheader h2,
#template3 #sideheader h3 {
font-size: 11px;
line-height: 14px;
}
#template3 #sideheader h2 {
font-weight: normal;
color: #f8a13c;
padding: 35px 10px 0 14px;
}
#template3 #sideheader h3 {
font-weight: bold;
text-transform: uppercase;
color: #e00078;
padding: 0 10px 0 14px;
}

/** MAIN CONTENT: TEMPLATE3 ONLY: SIDENAV **/
#template3 #sidenav {
width: 173px;
float: left;
}
#template3 #sidenav ul {
padding: 20px 10px 0 14px;
}
#template3 #sidenav li {
font-size: 11px;
line-height: 13px;
padding-bottom: 13px;
}
#template3 #sidenav a {
color: #8cc63f;
text-decoration: none;
}
#template3 #sidenav li a:hover,
#template3 #sidenav li.current a {
color: #9aa1a6;
}


/** MAIN CONTENT: CONTENT FOOTER **/
#home #contentfooter,
#template2 #contentfooter {
width: 480px;
height:17px;
background:url(images/content_bottom.gif) top right no-repeat;
}
#template3 #contentfooter {
width: 766px;
height:17px;
background:url(images/contentwide_bottom.gif) top right no-repeat;
}

/** MAIN CONTENT: FLASHBOX **/
#flasharea {
width: 286px;
height:474px;
float: left;
}

/** COMMON STYLES **/
#contentheader .nopadtop,
.nopadtop {
padding-top: 0;
}


/** CLEARFIX **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */