html {background: #606060 url(images/homepage01.gif) repeat-x left top;}
body {margin: 0px; padding: 0px; background: url(images/ospbg.jpg) repeat-x center fixed;}
.left {padding: 2px; float: left;}
.right {padding: 2px; float: right;}
.center {padding: 2px; text-align: center;}
form {margin: 0px; padding: 0px;}
h1, h2, h3 {margin: 0px; text-align: center;}
.whoweare {vertical-align: top; text-align: justify; padding: 3px 3px 13px;}
.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 260px;
}
.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
width: 100%;
height: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:center;
}
.pagination{
margin-top:-20px;
position: absolute;
width: 450px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
font-size:9px;
background-color: transparent;
z-index:99;
}
.pagination a { text-decoration: none; color: #ccc;}
.pagination a:hover { text-decoration: none; color: #fff;}
h2 {margin-bottom: 15px; letter-spacing: -1px; font-size: 18px; color: #666; line-height: 25px; font-weight: bold;}
h2 span {color: #101D48; text-align: center;}
#box5 h2 {color:#85800a;}
h3 {font-weight:normal; margin-bottom: 10px; font-size: 14px; color: #212E59;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #212E59; text-align: center;}
body, th, td, input, textarea, select {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #555;
}
p, ul, ol, dl {
margin-top: 0px;
margin-bottom: 1em;
text-align: justify;
line-height: 160%;
}
.list1 {
margin-left: 20px;
padding-left: 0px;
list-style-type: disc;
color:navy;
font-size: 14px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
/* Begin Menu */
#menuleft {float:left; width:200px; padding:0 0 10px; position:relative; z-index:999; text-align:left;}
#menuleft a {display:block;width:100%;}
#menuleft a {padding:0;}
#menuleft a:link, #menuleft a:visited {width:100%;}
#menuleft a:hover{text-decoration:none; color: navy;}
#menuleft form {margin:0;}
#menuleft li {margin:0 0 0 22px; padding:0; list-style-type:disc;}
#menuleft ul, #menuleft ul ul, #menuleft ul ul ul {margin:0; padding:0; list-style-image:none; width:100%;}
#menuleft ul ul {background: url(images/homepage05.jpg) center; width:215px;}
/* Begin Popout */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;left:130px;top:0;display:none;z-index:999;}
/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{
float:left;
height:1%;
}
* html #menuleft ul li a{
height:1%;
}
/* End */
div#menuleft ul ul, div#menuleft ul ul ul, div#menuleft ul li:hover ul ul, div#menuleft ul li:hover ul ul ul {display:none;}
div#menuleft ul li:hover ul, div#menuleft ul ul li:hover ul, div#menuleft ul ul ul li:hover ul {display:block;}
#menuleft a.x, #menuleft a.x:visited{width:250px;}
#menuleft a.x:hover{color:navy;}
#menuleft a.x:active{ }
.list2 li {float: left;width: 45%;}
a {color: #06C;}
a:hover {text-decoration: none; color:navy;}
.align-justify {text-align: justify;}
.align-right {text-align: right;}
img {border: none;}
img.left {float: left; position: relative; margin: 0px 15px 0px 0px;}
img.right {float: right; margin: 0px 0px 0px 15px;}
img.border {padding: 3px; border: 1px solid #C4C4C4;}
hr {display: none;}
.hr1 {
height: 11px;
margin-bottom: 10px;
border-bottom: 1px solid #C4C4C4;
}
#header {width: 737px; height: auto;}
#menu { }
#menu ul {
margin: 0px;
list-style: none;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 33px;
}
#menu li {
float: left;
padding: 0px;
background: none;
}
#menu a {
float: left;
height: 23px;
background: url(images/homepage03.gif) no-repeat left top;
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
padding-top: 7px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
#menu a:hover {
text-decoration: underline;
}
#menu .first a {
background: none;
}
#page {background: #fff; width: 735px;}
#content {background: #FFFFFF; width: 498px; margin: -79px 0px 0px 0px; position:relative; z-index:990;}
#sidebar {background: url(images/sidebarbg.jpg) repeat-y center; width: 239px;}
#footer {
background: url(images/homepage01.gif) repeat-x 0 -25px;
padding:4px 0 5px 0;
width: 100%;
margin: 0px;
border-top:2px solid #2e3e71;
border-left:1px solid #3e528d;
border-right:1px solid #3e528d;
border-bottom:1px solid #4b546f;
}
#footer p {margin-bottom:4px; font-size:10px; text-align: center; color: #9E9E9E;}
#box1 { height: 289px;}
#box2 { padding: 0 22px 0px 24px;}
#box3 { padding: 0 27px;}
#box4 {
height: auto;
background-color: #CCC;
vertical-align: top;
background-image: url(images/homepage05.jpg);
background-repeat: repeat;
width: 227px;
padding-top: 24px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
#box5 { padding: 10px; border-right: 1px solid #C4C4C4;}
#box6 { padding: 20px 22px 20px 24px; background: url(images/page.jpg) repeat-x left top;}
#box7 {
height: 1500px;
padding: 30px;
background-color: #CCC;
vertical-align: top;
background-image: url(images/homepage05.jpg);
background-repeat: repeat;
width: 181px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
#box8 {
height: 900px;
padding: 30px;
background-color: #CCC;
vertical-align: top;
background-image: url(images/homepage05.jpg);
background-repeat: repeat;
width: 181px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
.button {cursor:pointer;}