<style type="text/css">






body{
font: Verdana;
margin:0;
padding:0;
line-height: 1.5em;

}

b{font-size: 103%;}
em{color: red;}

#maincontainer{
/*width:100%;*/
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
font: Verdana;
background-color:white;


}

#topsection{
/*background: acqua;*/
/*height: 90px; /*Height of top section*/
border-bottom:3px solid black;
background-color:#cccccc;
border-top:3px solid black;

}

#topsection h1{
margin: 0;
padding-top: 0px;
background-color:white;
}

#contentwrapper{
width: 100%; /*Width of main container*/
float: left;
border-left: 1px solid gray;
border-right: 1px solid gray;
background-color:white;
font: Verdana;
}

#contentcolumn{
background-color:white;
font-family:Verdana;
font-size:14px;


text-align:justify;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
/*background: lightgrey;*/
/*border-right: 1px solid grey;*/
}


#rightcolumn{
float: right;
width: 230px; /*Width of left column*/
/*margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
/*background: lightgrey;*/
/*border-right: 1px solid grey;*/
}


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
font: Verdana;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
/*width: 100%;*/
overflow: hidden;
/*border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
float:center;
margin: 0 auto;
width: 900px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



.chromemenu{
width: 99%;
font-weight: bold;
font-size: 90%;
background: url(/images/layout/chromebg.gif) center center repeat-x;
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: center;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(/images/layout/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}




.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromemenu ul li a:hover{
background: url(/images/layout/chromebg2.gif) center center repeat-x;
}



.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
/*width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 80px; /*width of label (left column)*/
/*text-transform: uppercase;*/
border-bottom: 1px solid green;
margin-right: 15px; /*spacing with right column*/
}

div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
/*width: 300px;*/
}

/*
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
/*
width: 100px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
/*
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
/*
margin-top: 5px; /*space above buttonsdiv*/
/*
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
/*
width: 80px;
background: #e1dfe0;
}
*/

a.boldbuttons{
background: transparent url('/images/layout/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{

background: transparent url('/images/layout/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left:155px;
text-align: center
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

.img-shadow {
float:right;
background: transparent url(/images/layout/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
/*width: 300px; /* container width*/
background: transparent url(/images/layout/bigshadow.gif) no-repeat bottom right;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
/*background-color: white;*/

/*border: 2px double grey;*/

/*padding: 6px;*/
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/

text-align:justify; 
padding:20px;
background:#e8edff url('/images/table-images/gradback.png') repeat-x; 
margin:10px; 

-moz-border-radius: 15px;
-webkit-border-radius:15px;

}


.shadowcontainer .innerdiv2{
/* Add container height here if desired */
background-color: white;
//border: 1px solid gray;
/*padding: 6px;*/
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/

/*background:#e8edff url('/images/table-images/gradback.png') repeat-x; */
border:4px double #aaaaaa;
margin:10px; 
margin: 0 auto; /*Center container on page*/
-moz-border-radius: 15px;
-webkit-border-radius:15px;

}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



.arrowlistmenu{
width: 240px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/images/layout/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/images/layout/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



</style>

<![endif]>


</style>
