/* RESETS */
html {font-size:1.25em;}
html * {margin:0em; padding:0em; }
body {font:50% verdana,arial,helvetica,sans-serif; overflow:visible; }
img {border:none;}
ul {list-style-type:none;}
table { border-collapse: collapse; }

/* IE6 */
.ie6 { display:none; }

/* GENERAL */
.both { clear:both; }
.fleft { float:left; }
.fright { float:right; }
.tcenter { text-align:center; }
.tright { text-align:right; }
.tleft { text-align:left; }
.button { padding:0.2em 0.3em; border:1px solid #666; width:100%; margin:0.1em;  }
.error { border:1px solid #f00; background:#FFEFEF; padding:0.5em; color:#f00; }

.thicktext { font-weight:bold; }
.alert { background:#eee; color:#f00; border:1px solid #f00; padding:1em; }
.stripe { background:#f1f1f1; }
span.slight { color:#666; font-size:1em; }

.input_e {  background:#f00; }
.redtext { color:#f00; }
.normal { font-weight:normal; }
fieldset { padding:1em; }
fieldset.nobd { border:none; }
legend { padding:0.5em; }
label { width:6em; font-size:1.2em;}
img.valign { vertical-align:middle; }
.redbox { border-top:3px solid #c83820; border-bottom:6px solid #c83820; }
.tbox { border:1px solid #1E2D3B; } 
.result_box { padding:1em; background:#A59687; border:0.1em solid #1E2D3B; margin:1.3em; }
form ul.errors li { color:#f00; }

/* AJAX */
.ajax { float:right; }

/* LINKS */
a,
a:link,
a:visited,
a:active { color:#02253a; text-decoration:none; }
a:hover { color:#666; }

a.small, a:link.small, a:visited.small, a:active.small { color:#a59687; font-size:0.9em; }
a:hover.small { color:#ffffff; }

a.button, a:link.button, a:visited.button, a:active.button { border:1px solid #ccc; text-align:center; width:16em; display:block;  }
a:hover.button { border:1px solid #666; }


/* FORMS */
form { text-align:left; }
input { color:#02253A; border:1px solid #1E2D3B; background:#bcc9d6; padding:0.3em; width:99%; }
input#submit { background:#02253A; color:#fff; }
textarea { color:#02253A; border:1px solid #1E2D3B; background:#bcc9d6; padding:0.3em; width:99%; }
select { color:#02253A; border:1px solid #1E2D3B; background:#bcc9d6; padding:0.3em; width:100%; }

/* FONTS */
.italic { font-style:italic; }
p { line-height:1.6em; font-size:1.2em; margin-bottom:0.6em; }

/* COMMON */
body { text-align:center; background:#333; background:url('/images/grid_grey.png') }
div#page {  }
div#page div#head { padding:1em 1em 0em 1em; background:#417394; margin-bottom:2em; border-bottom:1px solid #fff; }
div#page div#head div#logo { float:left; }
div#page div#head div#logo span { color:#ccc; }
div#page div#head div#strapline { float:right; text-align:right; }
div#page div#head div#strapline h1 { color:#bcc9d6; font-size:1.4em; }
div#page div#head div#strapline h2 { color:#fff; font-size:1.2em; }

/* MAIN NAVIGATION */
div#page div#head div#nav { clear:both; text-align:right; padding-right:2em;}
div#page div#head div#nav ul { height:2.0em; }
div#page div#head div#nav ul li { display:inline; margin:0em 0.2em;  }
div#page div#head div#nav ul li a,
div#page div#head div#nav ul li a:link,
div#page div#head div#nav ul li a:active,
div#page div#head div#nav ul li a:visited { padding:0.6em 1em;  }
div#page div#head div#nav ul li a:hover { color:#fff; border-top:1px solid #7c98ae;  }

div#page div#head div#nav ul li a.selected,
div#page div#head div#nav ul li a:link.selected,
div#page div#head div#nav ul li a:active.selected,
div#page div#head div#nav ul li a:visited.selected { border-top:1px solid #fff; color:#fff; }
div#page div#head div#nav ul li a:hover.selected { color:#02253a; border-top:1px solid #fff;  }

.sort-placeholder { width:5em; height:2em; background:#ccc; display:block; }

/* MAIN */
div#page div#main { width:100em; margin:auto; text-align:left; padding:1em; background:#fff; border:1px solid #000; }

/* FOOTER */
div#page div#foot { clear:both; border-top:1px solid #417394; border-bottom:1px solid #417394; padding:1em; text-align:center; margin:2em 0em; background:#999;}

/* EXTRA */
div#extra { clear:both; margin:2em 0em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1em 0em; text-align:left; color:#999; }

/* LOGIN FORM */
div.info form#Login {  }
div.info form#Login dt { width:6em; float:left; }
div.info form#Login dt label {  }
div.info form#Login dt#login-label { display:none; }
div.info form#Login dd { float:left; margin-right:2em; }
div.info form#Login dd input { width:20em; font-size:1em; }
a#register, a:link#register, a:visited#register, a:active#register { font-size:1.5em; }

/* INFO */
div#page div.info { width:100em; margin:auto; text-align:left; padding:1em; background:#ccc; border:1px solid #000; margin-bottom:1em; }

/* CONTENT */
div#content { color:#02253A; }
div#content h2 { color:#02253A; margin-bottom:0.4em; }
div#content p { color:#02253A; margin-left:1em; margin-right:1em; }

/* SIDE PANEL */
div#content div#sidepanel { float:left; }
div#content div#sidepanel div.box { background:#fff; display:block; padding:1em; margin-bottom:0.4em;  margin-right:1.4em; width:20em; border:1px solid #bcc9d6; }
div#content div#sidepanel div.box h3 { color:#02253A; border-bottom:1px solid #02253A; padding:0.0em; margin:0em;  }
div#content div#sidepanel div.box h3 span { font-size:0.9em; font-weight:normal;  }
div#content div#sidepanel div.box p { color:#02253A; margin:0em; }

div#content div#sidepanel div.box div.accordian { margin-top:0.2em; }
div#content div#sidepanel div.box div.accordian h4 { border:1px solid #BCC9D6; margin-bottom:0.1em; padding:0.6em 0.4em; cursor:pointer; }

/* OVERVIEW */
div#content div#overview { margin-bottom:2em; }

/* NEWS */
div#content div#news h2 { }
div#content div#news div.item { }
div#content div#news div.item h3 { }
div#content div#news div.item h3 span { color:#BCC9D6; }

/* TIMELINE */



/* PLAN */
div#content div#plan h2 {}
div#content div#plan h2 span { color:#ccc; font-size:0.7em; font-weight:normal; }
div#content div#plan table { width:71em; background:#fff; border:1px solid #ccc; margin-bottom:2em; }
div#content div#plan table thead tr { background:#999; color:#fff; }
div#content div#plan table tbody tr {}
div#content div#plan table thead tr td  { padding:0.4em; }
div#content div#plan table tbody tr td  { padding:0.4em; }

/* ARTICLE LIST */
div#content div#articles h1 { margin-bottom:1em; }
div#content div#articles h2 {  }
div#content div#articles h3 {  }
div#content div#articles h4 { font-weight:normal; }
div#content div#articles ul {  }
div#content div#articles ul li { margin-bottom:2em; padding-bottom:0.6em; border-bottom:1px solid #ccc;  }

/* CREDITS */
div#content div#credits table { width:71em; background:#fff; border:1px solid #ccc; margin-bottom:2em; }
div#content div#credits table thead tr { background:#999; color:#fff; }
div#content div#credits table tbody tr {  }
div#content div#credits table tr td { padding:0.3em 0.6em; }
div#content div#credits table tr td.fixed { width:25em; }

div#content div#credits ul {  }
div#content div#credits ul li { padding:0.1em; }

/* MAGAZINES */
div#content div#magazines table { width:71em; background:#fff; border:1px solid #ccc; margin-bottom:2em; }
div#content div#magazines table thead tr { background:#999; color:#fff; }
div#content div#magazines table tbody tr {}
div#content div#magazines table thead tr td  { padding:0.4em; }
div#content div#magazines table tbody tr td  { padding:0.4em; }

/* ARTICLE */
div#content div#article div.summary { margin:0em 0em 2em 1.2em; }
div#content div#article div.summary h1 { margin-bottom:1em; }
div#content div#article div.summary h2 {  }
div#content div#article div.summary h3 {  }
div#content div#article div.summary h4 { text-align:right; }

div#content div#article div.comment { border-top:1px dashed #999; background:#E8E8E8; padding:1em; }
div#content div#article div.even { background:#D6D6D6; }
div#content div#article div.comment h3 {  }
div#content div#article div.comment h4 { text-align:right; }
div#content div#article div.comment p { margin:0em; }

div#content div#article div.form { margin-top:3em; clear:both; }