/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* 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; }


/* HTML ELEMENTS */
body {
	background: #a0c8e5 url('/images/bg_tile.jpg') repeat-x top center;
	color: #000;
	font: normal 62.5% Arial, Helvetica, sans-serif; /* 1em = 10px */
}

/* IMAGES */
img, a img { border: none; }
/* PNG-24 HACK */
img.png24 { behavior: url('/images/pngfix.htc') }

/* LINKS */
a, a:link, a:visited { color: #369; text-decoration: none; background-color: transparent; }
a:hover { color: #036; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; } 

/* HEADLINES */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }
h1 { font-size: 2.5em; text-transform: uppercase; color: #c00; letter-spacing: 1px; }
h2 { font-size: 2.2em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

/* TEXT */
p { margin-bottom: 1em; font-size: 1em; line-height: 1.5em; }
b { font-style: bold; }
strong { font-style: bold; text-transform: uppercase; }
em { font-style: normal; background-color: #ff9; }
i { font-style: italics; }
small { font-size: 0.75em; }

/* LISTS */
ul.bulleted li { margin-left: 1.1em; list-style: disc; }
ol.numbered li { margin-left: 1.5em; list-style: decimal; }

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table { margin: 1em 0; width: 100%; border: none; border-collapse: collapse; }
table th { background-color: #000; color: #fff; font-weight: bold; text-align: left; }
table tr { vertical-align: top; }
table th, table td { padding: 0.25em 0.5em; }
table.midcells tr, tr.midcells { vertical-align: middle; }
table tr.odd { background-color: #eee; }
table tr.even { background-color: #fff; }

/* FORMS */
form div { margin-bottom: 0.25em; }
form p { margin-bottom: 1em; }
input[type=text], input[type=password], select, textarea { border: 1px solid #999; padding: 2px; }
input[type=submit] {}
input[type=button] {}
select option { padding-right: 1em; }
fieldset {
	border: 1px solid;
	border-color: #666 #666 #777;
	margin: 1em 0;
	padding: 0.75em;
}
fieldset legend { color: #999; }

/* UTILITIES */
.clear, .clear_both { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.float_left { float: left; }
.float_right { float: right; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.no_display { display: none; }
.hidden { visibility: hidden; }
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }  

/* DEBUG */
.debug { border: 1px solid #0c3; }
.debugbg { background-color: #cfc; color: #000; }

/* NOTICE/ERRORS */
#notice, #error, #errorExplanation {
	margin: 10px 0;
	padding: 10px;
	font-size: 16px;
	color: #000;
	z-index: 99;
}
#notice {
	border: 1px solid #0f0;
	background-color: #cfc;
}
#error, #errorExplanation {
	border: 1px solid #f00;
	background-color: #fcc;
}
#notice a.confirm, #error a.confirm {
	float: right;
}

/* ADMIN CODE HELP */
#codehelp {
	clear: both;
	float: right;
	width: 270px;
	margin: 10px 0;
	border: 1px solid #666;
	background-color: #ccc; padding: 10px;
	color: #333;
	font-size: 10px;
}
span.code { color: #f00; }


/* LAYOUT DIVISIONS */
#wrapper {
	width: 820px;
	min-height: 455px; /* height of background-image */
	margin: 120px auto 0;
	background: #fff url('/images/bg_page.jpg') no-repeat top left;
	color: #333;
}
#header {
	clear: both;
	height: 150px;
}
#header #logo {
	margin-left: 35px;
}
#content {
	clear: both;
	min-height: 300px;
	position: relative;  /* allows for internal absolute positioning */
}
#footer {
	clear: both;
	margin: 1em 0;
	padding: 1em 0;
	font-size: 1em;
	color: #999;
	text-align: center;
}
#brand_logos img {
	margin: 5px 8px;
}

#side {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	width: 165px;
}
#side ul li {
	font-size: 1.1em;
	padding-bottom: 7px;
}

#main {
	float: right;
	margin-top: 95px;
	margin-right: 35px;
	width: 550px;
	font-size: 1.2em;
}


/* CAREERS */
#career_listing ul li { margin: 0; padding: 0; margin-left: 1.1em; list-style: disc; }