/* --- RESET --- */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0; width:100%; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; margin:1em 0 0.5em 0; }
q:before, q:after { content:''}
* a { position:relative }
a img { border:none }
div { position:relative; }
img { -ms-interpolation-mode:bicubic; }
hr { height:1px; border:1px solid #ccc; border-width:1px 0 0 0; padding:0; margin: 4em 0; }

/* --- COLUMNS --- */
.container { width: 900px; margin: 0 auto; background:#fff; }
.column { float: left; padding:0 20px; overflow:hidden; }

.container-1 { width:75px; padding:0; }
.container-2 { width:150px; padding:0; }
.container-3 { width:225px; padding:0; }
.container-4 { width:300px; padding:0; }
.container-5 { width:375px; padding:0; }
.container-6 { width:450px; padding:0; }
.container-7 { width:525px; padding:0; }
.container-8 { width:600px; padding:0; }
.container-9 { width:675px; padding:0; }
.container-10 { width:750px; padding:0; }
.container-11 { width:825px; padding:0; }
.container-12 { width:900px; padding:0; }

/* width = ( column * 75 ) - 40 */
.span-1 { width: 35px; }
.span-2 { width: 110px; }
.span-3 { width: 185px; }
.span-4 { width: 260px; }
.span-5 { width: 335px; }
.span-6 { width: 410px; }
.span-7 { width: 485px; }
.span-8 { width: 560px; }
.span-9 { width: 635px; }
.span-10 { width: 710px; }
.span-11 { width: 785px; }
.span-12 { width: 860px; }

.border { padding-right: 19px; border-right: 1px solid #eee; }
.clearfloat { clear:both; }

/* Clearing floats without extra markup - http://www.positioniseverything.net/easyclearing.html */
.clear { display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

.right { text-align:right; }
.center { text-align:center; }

/* --- TEXT --- */
html { font-size: 70%; color: #333; font-family: verdana, arial, sans-serif; background:#f5f5f5; }

h1,h2,h3, h4,h5,h6 { font-weight: normal; color:#000; }
h1 { font-size: 2em; line-height: 1; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; line-height: 1.5; }
h4 { font-size: 1.1em; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

p { margin: 0 0 1.5em; line-height:1.7; }

ul, ol { margin:0 0 15px 0; }
li ul, li ol { margin:5px 0 0 0; }
ol { list-style-type: decimal; }
dl { margin:0 0 15px 0; }
dl dt { font-weight: bold; }
dd { margin-left: 15px; }
li { padding:3px 0 3px 15px; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color:#666; }

a:focus, a:hover { text-decoration:none; }
a { color: #069; text-decoration: underline; }

blockquote { margin:20px 0; color: #666; font-style: italic; padding:10px; background:#eee; font-size:1.5em;}
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 0.8em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; background:#f5f5f5; overflow:auto; padding:1em; color:#999; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

table { margin-bottom: 1.4em; border:1px solid #eee; font-size:1em; }
tr { vertical-align:top; }
tr.alt, tr.odd { background: #f5f5f5; }
th { border-bottom: none; font-weight: bold; background:#eee; }
td { border-top: 1px solid #f5f5f5; }
th,td { padding: 5px; }
tfoot { font-style: italic; }
caption { background: #ffc; padding:2px 5px; }

strong { font-weight:bold; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.variant	{ color: #999; font-family: Georgia, serif; font-style: italic; font-weight: normal; line-height:1.7; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --- SUPERFISH NAV --- */
ul.nav, ul.nav li, ul.nav ul { padding: 0; margin:0; }
ul.nav li a:hover { color:#000; }
ul.nav li.current_page_item a { background:#999; color: #fff; }
ul.nav li:hover a { background-color:#fff; color:#000; }
ul.nav li a {
	display: block;
	background:#eee;
	color:#999;
	text-decoration: none;
	line-height:34px;
}

/* --- FORMS --- */
label { font-weight: bold; display:block; float:left; padding:5px 10px 5px 0; text-decoration:underline; }
label:hover { cursor:pointer; text-decoration:none; }

fieldset { padding:15px; margin: 0 0 15px 0; border: 1px solid #eee; }
legend { font-size:1.2em; padding:0 5px; color:#999; }

input.text { width:250px; margin:0; float:left; font-size:1.1em; }
input.small { width:100px; }
input.text, textarea { border:1px solid #ccc; border-color:#ccc #eee #eee #ccc; background:#fafafa; padding:3px; }
input.text:focus, textarea:focus { border:1px solid #999; background:#ffd; color:#333 !important; }
input.button { padding:5px; }

textarea { width:98%; height: 250px; }

input, input.text, textarea {
	font-size:1em;
	font-family: verdana, arial, sans-serif;
}

select { border:1px solid #ccc; border-color:#ccc #eee #eee #ccc; background:#f6f6f6; width:250px; }
select:focus { border:1px solid #999; background:#fff; }

/* --- MESSAGES --- */
.error,
.notice,
.success,
.information	{ padding: 10px 10px 10px 35px; margin-bottom: 1em; border: 1px solid #ddd; }
.error      	{ background: #FEE url( images/bg_error.gif ) 10px 10px no-repeat; color: #D21; border-color: #FAA; }
.notice     	{ background: #FFB url( images/bg_notice.gif ) 10px 10px no-repeat; color: #873; border-color: #FD2; }
.success    	{ background: #EEC url( images/bg_success.gif ) 10px 10px no-repeat; color: #591; border-color: #CD8; }
.information   	{ background: #F5F5FF url( images/bg_information.gif ) 10px 10px no-repeat; color: #8AC; border-color: #DDF; }
.error a    	{ color: #D21; }
.notice a   	{ color: #873; }
.success a  	{ color: #591; }
.information a 	{ color: #88A; }