body {
background-image: url(images/background_gradient.jpg);
background-repeat:repeat;
margin-top:0px;
font-family: verdana;
font-size: 10pt;
line-height: 120%;
}

table.main {
background-color:#FFFFFF;
font-family: verdana;
font-size: 10pt;
line-height: 120%;
width: 980px;
}

td.header {
padding: 5px 0px 0px 50px;
}

td.sidebar {
font-family: verdana;
font-size: 10pt;
line-height: 120%;
border-right-width: 1px;
border-right-color: #000000;
border-right-style: solid;
}

td.content {
padding: 20px 20px 0px 20px;
line-height:160%;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass li.on{
float: left;
color: #225D6B;
}

.tabsmenuclass a{
display: block;
padding: 5px 0px;
color: black;
margin-right: 0px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color: #225D6B;
}

/* ######### CSS for sub menu container below ######### */


.tabsmenucontentclass{
clear: left;
width: 990px;
height: 24px;
padding: 3px 0px 3px 0px;
border: 1px solid silver;
text-decoration: none;
font: bold 13px Arial;
background-color:#D8D8D8;
color:#225D6B;
}

.tabsmenucontentclass a:link{
text-decoration: none;
font: bold 13px Arial;
color: #225D6B;
}

.tabsmenucontentclass a:hover{
text-decoration: none;
font: bold 13px Arial;
color: #225D6B;
}

.tabsmenucontentclass a:visited{
text-decoration: none;
font: bold 13px Arial;
color: #225D6B;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-left:10px;
margin-right: 1em;
padding-right: 20px;
}

/* ######### CSS for scrolling questions ######### */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid #347383;
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 530px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.scroller{
font-family: verdana;
font-size: 11pt;
line-height: 120%;
}

div.main_text {
text-align: left;
line-height:140%;
}

h1 {
font: 30px Helvetica, sans-serif;
font-variant: small-caps;
color: #225D6B;
}

h2 {
font: 22px Helvetica, sans-serif;
font-variant: small-caps;
color: #000000;
line-height:40%;
}

p.subtitle {
font: 16px bold Arial, Helvetica, sans-serif;
color: #225D6B;
}

a.link:link {
text-decoration: underline;
color:#286371;
}

a.link:hover {
text-decoration: underline;
color:#286371;
}

a.link:visited {
text-decoration: underline;
color:#286371;
}

a.link2:link {
text-decoration: underline;
color:#286371;
}

a.link2:hover {
text-decoration: underline;
color: #286371;
}

a.link2:visited {
text-decoration: underline;
color:#286371;
}

table.title_box {
border-width: 1px;
border-color: #225D6B;
border-style: solid;
}

td.sidebar {
padding-left: 10px;
padding-right: 10px;
}
 
td.title {
font-size: 12px;
padding: 10px 0px 10px 0px;
}

div.p2_sidebar {
margin: 0px 25px 15px 15px;
padding: 10px 0px 0px 10px;
width: 180px;
float: right;
border-top-color: #000000;
border-top-width: 2px;
border-top-style: groove;
border-left-color: #000000;
border-left-width: 1px;
border-left-style: groove;
}