@charset "utf-8";

/**************************************************--- Naming Convention & writing style ---- IDs & class names = all_lower_case_with_underscores- ID and class names should relate to what they contain - not element type, position or appearance- Cascade ID related class names by tabbing. eg:#element_id {

}

#element_id .class_name {

}

- Use single line declarations for all but the very long- Preferred order: position ;

dimensions ;

float ;

margin ;

padding ;

everything else--- File structure ---- Import- Global styles- Global classes- Global IDs (IDs common to all/most pages)- #id .classes- Local IDs- #id .classes--- Colours ---List colours here for easy find & replace (These are dark to light)#452632 - dark brown#91204D - purple#E4844A - orange#984E22 - orange complement - dark#E8BF56 - yellow#E2F7CE - pale green#9EB8AE - pale green complement - dark#E2F4ED - pale green complement - light***************************************************/

/* *** IMPORT *** */

@import url("reset.css");

/* Note: reset.css sets body text size @ 62.5%For text sizes use:1em instead of10px 1.6eminstead of16px, etc*/

/* *** GLOBAL STYLES *** */

body {

background:#838587 url(../images/bg-body.png) center top repeat-x;

margin:0px;

padding:0px;

font-family:Arial, Helvetica, sans-serif;

line-height:1.3em;

}

h1 {

font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;

color:#800921;

font-size:2.8em;

line-height:1.3em;

padding:10px 0px;

}

input{color:#999;}

input.sffocus{color:#333;}

#mount {

background:url(../images/bg-page.png) center top no-repeat;

}

#header {

height:100px;

padding-top:17px;

overflow:auto;

}

#logo {

border:0px;

float:left;

}

#user {

position:absolute;

right:10px;

top:22px;

text-align:right;

}

#user input {

width:100px;

}

#user a {

color:#900;

}

#user .btn {

padding:3px 6px;

margin:2px;

color:#D9D9D9;

}

#user .btn:hover {

color:#FFF;

}

#nav_main {

background:url(../images/grad-light-grey.png) top left repeat-x;

overflow:auto;

margin:68px 2px 0px 1px;

margin-top:expression('84px');

padding:0px;

zoom:1;

}

#nav_main li {

float:left;

list-style:none;

line-height:30px;

border-right:2px solid #C9C9C9;

}

#nav_main li a {

display:block;

background:url(../images/bullet-arrow.png) 10px 10px no-repeat;

padding:0px 10px 0px 30px;

color:#666;

text-decoration:none;

font-size:1.4em;

}

#content {

width:901px;

margin:0px auto;

position:relative;

}

#content_main {

overflow:auto;

zoom:1;

background-color:#EEE;

}

#col_right {

float:right;

width:290px;

background:#EBEAE4;

border-left:1px solid #4A6166;

}

#col_right .summary {

text-align:center;

background:#dad8cc url(../images/grad-mid-grey.png) bottom left repeat-x;

padding:10px 0px;

font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;

font-style:italic;

line-height:1.5em;

}

#col_right .summary h3,#col_right .summary h4 {

font-size:1.8em;

color:#D10916;

line-height:1.5em;

font-weight:bold;

}

#col_right .summary h4 {

font-size:1.5em;

font-weight:normal;

line-height:1.3em;

padding:0 15px;

}

#col_right .summary p {

color:#57171A;

font-size:1.3em;

line-height:1.5em;

}

#col_right .summary a {

font-family:Arial, Helvetica, sans-serif;

color:#FFF;

padding-left:12px;

background:url(../images/bullet-dark.png) left center no-repeat;

font-style:normal;

text-decoration:none;

line-height:1.8em;

}

#col_right .register {

text-align:center;

background:#D5BAA6;

padding-bottom:10px;

}

#col_right .register h3 {

color:#C3C0AE;

font-size:1.8em;

line-height:2.1em;

background:url(../images/grad-dark-red-striped.png) top left repeat-x;

}

#col_right .register h3 .arrow {

margin-left:-20px;

width:20px;

height:12px;

display:inline-block;

background:url(../images/bullet-arrow-orange.png) center left no-repeat;

}

#col_right .register p {

padding:10px;

color:#57171A;

font-size:1.2em;

line-height:1.5em;

}

#col_right .register label {

display:block;

color:#57171A;

font-size:1.2em;

line-height:1.5em;

}

#col_right .register input {

border:1px solid #57171A;

}

#col_right .register .btn {

font-size:1.2em;

margin:5px;

}

#col_right .get_involved {

background:#354549 url(../images/grad-green-long.png) top left repeat-x;

text-align:center;

padding-bottom:10px;

}

#col_right .get_involved h3 {

color:#F8F7F5;

font-size:1.8em;

line-height:2.1em;

background:url(../images/grad-green-short.png) bottom left repeat-x;

}

#col_right .get_involved h3 .arrow {

margin-left:-20px;

width:20px;

height:12px;

display:inline-block;

display:-moz-inline-block;

background:url(../images/bullet-arrow-green.png) center left no-repeat;

}

#col_right .get_involved p {

font-size:1.2em;

color:#C3C0AE;

padding:10px;

line-height:1.5em;

}

#col_right .get_involved strong {

color:#FFF;

font-size:1.1em;

}

#col_right .get_involved img {

margin:10px auto 0px;

display:block;

}

#col_right .get_involved .btn {

font-size:1.2em;

}

#frmProfile,#frmRegister {

font-size:1.2em;

line-height:1.5em;

}

#frmProfile label,#frmRegister label {

display:inline-block;

display:-moz-inline-block;

width:10em;

line-height:2.5em;

}

#frmProfile label.radio, #frmRegister label.radio {

width:auto;

}

#frmProfile #divRegisterMessage, #frmRegister #divRegisterMessage {

margin:10px;

font-size:1.2em;

color:#900;

}

#footer {

width:871px;

font-size:1.1em;

margin:0px auto;

background-color:#4d4d4d;

color:#999;

padding:15px;

border-top:1px solid #666;

overflow:auto;

margin-bottom:10px;

}

#footer div.credits {

padding:15px;

}

#footer div.credits a {

color:#C60;

}

#footer div.links {

float:right;

padding:0px;

}

#footer .links a {

display:block;

float:left;

width:auto;

color:#C60;

padding:10px 50px 30px 20px;

border-left:1px solid #555;

}

.hero_article {

}

.hero_article h1 {

font-size:3.2em;

}

.hero_article h1 a {

text-decoration:none;

color:#800921;

}

.hero_article img.profile {

float:left;

padding:2px;

border:1px solid #DDD;

margin:0px 10px 10px 0px}

.hero_article .author {

font-size:1.4em;

line-height:2em;

color:#666;

}

.hero_article .author cite {

font-size:1.1em;

color:#4A6166;

font-weight:bold;

vertical-align:-2px;

}

.hero_article .snippet {

clear:left;

font-size:1.3em;

line-height:1.5em;

padding:10px;

color:#000;

}

.hero_article .read_more {

display:block;

font-size:1.2em;

color:#DB7833;

padding:5px 10px}

.comments {

border-top:1px solid #DDD;

background-color:#EEE;

padding:5px 2px 5px 5px;

}

.comments cite {

color:#800921;

float:left;

width:80px;

padding-top:8px;

font-size:1.1em;

text-align:center;

}

.comments .item {

background:url(../images/comment-top.gif) 67px top no-repeat;

padding-top:5px;
margin-bottom:15px;

}

.comments .snippet {

margin-left:82px;

padding:0px 30px 15px;

font-size:1.2em;

line-height:1.5em;

background:#FFF;

margin-top:35px;

border:2px solid #CCC;

border-width:0px 0px 2px 2px;

}

.hero_article .comments .snippet {

margin-top:35px;

margin-top:expression('0px');

}

.comments .read_more {

display:block;

margin-left:92px;

font-size:1em;

}

.comments .read_more a {

font-size:1.2em;

padding:10px;

line-height:2em;

}

div.content_page {

margin-right:276px;

line-height:1.5em;

padding:20px;

background:#FFF;

overflow:auto;

zoom:1;

}

body:nth-of-type(1) div.content_page{margin-right:0px;}

div.summary {

}

div.summary .item {

padding:10px 0px;

border-bottom:2px dotted #EEE;

}

div.summary .item h2 {

font-size:2.2em;

line-height:1.3em;

margin:5px 0px;

font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;

}

div.summary .item h2 a {

color:#800921;

text-decoration:none;

}

div.summary .item .snippet {

padding:10px;

color:#333;

font-size:1.3em;

line-height:1.4em;

color:#666;

}

div.summary .item .snippet a {

color:#DB7833;

}

div.summary .item .date {

color:#999;

font-size:1.1em;

padding:0px 10px;

}

div.home_summary {

width:194px;

float:left;

}

.home_summary h3 {

padding:10px;

background:#800921;

color:#C3C0AE;

font-size:1.6em;

line-height:1.3em;

font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;

font-weight:bold;

}

.home_summary h2 {

}

.home_summary h2 a {

color:#800921;

font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;

font-size:1.6em;

line-height:1.3em;

text-decoration:none;

}

.home_summary .item {

padding:10px;

border-right:1px solid #DDD;

}

.home_summary .snippet {

padding:10px 3px 5px;

color:#666;

font-size:1.2em;

line-height:1.4em;

}

.home_summary .controls {

padding:3px 0px;

}

.home_summary .controls a {

color:#DB7833;

}

.home_summary .controls .comments {

float:right;

color:#800921;

}

#aicb_d24976e3-fbf9-c004-a933-2d7c83b26395,#aicb_3c74b905-2a96-19d4-0156-4026aeda4d8e,#aicb_89787329-dc3d-8a34-e10d-b8870b52a6ef {

width:194px;

float:left;

}

div.bookmarks a {

text-decoration:none;

padding:20px;

}

.html .content {

color:#000;

font-size:1.4em;

line-height:1.5em;

padding:10px;

}

.html a {

color:#F60;

}

.html a:hover {

color:#900;

}

.html ul {

list-style:disc outside;

padding:10px 5px 10px 25px;

border-left:10px solid #f5f5f5;

}

a {

color:#F60;

}

a:hover {

color:#900;

}

p.date{color:#999;}

a.btn,input.btn,button {

display:inline-block;

display:-moz-inline-block;

padding:5px 10px;

background:url(../images/grad-dark-grey-short.png) left center repeat-x;

border:2px solid #617579;

color:#D9D9D9;

text-decoration:none;

margin:2px 5px;

}
input.btn{padding:2px 5px;}

button {

padding:2px 5px;

}

a.btn:hover,button:hover {

color:#FFF;

}



#divG20{display:none;}