/*****************************/
/* CSS RESET */
/*****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label, textarea,
table, caption, thead, tbody, tfoot, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	background: transparent;
}

body {
	/*line-height: 1.5;*/
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 1;
	background-color: #ff9;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*****************************/
/* END CSS RESET */
/*****************************/
/*****************************/
/* BASE STYLES */
/*****************************/
/* Use ems for font size */




/*************************************** LISTS */





ul,
ol {
margin:0px;
padding:0px;
	list-style-position: inside;
}
li{
list-style-position:inside;
margin:0px;
padding:0px;
}

ul {
	list-style-type: disc;
	margin:0px;
margin-bottom:10px;
}

ul ul {
	list-style-type: circle;
	margin-top: 0;

}

ol {
	list-style-type: decimal;
	margin:0px;
margin-bottom:10px;
list-style-position: inside;

}

ol ol {
	list-style-type: lower-alpha;
	margin-top: 0;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

dl {
	margin: 1em 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 2em;
}


ul.arrowList { margin-left:0em; padding-left:0.2em; margin-bottom:1em; list-style-position:outside;}
ul.arrowList li { background:url(images/bullet.gif) 0em 0.3em no-repeat; /* change background em accordingly */ padding-left: 0.8em; list-style: none;list-style-position:outside; }
.arrowList ul li { background-image:url(images/bullet_child.gif); }

ol.arrowList li, ul.niceList li { margin-bottom:0.5em; }

ol.arrowList { margin-left:1.5em; padding-left:0px; }
.arrowList ol li { list-style:decimal; background-image:none; padding-left:0em; }
/*************************************** TABLES */

table {
	margin: 2em 0;
}

caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

th {
	font-weight: bold;
	vertical-align: bottom;
}

thead th {
	background-color: black;
	color: white;
}

/* for alternate rows */
tr.shaded {
	background-color: #ddd;
}

th,
td {
	padding: 0.3em;
}

td {
	vertical-align: top;
}



/*************************************** FORMS */
.submit input
{
color: #ffffff;
background: #eb2d2f;
border: 1px solid #024c7d;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
}
.submit input:hover
{
color: #024c7d;
background: #eb2d2f;
border: 1px solid #024c7d;
padding-top:2px;
padding-bottom:2px;
}
fieldset {
	border: dotted 1px #999;
	padding: 1em;
	margin: 1em auto;
}

legend {
	font-size: 1.3em;
	font-weight: bold;
	background-color: white;
	padding: 0 0.25em;
}

label {
	font-weight: bold;
}

/* For inline labels and inputs, enclose both in <div class="row"> */
.row {
	margin: 0.5em 0;
}

.row label {
	display: block;
	float: left;
	width: 10em;
	margin-right: 0.75em;
}

.required {
	color: red;
}

textarea {
	border: solid 1px #999;
}



/* INLINE ELEMENTS */

strong {
	font-weight: bold;
}

em,
cite {
	font-style: italic;
}

acronym,
abbr {
	border-bottom: dotted 1px #666;
	cursor: help;
}

sup,
sub {
	font-size: 75%;
	line-height: 0;
}

q:lang(en) {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

kbd,
pre {
	font-family: Courier, monospaced;
}


/*************************************** LINKS */

a:link {
	color:#090;
	text-decoration:underline;
}

a:visited {
	color:#090;
		text-decoration:underline;
}

a:focus,
a:hover,
a:active {
	color: #006398;
		text-decoration:none;
}

a#footerlink:link {
	color: #ffffff;
	text-decoration:underline;
}

a#footerlink:visited {
	color: #ffffff;
	text-decoration:underline;
}

a#footerlink:focus,
a#footerlink:hover,
a#footerlink:active {
	color: #eb2d2e;
}

a.contest:link {
	color: #ffffff;
	text-decoration:underline;
}

a.contest:visited {
	color: #ffffff;
	text-decoration:underline;
}

a.contest:focus,
a.contest:hover,
a.contest:active {
	color: #eb2d2e;
}

a.myhc:link {
	color: #ffffff;
	text-decoration:underline;
font-weight:bold;
font-size:1.2em;
}

a.myhc:visited {
	color: #ffffff;
	text-decoration:underline;
font-weight:bold;
font-size:1.2em;
}

a.myhc:focus,
a.myhc:hover,
a.myhc:active {
	color: #ffffff;
font-weight:bold;
font-size:1.2em;
}

/* ACCESSIBILITY */

a#skipnav:link,
a#skipnav:visited {
	position: absolute;
	width: 100%;
	left: -999em !important;
	margin; 1em auto;
	text-align: center;
	background-color: white;
}

a#skipnav:focus,
a#skipnav:active {
	left: 0 !important;
}

/*************************************** BLOCK ELEMENTS */

h1,h2,h3,h4,h5,h6 {
	line-height: 1.25;
}

h1 {
	font-weight: bold;
	margin-bottom: 1em;
	line-height:1.1em;
	font-size:1.5em;
	color:#da6b29;
	margin:0;
	padding-bottom:.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
	margin: 0;
	font-size:1.3em;
	font-weight:bold;
	color:#da6b29;
	margin:0;
	padding-bottom:.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {

	margin: 0;
	font-size:1.1em;
	font-weight:bold;
	color:#da6b29;
	margin:0;
	padding-bottom:.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2.side {
	margin: 0;
	font-size:1.3em;
	font-weight:bold;
	color:#da6b29;
	margin:0;
	padding-bottom:.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#250d0d;

}
h2.LightHead  {
	margin: 0.5em 0 0.25em 0;
	font-size:1.5em;
	font-weight:bold;
	color:#006398;
	margin:0;
	padding-bottom:.8em;
}

h3.LightHead  {

	margin: 0.25em 0 0.25em 0;
	font-size:1.2em;
	font-weight:bold;
	color:#006398;
	margin:0;
	padding-bottom:.8em;
}

p {
	margin: 0 0 1.5em 0;

	margin: 0px; 
	padding-bottom:1em;
}

blockquote {
	margin: 1em 8em;
}

address {
	margin: 1em 0 1em 2em;
}

/*****************************/
/***************************************END BASE STYLES
/*****************************/

body { 
	font-family: arial, verdana, ms sans serif;
	font-size:14px; 
	
	margin:0;
	padding:0;
	height:100%; 
	background-image:url(images/left.jpg);
	background-repeat:repeat-y;
	background-position:left;
	color:#000000;
	background-color:#eaf6f2;
	}



.smalltext{
font-size:.8em;
}	
	
#contain {
	width:1000px;
	border-right: 1px solid #ffffff;

}
#header {
height:0px;
background-image:url(images/header_becker_bg.jpg);
border-bottom:1px solid #415966; 
padding-top:60px;
}

#header1{
float:left;
width: 82px;
display:inline;
overflow:hidden;
margin-left:10px;
margin-right: 766px;
margin-top:-70px;
position:relative; 
z-index:600;
}


#header3{
float:left;
width: 82px;
display:inline;
overflow:hidden;
margin-top:-70px;
position:relative; 
z-index:600;

}

#main {

background-repeat:repeat-x;
background-color:#000000;
padding-top:60px;
padding-left:10px;
padding-right:10px;
}

#col1{
width:271px;
float:left;
display:inline;
overflow:hidden;
background-image:url(images/left.jpg);	
color:#FFFfff;
}
#col2{
	width:475px;
float:left;
display:inline;
overflow:hidden;
margin-left:10px;
background-color:#eaf6f2;
padding-right:10px;
padding-top:30px;
background-image:url(images/bpmbottom.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#col3{
width:220px;
float:left;
display:inline;
overflow:hidden;
margin-left:10px;	
padding-top:10px;
color:#000000;

font-size:13px;
font-weight:bold;

}
#col3ct{
margin-left:5px;
background-color:#f9ed33;
width:180px;
padding-left:5px;
padding-right:5px;
border:2px solid #000000;
background-image:url(images/showbg.jpg);
background-repeat:repeat-x;
float:right;
margin-left:15px;
margin-top:60px;
}
#col3ct2{
margin-left:5px;
background-color:#f9ed33;
width:178px;
padding-left:5px;
padding-right:5px;
border:2px solid #000000;

margin-top:10px;
padding-top:5px;
background-image:url(images/showbg2.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
#footer {
border-top:1px solid #5b77a1; 
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
}
#footerleft{

float:left;
width: 271px;
display:inline;
overflow:hidden;
padding-right:10px;
padding-top:10px;
}
#footerright{
padding-top:3px;
float:left;
width: 665px;
display:inline;
overflow:hidden;
padding-left:20px;
text-align:right;
background-image:url(images/FooterRightBack.jpg);
margin-top:10px;
margin-left:5px;
height:48px;
padding-right:10px;
color:#ffffff;
}

#imgbox{
	width:200px;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	border:2px solid #250d0d;

	background-color:#eaf6f2;

}

.small{
	font-size:10px;
}
.small2{
	font-size:12px;
}
/***************Lightbox******/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }