body,
html {
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}

body {
    background: url(/images/themes/original-blue/bg.jpg) repeat-x 0 0 #f3fbfb;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #4e4e4e; 
    padding: 0;
}

#doc4 {
    margin:auto;
} 

/** general layout **/
#bd {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    width:970px;
}

p { 
    line-height: 1.5em; 
    margin: 0 0 1.2em 0;
    text-align: justify;
}

h1, h2, h3, h3 a { 
    color: #EF3D39; 
    font-weight: normal; 
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #99c4d5;
    padding-top: 16px;
}
h2 { font-weight: bold; font-size: 1.0em; margin: 0px 0px 4px 0px; }
h3 { font-size: 0.8em; font-weight: bold; }
h3 a { font-weight: bold; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
a img { border: none; }

a {
    color: #03558c;
}


#doc4 { 
    background: url(/images/themes/original-blue/header.jpg) no-repeat center 0px; 
    min-width: 995px;
}

#doc2 {
    background: url(/images/themes/original-blue/header.jpg) no-repeat center 0px; 
    min-width: 995px;
}
.yui-g {
    padding: 0px 10px;
}

.container {
    background: url(/images/themes/original-blue/dash_y.gif) repeat-y right top;
}

p.justify {
    text-align: justify;
}

/** header **/
#hd {
    height:200px;
}

/** footer **/
#ft {
    margin-top: 5px;
    border-top: 1px solid #99C4D5;
    width: 980px; 
}

#ft td {
    border:0;
    vertical-align:top;
}


/** navigation **/
#navigation { float: left; width: 100%;}
#navigation ul { float: right; margin: 0px 21px 0px 0px; padding: 0px; border-left: 1px solid #367ea8;}
#navigation ul li { float: left; list-style-type: none; }

#navigation ul li a {
    float: left;
    height: 23px;
    padding: 12px 10px 0px 10px;
    font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #367ea8;
}

#navigation ul li a:hover { 
    text-decoration: underline; 
}

#navigation a:hover { 
    background-color: #c5e3e9;
    color: #0678a9;
}

.blue_select {
    background-color: #c5e3e9; 
    color: #0678a9;
}

#navigation ul li a.blue_select {
    float: left;
    height: 23px;
    padding: 12px 10px 0px 10px;
    font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
    color: #0678a9;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #367ea8;
}


/** page options **/
#page-options { float: left; width: 100%; }
#page-options ul { float: right; margin: 0px 21px 10px 0px; padding: 0px; border-right: 1px solid #367ea8;}
#page-options ul li { float: left; list-style-type: none; border-left: 1px solid #367ea8;}
#page-options ul li a {
    float: left;
    height: 10px;
    padding: 2px 4px 2px 2px;
    font: 0.7em Verdana, Arial, Helvetica, sans-serif;	
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #head367ea8;
}
#page-options ul li a:hover { text-decoration: underline; }

/* ClearFix Hack
----------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/***** Tables ********/
#yui-main table{
    width: 100%;
}

#yui-main tr th {
    background: #c5e3e9;
    font-weight: bold;
    padding: 3px 10px;
    border: 1px solid #03558c;
    font-weight: bold;
}

#yui-main tr td {
    padding: 7px;
    border: 1px solid #C5E3E9;
    vertical-align: top;
}

.odd {
    background-color: #F3F3F3;
}

.even {
    background-color: #FFFFFF;
}

.tiny_column {
    width: 1px;
}

.small_column {
    width: 90px;
}

.medium_column {
    width: 120px;
}

.large_column {
    width: 200px;
}

/****** Survey ******/
#test_yourself_form_layout { 
    float: left; 
    background: url(/images/themes/original-blue/cl_shadow.gif) no-repeat right bottom; 
    padding-top: 30px;
    padding-bottom: 15px; 
}

#test_yourself_form {
    border: 1px solid #b3d1db;
    background-color: #ecf8f9;
    padding: 14px 14px 8px 14px;
    margin: 0px;
    width: 200px;
}

#test_yourself_form h2 {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 0px;
}

#test_yourself_form img {
    padding-top: 5px;
    padding-right: 3px;
}

/****** Competition Entrant Form ******/
#competition { 
    float: left; 
    background: url(/images/themes/original-blue/cl_shadow.gif) no-repeat right bottom; 
    padding-bottom: 15px; 
}

#competition_form {
    border: 1px solid #b3d1db;
    background-color: #ecf8f9;
    padding: 14px 14px 8px 14px;
    margin: 0px;
    width: 400px;
}

/******** Other **********/
.textile_editor {
    width:100%;
}

.textile_editor_stumpy {
    width:100%;
    height: 6em;
}

.sortable {
    cursor: n-resize;
}

/** Sections **/
#featured p { 
    font-size: 0.7em; 
    line-height: 1.4em; 
}

#featured p a { 
    text-decoration: none; 
    color: #0678a9; 
}

#featured ul.with_bar { 
    margin: 0px; 
    padding: 0px; 
    padding-left: 40px; 
    background: url(/images/themes/original-blue/dash_y.gif) repeat-y 347px 0px; 
    float: left; 
}

#featured ul li {
    list-style-type: none;
    width: 283px;
    float: left;
    padding-bottom: 12px;
}

#featured .shift { 
    padding-left: 50px; 
}

#featured .shift_small { 
    padding-left: 10px; 
}

#featured h3 { 
    margin: 0px; 
}

#featured .site, #featured .site2 { 
    background-color: #c5e3e9; 
    padding: 6px 0px 5px 2px; 
    margin: 0px; 
    color: #0678a9; 
    border-top: 1px solid #99c4d5;
    border-right: 1px solid #99c4d5;
    border-left: 1px solid #99c4d5;
}

#featured .site { 
    margin-top: 4px; 
}

#featured .site2 { 
    margin-top: 20px; 
}

#featured .url, #featured .url a { 
    margin: 0px 0px 1.2em 0px; 
    color: #6b9800; 
}

#featured img { 
    margin-bottom: 0px; 
}

.shadow { 
    background: url(/images/themes/original-blue/cl_shadow.gif) no-repeat right bottom; 
    padding-bottom: 15px; 
    margin-bottom: -10px; 
}

.shadow_light { 
    background: url(/images/themes/original-blue/shadow_light.gif) no-repeat right bottom; 
    padding-bottom: 15px; 
    margin-bottom: -10px; 
}

.shadow_medium { 
    background: url(/images/themes/original-blue/shadow_medium.gif) no-repeat right bottom; 
    padding-bottom: 15px; 
    margin-bottom: -10px; 
}

/** letters Items **/
.letters-item p {
    font-size: 0.9em; 
    line-height: 1.4em;
    text-align: justify;
}

.letters-item a {
    text-decoration: none;
    color: #4e4e4e; 
}

.letters-date {
    color: #EF3D39;
    font-size: 0.7em;
    font-weight: bold;
}

.letters-images {
    float: right; 
    width: 250px; 
    text-align: right;
}

.letter-details {
    text-align: justify; 
    width: 690px;
    font-style: italic;
}

/** Question **/
.box_shadow { 
    background: url(/images/themes/original-blue/cl_shadow.gif) no-repeat right bottom; 
    padding-bottom: 15px; 
}

.box {
    border: 1px solid #b3d1db;
    background-color: #ecf8f9;
    padding: 14px 14px 8px 14px;
    margin: 0px;
}

.box_gold {
    border: 1px solid #DDD815;
    background-color: #F2EF7B;
    padding: 14px 14px 8px 14px;
    margin: 0px;
}

.newly-added-topic {
    font-weight: bold;
    color: red;
}

.newly-added-topic a {
    font-weight: bold;
    color: red;
}
/** Accordion Menus **/
#list1 .title {
    font-weight: bold;
}

.title {
    cursor: pointer;
    border: 1px solid #15387C;
    line-height: 1.2em;
    padding: 0.1em;
    margin-top: 0.5em;
    font-size: 140%;    
    /*margin-top: 0.5em;
    padding: 0.1em;*/
}

.on .title {
    background-color: #9EBACB;
}

.off .title {
    background-color: #BACEDA;
}

.content {
    background-color: #fff;
    padding: 0.1em;
    border: 1px solid #15387C;
    border-top-width: 0;
}

/** Ask The Experts **/
.commentwrapper1 {
    background-image: url(/images/themes/original-blue/commentsBG.gif);
    background-repeat: repeat-y;
}

.commentwrapper2 {
    background-image: url(/images/themes/original-blue/commentsBottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
}

.commentwrapper3 {
    background-image: url(/images/themes/original-blue/commentsTop.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 14px;
    padding-left: 10px;
}

.expertwrapper1 {
    background-image: url(/images/themes/original-blue/commentsBG_expert.gif);
    background-repeat: repeat-y;
}

.expertwrapper2 {
    background-image: url(/images/themes/original-blue/commentsBottom_expert.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
}

.expertwrapper3 {
    background-image: url(/images/themes/original-blue/commentsTop_expert.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 14px;
    padding-left: 10px;
}

.author {
    font-style: italic;
}

/** Experts **/
#experts p { 
    font-size: 0.7em; 
    line-height: 1.4em; 
    text-align: left
}

#experts p a { 
    text-decoration: none; 
    color: #0678a9; 
}

#experts table td {
    border:0;
}

#experts .shift_small { 
    padding-left: 5px; 
}

#experts .site, #experts .site2 { 
    background-color: #c5e3e9; 
    padding: 3px 0px 3px 8px; 
    margin: 0px; 
    color: #0678a9; 
    border-top: 1px solid #99c4d5;
    border-right: 1px solid #99c4d5;
    border-left: 1px solid #99c4d5;
    width: 95px;
}

#experts .site { 
    margin-top: 0px; 
    padding-left: 2px;
    width: 101px;
}

#experts img { 
    margin-bottom: 0px; 
}

#experts .background_details {
    width: 95px;
}

/** Opinion Polls **/
.pics { 
    height: 225px; 
    width: 400px; 
    padding:0; 
    margin:0; 
    overflow: hidden 
}

.pics img { 
    padding: 0px; 
    top:0; 
    left:0 
}

#nav a, #s7 strong { 
    margin: 0 5px; 
    padding: 3px 5px; 
    border: 1px solid #ccc; 
    background: #fc0; 
    text-decoration: none 
}

#nav a.activeSlide { 
    background: #ea0 
}

#nav a:focus { 
    outline: none; 
}

.graph_nav_arrow {
    padding-top:80px; float:left;
}