ÿþbody {

width: 100%;

margin: 0px;

padding: 0px;

font-size: 10pt;

color: #333;

font-family: arial, helvetica, verdana;

background-color: white;

}



h1 {

font-size: 1.4em;

font-weight: 800;

color: #B4790B;

padding: 1px 0px;

margin: 1px 0px;

}



h2 {

font-size: 1.2em;

font-weight: bold;

color: #B4790B;

}



h3 {

font-size: 1.2em;

font-weight: normal;

color: #B4790B;

}



h4 {

font-size: 1.1em;

font-weight: 800;

color: #333333;

}



p.small {

font-size: 75%;

}



a:link {

color: #996108 ;

text-decoration: none;

}



a:link:hover {

color: #834D04 ;

text-decoration: underline;

}



a:visited {

color: #834D04 ;

text-decoration: none;

}



a:visited:hover {

color: #834D04 ;

text-decoration: underline;

}



table {

border-collapse: collapse;

}



table, th, td

{

border: 0px none black;

}



.pagecontent {

width: 90%;

min-width: 955px;

padding: 0px;

background-color: white;

}



.main {

background-color: none;

margin: 12px 5px 5px 5px;

border-style: none;

}



.helptext {

width: 90%;

margin-left: 20px;

}



.helptext a{

text-decoration: none;

}



.helptext a:link{

color: #996108 ;

text-decoration: none;

}



.helptext a:link:hover{

color: #834D04 ;

text-decoration: underline;

}



.helptext a:visited{

color: #834D04 ;

text-decoration: none;

}



.helptext a:visited:hover{

color: #834D04 ;

text-decoration: underline;

}



.topmenu {

font-family: arial, helvetica, verdana;

margin: 0px;

width: 100%;

height: 25px;

min-height: 25px;

border-style: solid;

border-color: #f1deb5;

border-width: 0px 0px 1px 0px;

padding: 5px 0px 0px 0px; /* Can't use margin to set the space at the top as you get some wierd ie scrolling bug */

background-color: white;

}



.menuwidth {

width:90%;

min-width: 955px;

padding: 0px;

border-style: none;

}



.topmenu a, .topmenu a:link, .topmenu a:visited {

color: black;

text-decoration: none;

}



.topmenu a:hover, .topmenu a:link:hover, .topmenu a:visited:hover {

color: black;

text-decoration: underline;

}



.topmenu ul {

margin: 0px 10px 0px 10px;

padding: 0px;

list-style-type: none;

}



.topmenu .lefttopmenu li {

text-decoration: none;

position: relative;

display: inline;

float: left;

padding: 0px 5px 0px 0px;

}



.topmenu .righttopmenu li {

text-decoration: none;

position: relative;

display: inline;

float: right;

padding: 0px 0px 0px 0px;

}



/* The parent that contains the tabs and tabbed content */

.tabcontainer {

position: relative;

padding: 0px 0px 0px 0px;

border: solid;

border-width: 0px;

width: 600px;

height: 160px;

margin-top: 0px;

margin-bottom: 0px;

margin-left: auto;

margin-right: auto;

text-align: left;

}



/* The tabbar contains all the tabs */

.tabbar {

height: 25px;

min-height: 25px;

max-height: 25px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

z-index: 10;

}



ul.navigation {

list-style:none;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}



ul.navigation li {

margin: 0px;

padding: 0px;

line-height: 24px;

font-size: 13px;

}



.navigation a, .navigation a:visited {

position: relative; /* This is so our tabs don't wrap */

float: left;

background: url(../images/tableftf.gif) left top no-repeat;

padding: 0px 0px 0px 4px; /* This is to push our right tab span content out of the way by 4px so we see the left tab */

margin: 0px 2px 0px 0px; /* This is the space between our tabs */

text-decoration:none;

color: #717171;

}



ul.navigation a, ul.navigation span {

display:block;

}



.navigation a span, .navigation a:visited span {

background: url(../images/tabrightf.gif) right top no-repeat;

padding: 0px 0px 0px 0px; /* This is add some space at the top of the tab */

}



.navigation a:hover, .navigation a:active, .navigation a:focus {

text-decoration:none;

background-position:0% -42px; /* When we hover, the left image scrolls up to reveal the rollver effect */

color: rgb(51,51,51);

}



.navigation a:hover span, .navigation a:active span, .navigation a:focus span {

text-decoration:none;

background-position:100% -42px; /* When we hover, the right image scrolls up to reveal the rollver effect */

}



#tab1focus a, #tab2focus a, #tab3focus a {

color: rgb(51,51,51);

background-position:0% -42px;

text-decoration: none;

}



#tab1focus a span, #tab2focus a span, #tab3focus a span  {

background-position:100% -42px;

text-decoration:none;

border-bottom-style: solid;

border-bottom-width: 1px;

border-bottom-color: white;

}



.tabtext {

padding: 0px 12px 0px 8px;

display: inline;

}



/* The contentbar contains the panel content */

.contentbar {

z-index: 1;

margin: -1px 0px 0px 0px; /* This tucks the content area under the tabs */

padding: 0px;

width: 588px;

height: 122px;

border-style: solid;

border-color: #666666;

border-width: 1px;

padding: 5px;

}



.tabpanelcontent {

position: relative;

left: 50px;

top: 30px;

font-family: sans-serif; 

font-size: 14px;

text-align: left;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

width: 588px;

height: 120px;

}



#footer {

margin: 0px 10px 0px 10px;

height: 40px;

}



.news {

font-family: arial, helvetica, verdana;

font-style: italic;

padding: 5px;

}



.news a {

text-decoration: none;

}



.news a:link, .news a:visited{

color: #c28f00;

text-decoration: none;

}



.news a:hover, .news a:visited:hover {

color: #c28f00;

text-decoration: underline;

}



.news ul {

margin-top:0px;

margin-left: 15px;

margin-right: 0px;

padding: 0px;

}



.news li {

padding-bottom: 5px;

margin: 0px;

}



.listmenu  a:link, .listmenu  a:link:hover, .listmenu a:visited, .listmenu  a:visited:hover {

text-decoration: none;

}



.listmenu a:hover .moremenu {

text-decoration: underline;

}



.listmenu div {

position: absolute;

visibility: hidden;

margin: 5px 0px 0px -5px;

padding: 0px;

background-color: white;

border-style: solid;

border-color: #f1deb5;

border-width: 0px 1px 1px 1px;

}



.listmenu div a {

text-decoration: none;

position: relative;

display: block;

width: auto;

margin: 5px;

white-space: nowrap;

}



.listmenu div a:link:hover, .listmenu div a:visited:hover{

text-decoration: underline;

}



#announcement {
text-align: justify;
width: 600px;
margin-left: auto;
margin-right: auto;
color: red;
font-style: italic;
}