body {
}
/* base.css, part of YUI's CSS Foundation */
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;  
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%; 
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;  
}
h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold; 
}
abbr,acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
} 
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
blockquote,ul,ol,dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol,ul,dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;    
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:1px solid #000;
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated marking to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p,fieldset,table {
    /*so things don't run into each other*/
    margin-bottom:1em;
}












html {
    background-color: #555;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}

a {
    color: #DDD;
}

#doc2 {
     background: url('/static/images/main/background.jpg') no-repeat;
     background-color: #b3b3b3;
     border-left: 2px solid grey;
     border-right: 2px solid grey;
}

#hd {
    padding-top: 10px;
    height: 175px;
}

#hd ul {
    width: 740px;
    padding-top: 20px;
    margin: 0px;
}

#imageblock {
    position:relative;
    padding-left: 7px;
}

#maincontent_outer {
    width: 900px;

    padding-top: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;

    margin-left: 23px;

    text-align: left;
    background-color: #5f5c5c;
    

    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;

    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;

    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;

    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}

#maincontent_inner {
    background: #FFF;
    width: 100%;

    -moz-border-radius-bottomleft: 19px;
    -moz-border-radius-bottomright: 19px;

    -webkit-border-bottom-left-radius: 19px;
    -webkit-border-bottom-right-radius: 19px;

    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
}

#maincontent_inner a {
    color: #82879a;
    font-weight: bold;
}

#rightbar {
    padding-right: 0px;
    padding-top: 20px;
    width: 286px;
    float:right;
    overflow: auto;
    text-align: left;
}

#rightbar img {
    vertical-align: middle;
}

#rightbar span {
    width: 245px;
    background-color: #b6b6b6;
    padding-left: 5px;
    display: inline-block;
}

#rightbar ul {
    margin: 2px 0px 0px 15px;
}

#rightbar ul li img {
    margin-right: 3px;
}

#rightbar li {
    list-style-type: square;
    margin-bottom: 5px;
}

#rightbar a {
    color: #82879A;
    font-weight: bold;
}

.blockwidth {
    display: block;
}

#menuitems {
    margin-left:100px;
    height: 90px;
}

.menuitem .yellowleftborder {
    border-left: 3px solid yellow;
    padding-left: 3px;
    margin-left: -6px;
    font-size: 80%;
}

.menuitem span {
    font-size: 190%;
    border-left: none;
}


.menuitem {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid white;
    float: left;
    display: block;
    width: 70px;
    height: 70px;
    font-size: 116%;
}

.bottommenuitem {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid white;
    color: #AAA;
}

#bottommenu li {
    display: inline;
}

#toptext {
    position: absolute;
    margin:  0px;
    width: 320px;
    right: 30px;
    height: 135px;
    top: 10px;
    overflow: none;
    color: white;
    text-align: right;
}

#toptext h2 {
    font-size:103.1%; 
    margin-bottom: 10px;
}

.norightborder {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
}

#copyrightnotice a, #bottommenu a{
    color: #FFF;
}

#copyrightnotice {
    margin-top: 5px;
    text-align: center;
    color: #FFF;
}

#bottommenu {
    margin-top: 25px;
    text-align: center;
    color: #FFF;
}

.link-selects {
    padding-top: 8px;
}

.link-selects span {
    font-size: 200%;
    margin-left: 20px;
    color: #798cac;
    letter-spacing: 4px;
}

.link-selects select {
    width: 300px;
    background-color: #6f6c6c;
    border: none;
    border-color: #5f5c5c;
    color: #EEE;
}

.link-selects img {
    vertical-align: middle;
}

.link-selects #arrow2 {
    margin-left: 75px;
}

#JumpsSelect {
    width: 250px;
}

#subsection-links {
    background-color: #4F4C4C;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    text-align: center;
    color: #AAA;

    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;

    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#subsection-links a {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}

.breadcrumbs {
    background-color: #4f4c4c;
    color: #FFF;
    text-align: left;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.breadcrumbs a {
    color: #FF0;
    padding-right: 5px;
}


#contactus {
    clear: both;
    width: 280px;
    margin: 20px;
}

#contactus a {
    font-weight: normal;
    color: #000;
    background-color: #e1e1e1;
    padding-left: 3px;
}

#contactus img {
    vertical-align: middle;
}

.rsslink {
    float: right;
    padding-right: 10px;
}




/*CSS For content section*/
.actual-content {
    text-align: justify;
    width: 600px;
    float: left;
    border-right: 2px solid #888;
    min-height: 200px;
    color: #333;
    padding-top: 20px;
}
.actual-content p {
    padding-left: 20px;
    padding-right: 20px;
}
.actual-content h1, .actual-content h2, .actual-content h3 {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    color: #9999cd;
}

.actual-content h1 {
    font-size: 202%;  
}
.actual-content h2 {
    font-size: 197%; 
}
.actual-content h3 {
    font-size: 182%;  
}
.actual-content img {
    float:left;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.actual-content ul, .actual-content ol {
    margin-top: 0.1em;
    margin-left: 1.3em;
    padding-left: 20px;
}
.actual-content ul li {
    list-style-type: square;
}
.actual-content ul li p {
    margin-bottom: 3px;
    padding-left: 0px;
}
.actual-content ol {
    padding-left: 25px;
}
.actual-content pre {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
}

.newsitem {
    margin-bottom: 50px;
}

#contactform input, #contactform textarea {
    display: block;
    margin-bottom: 10px;
    width: 400px;
}

#contactform label {
    padding-left: 6px;
}

#contactform input[type='submit'] {
    width: 70px;
    height: 35px;
    margin-left: 165px;
}

#contactform span.error-message {
    color: #F00;
}

#contactform input[type="radio"] {
    display: inline;
    width: auto;
} 

#contactmethod {
    display: block;
    width: auto;
}