html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0px;

	padding: 0px;

	border: 0px;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

ul li {
list-style:none;
}


h1 {
font-family: Arial, san-serif;
font-size: 30px;
font-weight: bold;
color: #003366;
}

h2 {
font-family: Arial, san-serif;
font-size: 25px;
font-weight: bold;
color: #003366;
}

h3 {
font-family: Arial, san-serif;
font-size: 14px;
color: #003366;
font-weight: bold;
}

h4 {
font-family: Arial, san-serif;
font-size: 14px;
color: #ff9933;
font-weight: bold;
}

h5 {
font-family: Arial, san-serif;
font-size: 22px;
font-weight: bold;
color: #003366;
line-height:23px;
}

.greyhead {
width: 302px;
height: 28px;
background-color: #cccccc;
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
line-height: 28px;
}

.quotehead {
width: 610px;
height: 28px;
background-color: #cccccc;
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
line-height: 28px;
}

.bluehead {
width: 302px;
height: 28px;
background-color: #0099cc;
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
line-height: 28px;
}

a.bluehead {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
line-height: 28px;
text-decoration: none;
}

a.bluehead:link {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
line-height: 28px;
text-decoration: none;
}

a.bluehead:hover {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
line-height: 28px;
text-decoration: none;
}

a.bluehead:active {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
line-height: 28px;
text-decoration: none;
}

.text11 {
font-family: Arial, san-serif;
font-size: 12px;
color: #333333;
text-decoration: none;
}

a.text11 {
font-family: Arial, san-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
text-decoration: none;
}

a.text11:link {
font-family: Arial, san-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
text-decoration: none;
}

a.text11:hover {
font-family: Arial, san-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
text-decoration: none;
}

a.text11:active {
font-family: Arial, san-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
text-decoration: none;
}

.text11light {
font-family: Arial, san-serif;
font-size: 12px;
color: #333333;
text-decoration: none;
}

a.text11light {
font-family: Arial, san-serif;
font-size: 12px;
color: #003366;
font-weight: normal;
text-decoration: none;
}

a.text11light:link {
font-family: Arial, san-serif;
font-size: 12px;
color: #003366;
font-weight: normal;
text-decoration: none;
}

a.text11light:hover {
font-family: Arial, san-serif;
font-size: 12px;
color: #666666;
font-weight: normal;
text-decoration: none;
}

a.text11light:active {
font-family: Arial, san-serif;
font-size: 12px;
color: #666666;
font-weight: normal;
text-decoration: none;
}

.bluetext11 {
font-family: Arial, san-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
}

.grey14 {
font-family: Arial, san-serif;
font-size: 14px;
color: #666666;
font-weight: bold;
}

.bluetext11italic {
font-family: Arial, san-serif;
font-size: 11px;
color: #003366;
font-weight: normal;
font-style:italic;
line-height: 11px;
}

.bluetext11caps {
font-family: Arial, san-serif;
font-size: 11px;
color: #003366;
font-weight: normal;
font-style: normal;
line-height: 11px;
}

a.bluetext11caps {
font-family: Arial, san-serif;
font-size: 11px;
color: #003366;
font-weight: normal;
font-style: normal;
line-height: 11px;
text-decoration:underline;
}

a.bluetext11caps:link {
font-family: Arial, san-serif;
font-size: 11px;
color: #003366;
font-weight: normal;
font-style: normal;
line-height: 11px;
text-decoration:underline;
}

a.bluetext11caps:hover {
font-family: Arial, san-serif;
font-size: 11px;
color: #666;
font-weight: normal;
font-style: normal;
line-height: 11px;
text-decoration:underline;
}

.menutext {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
text-decoration: none;
}

a.menutext {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
text-decoration: none;
line-height: 29px;
}

a.menutext:link {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
text-decoration: none;
line-height: 29px;
}

a.menutext:hover {
font-family: Arial, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
line-height: 29px;
}

.grey {
color:#999999;
}

table {
border:none;
}

td {
vertical-align: top;
font-size:12px;
font-family: Arial, san-serif;
}

.grayinput{
width: 285px;
padding: 3px;
border: 1px;
border-color:#999;
border-style:solid;
background-color: #fff;
color: #333333;
font-size:11px;
font-family: Arial, san-serif;
vertical-align: middle;
}

.graytextarea{
width: 280px;
height: 100px;
padding: 6px;
border: 1px;
border-color:#999;
border-style:solid;
background-color: #fff;
color: #333333;
font-size:11px;
font-family: Arial, san-serif;
vertical-align: middle;
}

body
{
text-align: center;
}

.container {
margin: 0 auto; 
width: 960px; 
text-align: left; 
}

.header {
width: 960px;
height: 208px;
}

.headleft {
position:relative;
float: left;
text-align: left;
width: 175px;
height: 208px;
}

.headmiddle {
position:relative;
float: left;
text-align: left;
width: 610px;
height: 208px;
background-image: url(../resources/banner1a.jpg);
background-repeat: no-repeat;
}

.headmiddlewrap {
position:relative;
clear: both;
width: 610;
height: 208px;
}

.headmiddleleft {
position:relative;
float: left;
text-align: left;
width: 302px;
height: 208px;
}

.headmiddleright {
position:relative;
float: left;
text-align: left;
width: 302px;
height: 208px;
}

.headright {
position:relative;
float: left;
text-align: left;
width: 175px;
height: 208px;
background-image: url(../resources/banner1b.jpg);
background-repeat: no-repeat;
}

.menu {
position:relative;
clear: both;
width: 900px;
text-align: left;
height: 28px;
background-color: #cccccc;
padding-left: 60px;
z-index:1;
}

.mainbody {
position:relative;
clear: both;
width: 960px;
}

.mainleft {
position:relative;
float: left;
text-align: left;
width: 175px;
}

.mainmiddle {
position:relative;
float: left;
text-align: left;
width: 610px;
}

.mainmiddlewrap {
position:relative;
clear: both;
width: 610px;
}

.mainmiddleleft {
position:relative;
float: left;
text-align: left;
width: 302px;
}

.middlecolspace {
position:relative;
float: left;
text-align: left;
width: 6px;
}

.mainmiddleright {
position:relative;
float: left;
text-align: left;
width: 302px;
}

.mainright {
position:relative;
float: left;
text-align: left;
width: 175px;
}

.footerrowspace {
position:relative;
clear: both;
width: 960px;
text-align: left;
height: 30px;
background-color: #ffffff;
}

.footer {
position:relative;
clear: both;
width: 960px;
text-align: left;
height: 30px;
background-color: #cccccc;
}

.padleft {
padding-left: 10px;
}

.padleftx {
padding-left: 30px;
}

.padtop6 {
padding-top: 6px;
}

.padtop {
padding-top: 10px;
}

.padtopx {
padding-top: 80px;
}

.padright10 {
	padding-right: 10px;
}

#player {
border:1px solid #003366;
width:600px;
height:337px;
}


#s3slider {
   width: 610px; /* important to be same as image width */
   height: 270px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 610px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   padding: 10px 13px;
   width: 254px;
   background-color: #fff;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.s3top {
	top: 0;
	left: 0;
	
}
.s3bottom {
	bottom: 0;
    left: 0;
	width: 610px !important;
	height: 70px;
}
.s3left {
	top: 0;
    left: 0;
	width: 235px !important;
	height: 270px;
}
.s3right {
	right: 0;
	bottom: 0;
	width: 235px !important;
	height: 270px;
}
