html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background: #002b54;
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*global*/
#wrap{
margin: 0 auto;
width: 980px;
overflow: hidden;
background: #002b54;
}
#globalnav{
position: relative;
display: inline-block;
border-left: none;
border-right: none;
border-top: none;
background: url('../linkimages/topnav_01.png') repeat-x #3e5e7d;
height: 50px;
width: 100%;
}
#menu{
width: 960px;
margin: 0 auto;
}
#menu li{
float: left;
}
@font-face {
font-family: "Museo-sans-500";
src: url("fonts/MuseoSans_500.otf")
}
@font-face {
font-family: "Museo-sans-700";
src: url("fonts/MuseoSans_700.otf")
}
@font-face {
font-family: "Museo-sans-900";
src: url("fonts/MuseoSans_900.otf")
}
/*header*/
#header{
background: url('../linkimages/headerbg_06.png') no-repeat;
height: 140px;
}
#header2{
background: url('../linkimages/header/bg.jpg') no-repeat;
height:201px;
}
.serteclogo{
overflow:hidden;
clear:both;
display:block;
width:275;
margin:0 auto;
}
.mainsub{
overflow: hidden;
clear: both;
}
.mainsub2{
clear: both;
}
.loginbutton{
width:450px;
overflow: hidden;
margin-right: 20px;
float: right;
margin-bottom: 18px;
display:block;
}
.loginbutton img{
float: right;
}
#subnav3{
padding:0px;
margin:0px;
float:left;
display:block;
min-width:480px;
}
#subnav{
padding:0px;
margin:0px;
float:left;
display:block;
min-width:505px;
}
#subnav li{
float: left;
display:block;
}
#subnav2{
float:left;
display:block;
}
#subnav2 li{
float: left;
height:18px;
}
/*footer*/
#footer{
overflow: hidden;
width: 100%;
background: url('../linkimages/background_17_02.png') no-repeat #b5bfca ;
background-position:top center;
margin: 0 auto;
}
#footerinner{
margin: 0 auto;
overflow: hidden;
width: 960px;
}
#footerinner ul{
width:100px;
padding: 15px;
margin-right: 10px;
float: left;
}
footerinner ul li{
display:block;
}
#footerinner ul li a{
display:block;
text-decoration: none;
font-weight: lighter;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 12px;
color: #002b54;
clear: both;
margin-bottom:3px;
}
#footerinner ul li a:hover {
display:block;
text-decoration: none;
font-weight: lighter;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 12px;
color: #0079be;
clear: both;
margin-bottom:3px;
}
.first {
text-decoration: none;
font-weight: lighter;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 18px;
color: #002b54;
clear: both;
}
.bottomlogo{
margin-top: 20px;
float: right;
}
.bottom{
width: 100%;
border: 1px solid #f5f5f5;
border-left: none;
border-right: none;
border-bottom: none;
background: #3c5c7b;
}
.bottom ul{
width: 960px;
margin: 0 auto;
}
.bottom ul li{
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
float:left;
}
.bottom ul li a {
color: #f1f1f1;
float: left;
text-decoration: none;
font-weight: lighter;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 14px;
}
#contactbox{
display: inline-block;
background: url('../linkimages/formbg.png') no-repeat #ffffff ;
float: right;
width: 279px;
height:246px;
margin-bottom: 40px;
margin-right: 20px;
}
#contactbox .formdiv{
display: inline-block;
clear: both;
}
#contactbox label{
color: #002B53;
font-weight: bold;
margin-left: 10px;
float: left;
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
}
#contactbox h3{
text-align: right;
padding-right: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
text-decoration: none;
font-weight: normal;
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #002b54;
clear: both;
display: block;
}
#contactbox fieldset{
display: inline-block;
}
.textfield{
margin-right: 5px;
float: right;
border: 0px;
padding-left: 10px;
background-image: url('../linkimages/form_27.png') ;
height: 18px;
width: 170px;
margin-bottom: 10px;
text-decoration: none;
font-weight: normal;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
}
.textbox{
padding-left: 10px;
width: 169px;
margin-right: 5px;
background: url('../linkimages/form_33.png') no-repeat;
height: 56px;
float: right;
border: 0px;
text-decoration: none;
font-weight: normal;
letter-spacing:1px;
font-family: Helvetica, Arial, sans-serif;
}
#contactdiv{
position: relative;
clear:both;
padding-top:20px;
}
.contactsubmit{
float: left;
padding-top: 20px;
padding-left: 285px;
}
#contactdiv label{
margin-right:10px;
display:inline-block;
text-align:right;
width:75px;
float:left;
}
.labeltext{
margin-right:10px;
display:block;
text-align:left;
width:365px;
float:left;
}
#contactdiv input{
float:left;
width:265px;
height:20px;
margin-bottom:10px;
color: #304c67;
background: #ffffff;
border: 1px solid #b7b7b7;
}
#contactdiv TEXTAREA{
float:left;
width:265px;
color: #304c67;
background: #ffffff;
border: 1px solid #b7b7b7;
}
#contactdiv p{
clear:both;
}
/*aside boxes*/
#ContentBoxTop_SB{
background: url("../linkimages/sitewide/contentBoxTopSB.jpg") no-repeat ;
background-position: top left;
}
#ContentBoxBG_SB{
background: url("../linkimages/sitewide/contentBoxBGSB.jpg") repeat-y #eeeeee ;
background-position: left;
height:auto;
margin-bottom:20px;
}
#ContentBoxBottom_SB{
background: url("../linkimages/sitewide/contentBoxBottomSB.jpg") no-repeat;
background-position: bottom left;
}
#greentop{
background: url("../as/../linkimages/greentop.jpg") no-repeat ;
background-position: top left;
}
#green{
background: url("../as/../linkimages/greenbg.jpg") repeat-y #eeeeee ;
background-position: left;
height:auto;
margin-bottom:20px;
}
#greenbottom{
background: url("../as/../linkimages/greenbottom.jpg") no-repeat;
background-position: bottom left;
}
#bluetop{
background: url('../linkimages/bluetop.jpg') no-repeat;
background-position: top left;
position:relative;
height:inherit;
}
#blue{
background: url('../linkimages/bluetile.jpg') repeat-y #eeeeee;
background-position: left;
position:relative;
height:auto;
margin-bottom: 20px;
}
#bluebottom{
background: url('../linkimages/bluebottom.jpg') no-repeat;
background-position: bottom left;
position:relative;
}
#redtop{
background: url('dc/../linkimages/redtop.jpg') no-repeat;
background-position: top left ;
overflow:hidden;
}
#red{
background: url('dc/../linkimages/redbg.jpg') repeat-y #eeeeee;
background-position: left ;
overflow:hidden;
}
#redbottom{
background: url('dc/../linkimages/redbottom.jpg') no-repeat;
background-position: bottom left ;
overflow:hidden;
}
#accordion{
margin-bottom:20px;
}
/*hover menu*/
ul.hovermenu {
margin: 0;
padding: 0;
clear:both;
}
ul.hovermenu li {
float:left;
padding:0px;
margin:0px;
position:relative;
}
ul.hovermenu li ul {
position: absolute;
z-index:99;
background:#eeeeee;
top: 25px;
left: -999em;
padding:20px;
width:100px;
box-shadow:3px 3px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}
ul.hovermenu li ul li{
clear:both;
width:100px;
margin-bottom:7px;
padding-bottom:3px;
border: 1px solid #e3e2e2;
border-top:none;
border-left:none;
border-right:none;
}
ul.hovermenu li a {
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
display: block;
text-decoration: none;
color: #0e3a53;
border-bottom: 0;
font-size:14px;
line-height:16px;
}
ul.hovermenu li a:hover {
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
display: block;
text-decoration: none;
color: #0079be;
border-bottom: 0;
font-size:14px;
}
ul.hovermenu li:hover ul {
display: block; left: 5px;
}
ul.hovermenu li:hover ul, .hovermenu li.sfhover ul {
left: 5px;
}
.searchbox{
display:inline-block;
background:url('../linkimages/searchbar.jpg') no-repeat;
height:25px;
width:151px;
border:0px;
padding-top:5px;
padding-left:5px;
padding-right:25px;
}
.searchp{
position: relative;
display:inline-block;
padding-left: 75px;
background:url('../linkimages/search_08.jpg') no-repeat;
height:50px;
width:151px;
border:0px;
text-decoration: none;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}
.searchfont{
font-size:12px;
color:#002b54;
}
/*hover menu 2*/
ul.hovermenu2 {
margin: 0;
padding: 0;
}
ul.hovermenu2 li {
float:left;
position:relative;
}
ul.hovermenu2 li ul {
position: absolute;
z-index:99;
background:#eeeeee;
top: 50px;
left: -999em;
padding:10px;
width:100px;
box-shadow:3px 3px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}
ul.hovermenu2 ul li{
width:100px;
padding:2px;
margin-bottom:3px;
clear:both;
border: 1px solid #e3e2e2;
border-top:none;
border-left:none;
border-right:none;
}
ul.hovermenu2 li a {
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
text-decoration: none;
color: #0e3a53;
border-bottom: 0;
font-size:14px;
line-height:16px;
overflow:hidden;
clear:both;
}
ul.hovermenu2 li a:hover {
font-family: "Museo-Sans-700",Helvetica, Arial, sans-serif;
text-decoration: none;
color: #0079be;
border-bottom: 0;
font-size:14px;
line-height:16px;
overflow:hidden;
clear:both;
}
ul.hovermenu2 li:hover ul { display: block; left: 5px;
}
ul.hovermenu2 li:hover ul, .hovermenu2 li.sfhover ul {
left: 5px;
}
#flash{
width:570px;
height:303px;
padding:10px;
background:url('../linkimages/flashbg.jpg');
}
/*submit*/
div.submitbutton input {
margin-top: 20px;
float: right;
background:url('../linkimages/submit.jpg') no-repeat;
cursor:pointer;
width: 100px;
height: 30px;
border: none;
}
div.submit{
position: absolute;
top:3px;
left:235px;
}
div.submit input {
background:url('../images/submit.jpg') no-repeat;
cursor:default;
width: 30px;
height: 30px;
border: none;
}
.inner_actec{
padding: 20px;
text-decoration: none;
font-weight: lighter;
overflow:hidden;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #0e3a53;
height:100%;
}
.inner li{
overflow: hidden;
clear: both;
background-repeat: no-repeat;
padding-left: 20px;
text-decoration: none;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
color: #002b54;
}
.inner p{
margin-bottom:20px;
}