body
{
    margin: 0px;
    font-family: Verdana, Arial, Serif;
    font-size: 12px;
    background-color: #999999;
}

td
{
    vertical-align: top;
}

td.fieldname
{
    text-align: right;
    font-size: 10px;
    font-weight: bold;   
}

hr
{
    color: #b45d16;
}

#bannerbox
{
    border: dashed 2px #c35308;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    background-color: #e1e1e1;
}

#bannerbox a
{
    font-size: 10px;
    text-decoration: none;
    color: black; 
}

#breadcrumb
{
    background-color: #666666;
    color: White;
    padding: 3px;
    font-size: 10px;	
    padding-left: 5px;
}

#breadcrumb a
{
    color: Yellow;
}

#centercol
{
    position: relative;
    margin-left: 200px;
    min-height: 500px;
    padding: 0px;
    background-color: white;
}

#centercolcontent
{
    padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
    font-weight: bold;
    font-size: larger;
    color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
    font-weight: bold;
    padding-bottom: 4px;
}

#container
{
    background-color: #818689;
}

#container2
{
    background-color: #bcbfc0;
    margin-right: 200px;
}

#footer
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 63px;
    background-image: url(images/FooterSlice.gif);
    visibility: hidden;
}

#footermenu
{
    text-align: center;
    padding-top: 15px;                
}

#footertext
{
    text-align: center;
    padding-top: 8px;
    color: white;            
}

#header
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 184px;
    background-color: #a2a340;
    background-image: url(images/HeaderSlice.gif);
}

#header2
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*width: 700px;*/
    height: 143px;
    background-image: url(images/Header.jpg);
    background-repeat: no-repeat;
}

#headermenu
{
    position: relative;
    top: 153px;
    left: 245px;
    width: 700px;
    padding: 2px 2px 2px 2px;
}
       
#leftcol
{
    position: absolute;
    top: 184px;
    left: 0px;
    width: 200px;
    min-height: 500px;
    background-color: #d0d19f;
    font-size: 10px;
}

#leftcol div.text
{
    padding: 6px 6px 6px 6px;
    text-align: justify;
}

#leftcol div.alternatetext
{
    padding: 6px 6px 6px 6px;
    background-color: #e1e1e1;
    text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
    padding: 6px 6px 6px 3px;
    background-color: #818689;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#leftcoladvertspace
{
    padding: 20px 0px 0px 10px;
}

#loginbox
{
    position: absolute;
    top: 16px;
    right: 10px;
    width: 180px;
    height: 80px;
    padding: 2px 2px 2px 2px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
}

#loginbox input
{
    color: red;
    border-color: red;
    background-color: #a2a340;
    font-size: 11px;
}

#rightcol
{
    position: absolute;
    top: 184px;
    right: 0px;                
    width: 198px;
    min-height: 500px;
    color: White;
    background-color: #f2d9cc;
    font-size: 10px;
}

#rightcol a
{
    color: Yellow;
}

#rightcol div.text
{
    padding: 6px 6px 6px 6px;
    text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
    padding: 6px 6px 6px 3px;
    background-color: #ac9f99;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/* added by john */
#test2centercol
{
    position: relative;
    /*margin-left: 200px;*/
    padding: 0px;
    background-color: white;
}

/* added by john */
#testcontainer2
{
    background-color: #bcbfc0;
    /*margin-right: 200px;*/
}

/* added by john */
#testheader
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 84px;
    background-image: url(images/HeaderSlice.gif);
}

/* added by john */
#testheader2
{
    padding: 0px;
    margin: 0px;
    width: 780px;
    height: 84px;
    background-image: url(images/Header.gif);
}

#testleftcol
{
    position: absolute;
    top: 84px;
    left: 0px;
    width: 200px;
    background-color: #d0d19f;
    font-size: 10px;
}

#testleftcol div.text
{
    padding: 6px 6px 6px 6px;
    text-align: justify;
}

#testleftcol div.alternatetext
{
    padding: 6px 6px 6px 6px;
    background-color: #e1e1e1;
    text-align: justify;
}

#testleftcol div.sectiontitle, #testleftcol .sectiontitle span
{
    padding: 6px 6px 6px 3px;
    background-color: #818689;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#themeselector
{
    position: absolute;
    text-align: right;
    top: 153px;
    right: 10px;
    width: 180px;
    height: 80px;
    padding: 2px 2px 2px 2px;     
    font-size: 10px;
}

#themeselector select
{
    color: black;
    background-color: #e1e1e1;
    font-size: 10px;
}

#welcomebox
{
    font-size: 12px;
    text-align: right;
}


/* actionnavlink */
.actionnavlink
{
    font-family: Verdana, Arial, Serif;
    font-size: 12px;
    font-weight:bold;
}

.actionnavlink a
{
    text-decoration: none;
    color: black; 
    font-family: Verdana, Arial, Serif;
    font-size: 12px;
    font-weight:bold;
}

.actionnavlink a:hover
{
    color: #ffffff; 
    font-family: Verdana, Arial, Serif;
    font-size: 12px;
    font-weight: bold;
}

.articleabstract
{
    padding-top: 6px;
}

.articlebox
{
    background-color: #fefef0;
    color: #b45d16;
    border: dashed 1px #995117;
    padding: 6px 6px 6px 6px;
    font-size: smaller;
}

.articletitle
{
    font-size: 18px;
    font-weight: bold;
    color: #995117;
    text-decoration: none;
}

.comment
{
    padding: 4px 0px 4px 0px;
    font-size: smaller;
}

.CssDialogPanel 
{
     background-color: #ffffdd;
            border-width: 3px;
            border-style: solid;
            border-color: Gray;
            padding: 3px;
            width: 250px;
}
.CssDomainNameRow {
    /*background-color: #B5C7DE;*/
    background-color: #d0d19f;
}
.CssExplanationPanel {
    /* background-color: wheat;*/
}
.CssQuestionPanel {
    /* background-color: #f0f0f0;*/
    height:350px;
    overflow: scroll;
    /*overflow-y:scroll;*/
}
/* added by john */
.CssTestMenuPanel { 
    background-color:#f0f0f0;
}
.CssVignettePanel {
    /*.background-color: wheat;*/
    height: 300px;
    width: 550px;
}
.CssDescriptionPanel {
    /*.background-color: wheat;*/
    background-color:#B5C7DE;
    height: 350px;
    width: 550px;
    overflow: scroll;
}

.footermenulink
{
    font-family: Arial, Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;          
}

.footermenulink a
{
    text-decoration: none;
    color: white; 
}

.footermenulink a:hover {
    color: #ffff99;
}

.headermenulink
{
    font-family: Impact;
    font-size: 17px;
    text-transform: uppercase;          
}

.headermenulink a
{
    text-decoration: none;
    color: white; 
}

.headermenulink a:hover
{
    color: #ffff99; 
}

.highlight
{
    background-color: #fefbd2;
    color: #000080;
}

.highlightcity
{
    background-color: #df2e05;
}

.highlightstate
{
    background-color: #f4c977;
}

.highlightcountry
{
    background-color: #818689;
}

.newsletterbox
{
    font-size: 11px;
}

.newsletterboxcontent
{
    padding: 15px 0px 5px 6px;
    color: black;
}

.pollbar
{
    background-color: red;
    font-size: 4px;    
}

.pollbox
{
    font-size: 11px;
}

.pollcontent
{
    padding: 6px;
}

.polloptions
{
    padding-top: 10px;
    padding-bottom: 4px;
}

.pollquestion
{
    font-size: 13px;
    font-weight: bold;
}

.progressbar
{
    width: 0px;
    background-color: Red;
    height: 15px;
}

.progressbarcontainer
{
    width: 98%;
    height: 15px;
    border: solid 1px black;
    padding: 1px;
}

.postinfo
{
    background-color: #f9eaa6;
    font-weight: bold;
    text-align: center;
}

.posttitle
{
    padding: 3px;
    margin-bottom: 10px;
    background-color: #f09d35;
    color: black;
    font-weight: bold;
}

.postbody
{
    padding: 3px;
}

.OddRow 
{
    background-color: #e1e1e1;
}