<!--
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #999999; margin:0 auto; padding: 0; text-align: center; color: #000000; }
#maincontainer { width: 760px; background:#FFFFFF; margin: 25px auto; padding:0; text-align: left; }
#container { background: url(../images/common/bg.jpg) repeat-y; height:100% }
#header { background: #DDDDDD; padding: 0px; height:141px; /*border-bottom:1px solid #79A7E3;*/ margin-bottom:30px }
#header h1 { margin: 0; padding: 0; display:none; }
/*#header img { border-bottom:1px solid #999999; }*/
#navcontainer { float: left; width: 170px; background: #CCCCCC; padding: 0; margin:0; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; }
#navcontainer li { margin: 0;}
#navcontainer a { display: block; padding: 9px 20px 8px 0; width: 150px; color: #fff; text-align:right; text-decoration: none; background: url(../images/buttons/b.jpg); background-repeat: no-repeat;  }
#navcontainer a:hover { color: #fff; background: url(../images/buttons/hb.jpg); background-repeat: no-repeat; text-decoration: none; }
#navcontainer ul ul li { margin:0; }
#navcontainer ul ul a { display: block; padding: 9px 20px 8px 0; width: 150px; color: #fff; background: url(../images/buttons/b2.jpg); background-repeat: no-repeat;   text-decoration: none; }
#navcontainer ul ul a:hover { color: #fff;  background: url(../images/buttons/hb2.jpg); background-repeat: no-repeat;  text-decoration: none; }
#mainContent { min-height:450px; margin: 0; padding: 0 10px 20px 30px; float:left; width:536px; }
#imageRotator { float:right; width:100px; height:500px; margin-left:20px; }
#imageRotator img { padding-bottom:30px; }
#footer { padding: 0 10px 0 20px; background:#DDDDDD; }
#footer p { margin: 0; padding: 10px 0; }
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt { float: right; margin-left: 8px; }
/* this class can be used to float an element left in your page */
.fltlft { float: left; margin-right: 8px; }
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: italic; line-height: 1.3em; font-weight: bolder; color: #666666; display:inline; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; line-height: 1.1em; font-weight: bolder; color: #0099FF; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; line-height: 1.3em; font-weight: normal; font-variant: normal; color: #666666; text-align: left; }
table {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:0.em;
text-align:left;
}
#mainContent li {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; line-height: 1.3em; font-style: normal; }
.blue_title {font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: italic; line-height: 1.1em; font-weight: bolder; color: #0099FF;}

-->