html, body{
margin:0;
padding:0;
text-align:center;
background-color:#a7a7a7;
}
div#bg1{
background-image: url(../images/bg1.gif);
background-position:top;
background-repeat: repeat-y;
margin-left:auto;
margin-right:auto;
width:1000px;
height:auto;
background-color:#a7a7a7;
}
#pagewidth{
margin-top: 0px ;
width:921px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
height:139px;
width:100%;
background-image: url(../images/header.jpg);
background-position:top;
background-repeat: no-repeat;
}
#menu{
position:relative;
height:59px;
background-color:#a7a7a7;
width:100%;
}
#maincol{background-color: #ffffff;
float: left;
display:inline;
position: relative;
width:590px;
margin: 0px 0px 0px 17px;
}
#box1{
background-color: #ffffff;
float: left;
display:block;
position: relative;
width:650px;
margin: 6px 10px 10px 0px;
border: #ba1516 3px solid;
height:auto;
}
#box1 p{
font-family: arial;
font-size: 12px;
color: #000000;
margin:10px 10px 10px 10px;
}
.redtext{
color: #5c0000;
margin:10px 10px 10px 0px;
font-family: arial;
font-size: 13px;
}
#title_strip1{
background-image: url(../images/title_strip1.gif);
background-position:top;
background-repeat: no-repeat;
background-color: transparent;
float: left;
display:block;
position: relative;
width:653px;
margin: 6px 10px 10px 0px;
height:33px;
}
#title_strip1 p{
font-family: arial;
font-size: 14px;
color: #ffffff;
margin:7px 10px 10px 10px;
}
#box2{
background-color: #e9e9e9;
float: left;
display:block;
position: relative;
width:640px;
margin: 6px 10px 10px 0px;
border: #b8b8b8 2px solid;
height:auto;
padding-left:10px;
padding-left:10px;
}
#box2 p{
font-family: arial;
font-size: 12px;
color: #000000;
margin:10px 10px 10px 5px;
}
#box3{
background-color: #f5e3e3;
float: left;
display:block;
position: relative;
width:650px;
margin: 6px 10px 10px 0px;
border: #b8b8b8 1px solid;
height:auto;
}
#box3 p{
font-family: arial;
font-size: 12px;
color: #000000;
margin:10px 10px 10px 10px;
}
#rightcol{background-color: transparent;
float: right;
display:inline;
position: relative;
width:230px;
margin: 6px 10px 0px 0px;
}
#footer{
width: 890px;
height:60px;
background-color:#537979;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image: url(../images/footer.gif);
background-position:top;
background-repeat: no-repeat;
}
#foot_text{
margin:0px 10px 10px 10px;
padding-top:20px;
}
#foot_text p{
font-family: arial;
font-size: 12px;
color: #ffffff;
margin:0px 10px 10px 210px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
.list1{list-style-image:url(../images/bullet.gif);
margin-left: -7px;
margin-top: 3px;
}
#list{
height:auto;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#list p{
height:auto;
font-family: arial;
font-size: 12px;
color: #000000;
margin:-5px 0px 12px 12px;
}
.list2{list-style-image:url(../images/bullet2.gif);
margin-left: 35px;
margin-top: 3px;
}
#list2{
height:auto;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#list2 p{
height:auto;
font-family: arial;
font-size: 12px;
color: #000000;
margin:-5px 0px 12px 2px;
}
.list3{list-style-image:url(../images/bullet3.gif);
padding-left: 35px;
margin-top: 3px;
}
#list3{
height:auto;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-bottom:4px;
}
#list3 p{
height:auto;
font-family: arial;
font-size: 12px;
color: #000000;
margin:-5px 0px 12px 2px;
}
.list4{list-style-image:url(../images/bullet3.gif);
padding-left: 35px;
margin-top: 3px;
margin-left: 205px;
}
#list4{
height:auto;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#list4 p{
height:auto;
font-family: arial;
font-size: 12px;
color: #000000;
margin:-5px 0px 12px 2px;
}
.list5{list-style-image:url(../images/bullet.gif);
padding-left: 35px;
margin-top: 3px;
margin-left: 20px;
}
#list5{
height:auto;
clear:both;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#list5 p{
height:auto;
font-family: arial;
font-size: 12px;
color: #000000;
margin:-5px 0px 12px 2px;
}
img.floatright {
float: right;
margin: 5px 5px 5px 5px;
}
img.floatleft {
float: left;
margin: 5px 5px 5px 5px;
}
.nav {
width:900px;
height:60px;
background-color:#ffffff;
margin:0px 0px 0px -1px;
padding-left:20px;
background-image:url(../images/navbg.gif);
background-repeat: repeat-x;
}
a#home {
width:85px;
height:55px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}
a#home:hover {
background-position:95px 0;
}
a#about {
width:100px;
height:55px;
background-image:url(../images/about.gif);
display:block;
text-decoration:none;
float:left;
}
a#about:hover {
background-position:114px 0;
}
a#online {
width:170px;
height:55px;
background-image:url(../images/online.gif);
display:block;
text-decoration:none;
float:left;
}
a#online:hover {
background-position:180px 0;
}
a#corporate {
width:120px;
height:55px;
background-image:url(../images/corporate.gif);
display:block;
text-decoration:none;
float:left;
}
a#corporate:hover {
background-position:133px 0;
}
a#academic {
width:120px;
height:55px;
background-image:url(../images/academic.gif);
display:block;
text-decoration:none;
float:left;
}
a#academic:hover {
background-position:133px 0;
}
a#training {
width:100px;
height:55px;
background-image:url(../images/training.gif);
display:block;
text-decoration:none;
float:left;
}
a#training:hover {
background-position:114px 0;
}
a#contact {
width:97px;
height:55px;
background-image:url(../images/contact.gif);
display:block;
text-decoration:none;
float:left;
}
a#contact:hover {
background-position:110px 0;
}
a.link2{
margin: 0px;
color: #437cb6;
display: inline;
text-decoration:none;
}
a.link2:hover {
color: #ff7900;
margin: 0px;
}
a.normal{
display:inline;
margin: 0px;}
a{display:block;
color: #006699;
display: inline;
text-decoration:none;
margin: 0px;}
a:hover {color: #971817;margin: 0px;text-decoration:underline;}
img.floatright {
float: right;
margin: 10px 10px 10px 10px;
}
img.floatleft {
float: left;
margin: 10px 10px 10px 10px;
}
a#right_side5 {
width:220px;
height:120px;
background-image:url(../images/right_side8.gif);
display:block;
text-decoration:none;
float:left;
}
a#right_side1 {
width:220px;
height:120px;
background-image:url(../images/right_side1.gif);
display:block;
text-decoration:none;
float:left;
}
a#right_side1:hover {
background-position:220px 0;
}
a#right_side2 {
width:220px;
height:120px;
background-image:url(../images/right_side2.gif);
display:block;
text-decoration:none;
float:left;
}
a#right_side2:hover {
background-position:220px 0;
}
a#right_side3 {
width:220px;
height:120px;
background-image:url(../images/right_side3.gif);
display:block;
text-decoration:none;
float:left;
}
a#right_side3:hover {
background-position:220px 0;
}
a#right_side4 {
width:220px;
height:120px;
background-image:url(../images/right_side4.gif);
display:block;
text-decoration:none;
float:left;
}
a#right_side4:hover {
background-position:220px 0;
}