

.body {
	font-family : Verdana;
	font-size : 8pt;
	font-style : normal;
	margin-left : 10px;
	text-align : left;
	margin-right : 10px;
	color : #666666
}
* {
	padding: 0;
	margin: 0;
}
#wrapper {
	margin: 0 auto;
	width: 922px;
}
#header {
	color: #333;
	width: 900px;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	height: 100px;
	margin: 10px 0px 5px 0px;
	background:FFF;
}
#clicky {
	color: #333;
	width: 920px;
	float: left;
	padding: 0px;
	border: 1px solid #ccc;
	height: 33px;
	margin: 0px 0px 0px 0px;
	margin-bottom:5px;
	background:FFF;
}
#leftcolumn {
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2F2;
	margin: 0px 5px 5px 0px;
	padding: 10px;
	height: auto;
	width: 195px;
	float: left;
}
#rightcolumn {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2E6;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	height: auto;
	width: 678px;
	display: inline;
}
#footer {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width: 900px;
	color: #333;
	border: 1px solid #ccc;
	background: #F2F2F2;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align:center;

}


P {
	font-family : Verdana;
	font-size : 8pt;
	font-style : normal;
	margin-left : 10px;
	text-align : left;
	margin-right : 10px;
	color : #666666
}


/* menu thingy */

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#F2F2F2;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

/*BLUE*/
ul.menu.blue{
background-color:#2D3773;
}
ul.menu.blue li a:hover, .menu.blue li.current {
background-color:#7C83A6;
}	

/* The body style is for use when you want to apply the paragraph style using a class= indicator.  Implemented by Michelle Archard on May 14th 2002 */
/*table#sample {
	font:Verdana;
	font-size:10px;
    background-color:#FFFFFF;
    border: solid #E7DBD5 1px;
    width: 400px;

}

table#sample td {
	font:Verdana;
	font-size:10px;
    border: solid #000 1px;

}

.data {
	font:Verdana;
	font-size:10px;
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;

}

.toprow {
font:Verdana;
font-size:14px;
    font-style: bold;
    text-align: center;
    background-color: #E7DBD5;

}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;

}*/

table { 
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	border-top: none;	
}
table a {
	text-decoration: underline;
}
table a:visited {
	text-decoration: none;
}
tr.odd {
	background-color: #ebf3ff;
}
tr a {
	color: #000000;
}
tr:hover a {
	color: #000;
}
tr:hover, tr.odd:hover {
	background-color: #F2F2F2;
	color: #000;
}
caption {
	height: 45px;
	line-height: 44px;
	color: #F2F2F2;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff url(captop.jpg) no-repeat;
	background-position: 50% top;
	border-left: 2px solid #616161;
	border-right: 2px solid #616161;
}
thead th {
	font-size: 105%;
	color: #000;
	background: #f2f2f2;
	height: 33px;
}
thead th:hover {
	background: #f2f2f2;
	
}
tr {
	vertical-align: top;
}
tr,th,td {
	padding: .75em;
}
td {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
tfoot tr {
	background: #fff url(bbar.gif) repeat-x;
}
tfoot td, tfoot th{
	color: #000;
	border: 0px;
}





.exclusive {
	font-family : Verdana;
	font-size : 10pt;
	font-style : normal;
	margin-left : 10px;
	text-align : left;
	margin-right : 10px;
	color :#FF0000
}
H1 {
	font-family : Verdana;
	font-size : 10pt;
	margin-left : 10px;
	font-weight : bold;
	text-align : left;
	color : #B60905
}
H2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	margin-left : 10px;
	font-weight : bold;
	text-align : left;
	color : #242578
}
H3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style : normal;
	margin-left : 10px;
	font-weight : bold;
	text-align : left;
	color : #0000FF
}
H4 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	margin-left : 10px;
	font-weight : bold;
	text-align : left;
	color : #FF0000;
}
LI {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style : normal;
	margin-left : 10px;
	text-align : left;
	margin-right : 10px;
	color : #666666;
	margin-bottom:6
}
.stext {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-style : normal;
	margin-left : 10px;
	margin-right : 10px;
	color : #666666;
}
/*
.footer {
	font-family : Verdana;
	font-size : 9pt;
	margin-left : 0px;
	margin-right : 10px
}
*/

/* The more style underlines in red and adds the arrow */



.more {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #DF0000;
	font-size : 9pt;
	background: url("/images/arrow.gif") no-repeat;
	background-position: right;
	padding-right: 12px;
	font-style: normal
}
/* The rhbar style is white text that reverses out of the gray background on the LHS */



.rhbar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	margin-left : 0px;
	color: #FFFFFF;
}
/* The following removes any underlining from the links and set their colours. Use the syntax:<a class="lhbar" href="link.html">text</a>*/

a:link.rhbar {
	text-decoration: none;
	color:white;
}     /* unvisited link */
a:visited.rhbar {
	text-decoration: none;
	color:white;
}  /* visited link */
a:hover.rhbar {
	text-decoration: none;
	color: #242578;
}   /* mouse over link */
a:active.rhbar {
	text-decoration: none;
	color: white;
}   /* selected link */
.lhbar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	margin-left : 10px;
	margin-right : 10px;
	color: 6666cc;
}
/* The following removes any underlining from the links and set their colours. Use the syntax:<a class="lhbar" href="link.html">text</a>*/

a:link.lhbar {
	text-decoration: none;
	color:#6666cc
}
}     /* unvisited link */
a:visited.lhbar {
	text-decoration: none;
	color:#6666cc
}  /* visited link */
a:hover.lhbar {
	text-decoration: none;
	color: black
}   /* mouse over link */
a:active.lhbar {
	text-decoration: none;
	color: Black;
}   /* selected link */
.txt {
	font-family : monospace;
	font-size : 12px;
	font-style : normal;
	margin-left : 10px;
	margin-right : 10px;
	;
	color: #000000
}
.quote {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-style : italic;
	margin-left : 5px;
	margin-right : 5px;
	;
	color: #FFFFFF;
	background-color : Gray;
	;
	font-variant: normal;
	text-transform: none;
	text-indent: 1pt;
	padding-right: 5px;
	padding-left: 5px
}
/* The styles below are to control the LH nav bar on the Home page- which has a black background. They remove the link underlining and change the text color to red on mouse-over. They can only be used with a TD code in the format:. Implemented by michelle_archard@yahoo.com on May 9th 2002 */

td#lhnavbar1 a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
}
td#lhnavbar1 a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC9900;
}
td#lhnavbar1 a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
}
td#lhnavbar1 a:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC9900;
}
td#lhnavbar2 a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #009999;
	margin-left : 10px;
}
td#lhnavbar2 a:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC9900;
	margin-left : 10px;
}
td#lhnavbar2 a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #009999;
	margin-left : 10px;
}
td#lhnavbar2 a:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #009999;
	margin-left : 10px;
}
ul {
	font-size: 11pt;
	font-family: Verdana
}
/*

below styles are for RSS feed. If you select the "Use my own CSS" option, you must copy and paste these classes into your CSS. Of course you can edit them as you like to customize the look and feel of your feedroll.

*/



/* border table for feed news */

.fd_bordertable {
	background-color: white;
	border-style: solid;
	border-width: 0px;
	border-color: #CCCCCC;
	padding: 0;
	width: 200px;
}
/* maintable table for feed news */

.fd_maintable {
	border-width: 0;
	background: white
}
/* header cell with header text and xml button */

.fd_header {
	padding: 10px;
	background: #ffffff;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	margin-left : 10px;
}
/* item description area */

.fd_itemcell {
	padding: 10px;
	line-height: 16px;
	background: #ffffff;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* item link properties, such as text-decoration and etc */

.fd_itemlink {
	color: blue;
	text-decoration: none;
}
.fd_itemlink:visited {
	color: blue;
	text-decoration: none;
}
.fd_itemlink:hover {
	color: #336699;
	text-decoration: none;
}
