html
{
height:100%;
}
body
{
font-size:11px;
background-image:url(../images/background.gif);
background-repeat:repeat-x;
background-color: #990000;
font-family:Arial, Helvetica, sans-serif;
height:100%;
}
#page
{
clear: left;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
width: 1000px;
}
#header
{
height:130px;
z-index:10;
}
#logo
{
background-image:url(../images/logo.png);
height: 115px;
width: 170px;
text-indent: -999em;
background-repeat:no-repeat;
background-position:center;
position: absolute;
top: 0px;
}
#head-left
{
height: 144px;
width: 200px;
position: absolute;
top: 50px;
right:25px;
}
#head-left ul {padding-left:5px; margin:0; list-style:none;}
#head-left ul li{float:left; position:relative; padding-top:1px;}
#head-left ul li a {
padding:6px;
display:block;
text-decoration:none;
}
img
{
border:0px;
}
/* Navigation Style */
.dropdown {
font-family: arial, sans-serif;
width:840px;
height:100px;
font-size:14px;
color:#ffffff;
position: relative;
left: 175px;
}
/* Basic List Styling (First/Base Level) */
.dropdown ul {padding:0; margin:0; list-style: none;}
.dropdown ul li {
float:left;
position:relative;
font-size: 13px;
}
.dropdown ul li a {
padding-left: 15px;
padding-right:15px;
padding-top:50px;
padding-bottom: 30px;
display:block;
text-decoration:none;
color: #FFFFFF;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.dropdown ul li a:hover {
padding-top:50px;
padding-bottom: 30px;
background-image:url(../images/hover.png);
background-position:center;
background-repeat:no-repeat;
}
/* Second Level Drop Down Menu */
.dropdown ul li ul {display: none; z-index:1;}
.dropdown ul li:hover ul { font-size:12px; display:block; position:absolute; top:81px; min-width:190px; left:0; z-index:1;}
.dropdown ul li:hover ul li a {display:block; background-color:#000000; color:#ffffff; width:110px; padding-top:7px; padding-bottom:8px; border:0px; z-index:1; font-size:12px;}
.dropdown ul li:hover ul li a:hover {
background:#660000;
color:#ffffff;
z-index:1;
font-size:13px;
}
/* Third Level Drop Down Menu */
.dropdown ul li:hover ul li ul {display: none;}
.dropdown ul li:hover ul li:hover ul { display:block; position:absolute; left:145px; top:0; }
.prgm {
font-family: arial, sans-serif;
width:200px;
height:30px;
font-size:14px;
color:#ffffff;
position: relative;
background-color: #990000;
}
/* Basic List Styling (First/Base Level) */
.prgm ul {padding:0; margin:0; list-style: none;}
.prgm ul li {
float:left;
position:relative;
font-size: 13px;
text-align:center;
vertical-align:middle;
width:200px;
height:30px;
}
.prgm ul li a {
display:block;
text-decoration:none;
color: #FFFFFF;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding-top:7px;
}
.prgm ul li a:hover {
background-repeat:no-repeat;
}
/* Second Level Drop Down Menu */
.prgm ul li ul {display: none; z-index:1;}
.prgm ul li:hover ul { font-size:12px; display:block; position:absolute; top:25px; width:200px; left:0; z-index:1; background-color:#FF0000;}
.prgm ul li:hover ul li a {display:block; color:#ffffff; width:200px; padding-top:7px; padding-bottom:8px; border:0px; z-index:1; font-size:12px;}
.prgm ul li:hover ul li a:hover {
background:#660000;
color:#ffffff;
z-index:1;
font-size:13px;
}
#viewer
{
position:relative;
background-image: url(images/slide-bk.png);
background-repeat: no-repeat;
background-position: center;
width: 1000px;
padding-top:20px;
z-index:-1;
margin: auto;
}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow
{
width: 950px;
margin: auto;
z-index:-1;
}
#slideshow ul
{
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
z-index:-1;
}
#slideshow ul:after
{
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
z-index:-1;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides
{
overflow: hidden;
width: 950px;
margin: auto;
top: -12px;
position: relative;
z-index:-30;
}
#slideshow .slides ul
{
/* total width of all slides -
px multiplied by 3 in this case */
width: 2850px;
}
#slideshow .slides li
{
width: 950px;
float: left;
height: 294px;
z-index:-1;
}
#content
{
width:1000px;
position:relative;
height: 100%;
}
#index
{
width:500px;
position: absolute;
top: 0px;
left: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
}
#index_right
{
position:relative;
left:180px;
top: -140px;
font-size: 12px;
line-height: 16px;
width: 340px;
z-index: 25;
}
#sidebar
{
width:270px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
margin-left: 650px;
}
.title
{
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
color:#FFFFFF;
}
.descender
{
top:-15px;
position:relative;
background-image: url(../images/bar.jpg);
background-repeat: no-repeat;
font-size: 12px;
line-height: 16px;
}
#about
{
width:500px;
position: absolute;
top: 0px;
left: 380px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
}
#about_bar
{
width:220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
margin-left: 90px;
}
#test_bar
{
width:220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
margin-left: 90px;
height: 715px;
}
#about_right
{
position:absolute;
left:275px;
font-size: 12px;
line-height: 16px;
width: 245px;
margin-top: -180px;
}
#about3
{
width:500px;
position: relative;
top: -15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
padding-top: 0px;
padding-left: 0px;
}
#prog
{
width: 510px;
position: absolute;
top: 0px;
left: 380px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
}
#prog_right
{
left:230px;
font-size: 12px;
line-height: 16px;
width: 270px;
position: absolute;
margin-top: -180px;
}
#prog3
{
width: 510px;
position: relative;
top: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
padding-top: 0px;
padding-left: 0px;
}
#prog4
{
width:490px;
position: relative;
top: -5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
background-color: #FF0000;
}
.test
{
font-size:18px;
}
#cert
{
width: 480px;
position: absolute;
top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
z-index: -15;
margin-left: 380px;
}
#cert_bar
{
width:245px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
margin-left: 80px;
height: 400px;
}
#cert_right
{
position:absolute;
left:275px;
font-size: 12px;
line-height: 16px;
width: 235px;
margin-top: -220px;
}
#cert3
{
width: 510px;
position: absolute;
top: -20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
padding-top: 0px;
padding-left: 0px;
margin-left: 390px;
margin-top: 310px;
}
#pay
{
width: 510px;
position: absolute;
top: 0px;
left: 380px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
}
#pay_right
{
left:230px;
font-size: 12px;
line-height: 16px;
width: 270px;
position: absolute;
margin-top: -190px;
}
#pay3
{
width: 510px;
position: relative;
top: -10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
padding-top: 0px;
}
#contact
{
width: 540px;
position: absolute;
top: 0px;
left: 380px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
padding: 10px;
}
#contact_right
{
left:230px;
font-size: 12px;
line-height: 16px;
width: 270px;
position: absolute;
margin-top: -155px;
}
.style1
{
color:#990000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
}
.style2
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
font-weight: bold;
line-height: 20px;
}
.style3
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left: 20px;
}
.style4
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left: 45px;
}
.link
{
color:#ff3333;
text-decoration:none;
z-index: -20;
}
#footer
{
position: relative; /* negative value of footer height */
height: 65px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
clear:both;
overflow: visible;
width: 100%;
padding-right: 10px;
margin-top: 40px;
}
#footer1
{
width:275px;
position: relative;
top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 10px;
vertical-align: middle;
left: 25px;
}
#footer2
{
width:315px;
position: absolute;
top: 0px;
left: 325px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 10px;
}
#footer3
{
width:225px;
position: absolute;
top: 0px;
left: 680px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
padding: 10px;
}
#footer3 ul {padding-left:5px; margin:0; list-style:none;}
#footer3 ul li{float:left; position:relative;}
#footer3 ul li a {
padding:6px;
display:block;
text-decoration:none;
}
li.contact
{
padding-top:5px;
width: 260px;
float: left;
}
li.contact2
{
padding-top:5px;
width: 550px;
float: left;
}
li.contact3
{
padding-top:5px;
width: 100px;
float: left;
margin-left: 80px;
}
label
{
width:60px;
padding-right: 20px;
display: inline;
float: left;
}
textarea
{
width:410px;
}