html, body{
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	font:81% Arial, Helvetica, sans-serif;
	background:#555454 url(../publicimages/oli-bg-f3.jpg) 50% 0 no-repeat;
}

div#container{
	min-height: 100%;
}

* html div#container{
	height: 100%;
}


a{
	color:#cc0000;
	text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

img.right{
float:right;
	margin:0 0 10px 10px;
}

img.left{
float:left;
	margin:0 10px 10px 0;
}

.left{
float: left;
display: inline;
}

.right{
float: right;
}

h1, h2, h3, h4, h5, h6, p, ul, ol{
margin:0.5em 0;
}

div.news ul.newsHeadlines{
list-style: none;
padding: 0;
margin: -5px 0 0 0;
}

div.news ul.newsHeadlines li{
border-bottom: 1px solid #cccccc;
padding: 5px 0 5px 0;
}

div.news ul.newsHeadlines li a{
text-decoration: none;
}

div.news ul.newsHeadlines li a:hover{
color: black;
text-decoration: underline;
}

ul, ol{
padding:0 0 0 1.3em;
}

ul.ticks, ul.noticks{
list-style:none;
	padding-left:0;
}

ul.ticks{
margin-bottom:0;
}

ul.noticks{
margin-top:0;
}

ul.ticks li, ul.noticks li{
padding-left:1.3em;
}

ul.ticks li{
background:url(../publicimages/tick.gif) 0 0.2em no-repeat;
}


/* layout */


div#content{
	margin:0 auto;
	width:840px;
	text-align:left;
	padding:270px 0 0 0;
}

div#content br.clear{
clear:both;
}

div#logo{
	position:absolute;
	top:0px;
	text-align:center;
	padding-top:10px;
	margin-left:-60px;
}

ul#mainnavigation{
position:absolute;
	top:42px;
	width:840px;
	height:30px;
	margin:0;
	padding:0;
	background-color: white;
	list-style:none;
}

ul#mainnavigation li{
	margin:9px 0 0 0;
	float:left;
	border-right:solid 1px #BCBCBC;
}

ul#mainnavigation li.lastitem{
border-right:none;
}

ul#mainnavigation li a{
	display:block;
	margin:0 15px;
	padding: 0 0 2px 0;
	font-weight:bold;
	color: black;
	text-decoration:none;
	border-bottom:solid 3px #F7F7F7;
	background-color: white;
}

ul#mainnavigation li a:hover, ul#mainnavigation li a.activenav{
border-bottom:solid 3px #CC0000;
}

div#footer{
	margin:0 auto;
	width: 840px;
	height:52px;
	text-align:left;
	font-size:85%;
	color: white;
}


p#footernavigation{
float:right;
}

p#footernavigation span.separator{
padding:0 5px;
}


/* ------------------------------------------------------------------
PANELS
----------------------------------------------------------------------*/

div.contentsmall{
float:left;
	clear:left;
	margin:0 0 20px 0;
}

div.contentsmall h1{
margin-top:0;
	font-size:246%;
	font-weight:normal;
	color:#CC0000;
}

div.contentsmall h2{
margin-bottom:0;
	font-size:192%;
	font-weight:normal;
	color:#CC0000;
}

div.contentsmall h3, 
div.contentlarge h3, 
div.panellarge div.panelbackground h3{
font-size:123%;
	font-weight:bold;
	color:#CC0000;
	background:none;
	padding:0;
	margin:0.8em 0 0.4em 0;
}

div.contentsmall div.boxleft{
float:left;
width:270px;
}

div.contentsmall div.boxright{
float:right;
width:515px;
}

div.contentlarge{
	float:right;
	clear:left;
	margin:0 0 20px 0;
	width: 510px; /* 530px - (2*20) */
	background-color: white;
	padding: 8px 10px 10px 10px;
}

body#Videos div.contentlarge{
	width: 480px;
	padding: 8px 20px 20px 10px;
}

div.contentlarge h1{
	font-size:192%;
	font-weight:bold;
	color:#CC0000;
}

div.listing h3,
div.contentlarge h2{
	font-size:138%;
	font-weight:normal;
	color:#CC0000;
}

div.panelsmall{
	float:left;
	/*clear:right;*/
	margin:0 20px 20px 0;
	width:270px;
	background-color: white;
}

div.panelbackground{
padding: 7px 0px 10px 7px;
background: white url(../publicimages/contentBoxFooter.png) left bottom repeat-x;
}

div.panelbackground.nofooter{
background: none;
}

div.panelfooter{
background: white url(../publicimages/contentBoxFooter.png) left bottom repeat-x;
height: 8px;
padding: 8px 0 0 0;
font-size: 0;
}

div.panelbackground.videos{
padding:10px 10px 10px 10px;
}

div.panelbackground.lessverticalpadding{
}


div.contentsmall div.boxleft h3, 
div.contentsmall div.boxright h3, 
div.panelsmall h3,
div.homepanel h3{
	margin:0;
	padding: 6px 0 4px 6px;
	background-color: #232323;
	font-size:123%;
	font-weight:bold;
	color: white;
	border-bottom: 1px solid #cc0000;
}

div.homepanel h3 img,
div.panelsmall h3 img, 
div.panellarge h3 img{
margin: 0 0 1px 0;
}


div.panelsmall ul.subnavigation{
margin:0;
	padding:0 0 1px 0;
	list-style:none;
	background:#FFFFFF;
}

div.panelsmall ul.subnavigation li{
border-bottom: solid 1px #cccccc;
}

div.panelsmall ul.subnavigation li a{
	padding:4px 0 4px 19px;
	background:url(../publicimages/arrow.gif) 5px 7px no-repeat;
	display:block;
	color:#cc0000;
	text-decoration:none;
}

div.panelsmall ul.subnavigation li a:hover, div.panelsmall ul.subnavigation li a.activenav{
background:url(../publicimages/arrow_active.gif) 5px 6px no-repeat;
color: black;
text-decoration: underline;
}

div.panellarge{
	float: left;
	clear:right;
	margin:0 20px 20px 0;
	width:510px;
}
div.partners{
	float: left;
	clear:right;
	margin:0 20px 20px 0;
	width:840px;
}

div.panellarge.right{
float: right;
clear: none;
margin:0 0 20px 0;
}

div.partners.partnersHome{
padding-right: 0;
margin-right: 0;
}


div.partners.partnersHome .panelbackground img{
padding: 3px 12px 5px 0;
}

div.partners.partnersHome .panelbackground img#last{
padding: 6px 0 2px 0;
}

div.partners.partners .panelbackground img{
padding: 5px 30px 5px 0;
}

div.partners.partners .panelbackground img#last{
padding: 5px 0 5px 0;
}


div.panellarge h3, div.partners h3{
	margin:0;
	padding:6px 6px 4px 6px;
	font-size:123%;
	font-weight:bold;
	color: white;
	background-color: #232323;
	border-bottom: 1px solid #CC0000;
}

div.panellarge img{
/* margin:0.5em 0; */
}



/* ------------------------------------------------------------------
HOME PANELS
----------------------------------------------------------------------*/

div.homepanel{
	float:left;
	/*clear:right;*/
	margin:0 20px 20px 0;
	background-color: white;
}

div.homepanel.news{
	width:195px;
	margin:0 20px 20px 0;
}

div.homepanel.calendar{
	width:340px;
}

div.homepanel.mediaphotos{
	width: 265px;
}

div.homepanel.nomarg,
div.panelsmall.nomarg{
margin: 0 0 20px 0;
}



div.homepanel.news div.panelbackground,
div.homepanel.calendar div.panelbackground,
div.homepanel.mediaphotos div.panelbackground{
	height: 290px;
	padding: 0;
}

div.homepanel div.panelcontainerPadding{
	padding: 5px 5px 5px 5px;
}

div.homepanel.calendar div.panelcontainerPadding{
	padding: 5px 0px 5px 5px;
}

div.homepanel.mediaphotos div.panelcontainerPadding{
	padding: 5px 0px 5px 0px;
}

div.homepanel.mediaphotos div.panelbackground div.homePhoto{
float: left;
display: inline;
padding: 0 6px 12px 6px;
}

* html div.homepanel.mediaphotos div.panelbackground div.homePhoto{
padding: 0 6px 6px 6px;
}

/* ------------------------------------------------------------------
summary and gallery lists
----------------------------------------------------------------------*/


div.listing{
margin:15px 0;
}

div.listing img.listing{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

div.listing div.clear{
clear:both;
	width:100%;
	height:1px;
	font-size:0;
}



div.photogallery{
float:left;
display: inline; /* for IE6 */
margin: 15px 15px 0 0;
background-color: #333333;
padding: 5px 5px 5px 5px;
}

div.photogallery img.galleryphoto{	
}

div.photogallery h3{
font-weight: normal;
font-size: 14px;
text-transform:uppercase;
color: white;
margin: 1px 0 0 0;
padding: 0;
text-decoration: none;
}

div.photogallery a:hover h3{
color: red;
}

div.photogallery div.clear{
	/* width:100%; */
	height:1px;
	border-bottom:dashed 1px #A0BCA2;
	font-size:0;
}



/* form styles */

p.validationerror, ul.validationerror, tr.validationerror th, th.validationerror {
font-weight:bold;
	color:#CC0000;
}

tr.validationerror td, div.validationerror {
border:solid 1px #CC0000;
}

form .formName {
background-color:#efefef;
	vertical-align:top;
	width:440px;
	text-align:right;
	border:1px solid #ccc;
	padding:3px 3px 3px 10px;
	margin:3px 0 3px 0;
	font-weight:bold;
	font-size:90%;
}

form .formNameValidationError {
color:#CC0000;
	background-color:#efefef;
	vertical-align:top;
	width:440px;
	text-align:right;
	border:1px solid #CC0000;
	padding:3px 3px 3px 10px;
	margin:3px 0 3px 0;
	font-weight:bold;
	font-size:90%;
}

p.formHeader {
vertical-align:top;
	width:452px;
	text-align:left;
	font-weight:normal;
	padding:3px 3px 3px 0;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px dotted #999;
}

.formField {
border:1px solid #999;
	width:280px;
	margin:0;
	padding:3px;
}

.formDrop{
border:1px solid #999;
	width:215px;
	margin:0 0 2px 5px;
	padding:3px;
}

.formSelectDrop {
border:1px solid #999;
	width:60px;
	margin:0;
	padding:2px;
}

.formSelectDropDate {
border:1px solid #999;
	width:92px;
	margin:0 0 0 5px;
	padding:2px;
}

*html .formDrop {
margin:-4px 0 0 5px;
}

.formSelect {
border:1px solid #999;
	width:288px;
	margin:0;
	padding:3px;
}


p#quote{
font-size: 16px;
color: #cc0000;
background-color: white;
padding: 5px 10px 4px 10px;
margin: 0 0 20px 0 ;
font-style: italic;
width: 250px;
float: left;
font-weight: bold;
line-height: 1.2em;
}

div#footer a{
color: white;
}

div#footer a:hover{
color: #cc0000;
}


table#calendar{
padding: 0;
}

body#Home table#calendar a{
text-decoration: none;
color: black;
}

body#Home table#calendar a:hover{
text-decoration: underline;
color: #cc0000;
}

table#calendar th{
background-color: #8C8C8C;
border-right: 1px solid white;
padding: 4px 4px 4px 4px;
color: white;
white-space: nowrap;
}

table#calendar td{
background-color: #EEEEEE;
padding: 2px 4px 2px 4px;
border-right: 1px solid white;
border-bottom: 1px solid white;
}

body#Home table#calendar th,
body#Home table#calendar td{
padding: 2px 3px 2px 4px;
}


a.morelink{
margin: 5px 0 5px 0;
display: block;
line-height: 1em;
font-weight: bold;
font-size: 11px;
float: right;
display: inline;
text-transform: uppercase;
text-decoration: none;
}

div.homepanel.mediaphotos a.morelink{
margin: 5px 10px 5px 0;
}

a.morelink:hover{
text-decoration: underline;
}

img.gallery{
padding: 0 4px 4px 0;
}

td.nowrap{
	white-space: nowrap;
}

span.quoter{
font-size: 13px;
font-style: italic;
white-space: nowrap;
}