html {
width : 1366px;
height : 768px;
min-width : 1366px;
min-height : 768px;
background-color : white;
}
body {
margin : 0 auto;
width : 1000px;
height : 768px;
}
#grad {
background : red;
background : linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 144, 1));
width : 1000px;
height : 768px;
margin-left : 30px;
border : black solid thick;
}
#copyright {
margin-left : 20px;
}
#bvesEmblem {
background-image : url(./images/BVESEmblem2.png);
position : absolute;
top : 250px;
margin : 0 auto;
width : 300px;
height : 308px;
left :22%;
display : block;
opacity : 1;
background-repeat : no-repeat;
z-index : 100;
}
#address {
font-size : 16px;
position : absolute;
z-index : 7;
width : 988px;
top : 660px;
margin-left : auto;
margin-right : auto;
text-align : center;
color : white;
font-family : 'Pontano Sans', sans-serif;
font-style : normal;
font-weight : 400;
background-color : transparent;
box-sizing : border-box;
border-width : thin;
height : 30px;
}
#footer {
position : absolute;
z-index : 33;
display : block;
top : 725px;
margin-left : 20px;
width : 50%;
color : white;
font-size:10px;
}
#serviceStatement {
font-size : 20px;
color : #FFFFFF;
margin : 0 auto;
z-index : 1;
width : 988px;
text-align : center;
top : 155px;
position : absolute;
font-weight : 300;
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style : normal;
text-shadow : 0 0;
left : 50px;
}
.navLinks {
display : block;
border : #000000 solid thin;
background-color : #F1F1F1;
list-style-type : none;
list-style-image : none;
font-size : 14px;
font-weight : 300;
border-radius : 3px;
position : relative;
margin-left : 10px;
margin-right : 10px;
text-align : center;
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style : normal;
text-decoration : none;
margin-top : 5px;
margin-bottom : 5px;
padding-top : 3px;
padding-bottom : 3px;
color : #E40D11;
padding-left : 3px;
padding-right : 3px;
box-shadow : 0 1px 0 1px #000000;
vertical-align : middle;
}
.links:link {
color : #1F2784;
text-decoration : none;
text-align : center;
font-weight : bold;
vertical-align : middle;
}
.links:visited {
color : #1F2784;
text-decoration : none;
text-align : center;
vertical-align : middle;
}
.links:hover {
text-decoration : none;
font-size : 20px;
text-align : center;
color : white;
font-weight : bolder;
}
#centerImage {
z-index : 0;
position : absolute;
left : 38px;
display : list-item;
top : 170px;
width : 990px;
height : 540px;
margin-left : auto;
margin-right : auto;
opacity : 0.20000000298023223876953125;
}
#feed {
position : absolute;
left : 800px;
top : 200px;
border : white solid thin;
z-index : 1;
}
#emergency {
color : red;
text-align : center;
line-height : 2px;
}
#pageTitle {
color : #FD5F0D;
position : absolute;
right : 50px;
}
* {
margin : 0;
padding : 0;
}
body {
font : 14px/1.3 Arial, sans-serif;
background-color : #212121;
}
header {
color : #fff;
height : 40px;
position : relative;
width : 90%;
}
header h2 {
font-size : 24px;
font-weight : normal;

margin-left : 30px;
padding : 10px 0;
position : absolute;
width : 940px;
}
header a.stuts, a.stuts:visited {
border : none;
text-decoration : none;
color : #fcfcfc;
font-size : 14px;
left : 50%;
line-height : 31px;
margin : 0 0 0 110px;
position : absolute;
top : 0;
}
header .stuts span {
font-size : 22px;
font-weight : bold;
margin-left : 5px;
}
.container {
height : 400px;
margin : 40px auto;
margin-left : 10px;
padding : 5px;
width:988px;
}
#nav, #nav ul {
list-style : none outside none;
margin : 0 auto;
padding : 0;
}
#nav {
background : url('./images/menu_bg.png') 0 0 no-repeat scroll transparent;
clear : both;
font-size : 12px;
height : 58px;
padding : 0 0 0 9px;
position : relative;
width : auto;
margin : 0 auto;
}
#nav ul {
background-color : #222;
border : #222 solid 1px;
border-radius : 0 5px 5px 5px;
border-width : 0 1px 1px;
box-shadow : 0 5px 5px rgba(0, 0, 0, 0.5);
overflow : hidden;
position : absolute;
top : -9999px;
z-index : 2;
margin-left : 25px;
transform : scaleY(0);
}
#nav li {
background : url('./images/menu_line.png') right 5px no-repeat scroll transparent;
float : left;
position : relative;
}
#nav li a {
color : #FFFFFF;
display : block;
float : left;
font-weight : normal;
height : 60px;
padding : 23px 20px 0;
position : relative;
text-decoration : none;
text-shadow : 1px 1px 1px #000000;
}
#nav li:hover > a {
color : #00B4FF;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
background : none 0 0 repeat scroll #121212;
outline : 0 none;
}
#nav li:hover ul.subs {
left : 0;
top : 53px;
width : 200px;
transform : scaleY(1);
}
#nav ul li {
background : none;
width : 90%;
}
#nav ul li a {
float : none;
}
#nav ul li:hover > a {
background-color : #121212;
color : #FD5F0D;
}
#lavalamp {
background : url('./images/lavalamp.png') 0 0 no-repeat scroll transparent;
height : 18px;
left : 13px;
position : absolute;
top : 0;
width : 64px;
transition : all 300ms ease;
}
#lavalamp:hover {
transition-duration : 3000s;
}
#nav li:nth-of-type(1):hover ~ #lavalamp {
left : 13px;
}
#nav li:nth-of-type(2):hover ~ #lavalamp {
left : 132px;
}
#nav li:nth-of-type(3):hover ~ #lavalamp {
left : 255px;
}
#nav li:nth-of-type(4):hover ~ #lavalamp {
left : 355px;
}
#nav li:nth-of-type(5):hover ~ #lavalamp {
left : 445px;
}
#nav li:nth-of-type(6):hover ~ #lavalamp {
left : 530px;
}
#nav li:nth-of-type(7):hover ~ #lavalamp {
left : 625px;
}
#nav li:nth-of-type(8):hover ~ #lavalamp {
left : 725px;
}
#nav li:nth-of-type(9):hover ~ #lavalamp {
left : 825px;
}
#emailAddress {
color : yellow;
}
.identfier {
color : #FD5F0D;
font-weight : bold;
}