html
{
width: 100%;
height: 100%;
background-color: #000000;
background-image: url(../images/background.gif);
}
body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
br.clear
{
clear: both;
font-size: 1px;
line-height: 0px;
}
.clearFloat
{
clear: both;
}
a
{
outline: none;
}
a img
{
border: none;
}
div#wrapper
{
width: 950px;
margin-left: auto;
margin-right: auto;
background-color: #017dc3;
border: 1px solid transparent;
}
div#innerWrap
{
width: 949px;
margin-top: 20px;
background-color: #80b7e7;
position: relative;
border: 1px solid transparent;
}
div#innerWrap.l2Wrap
{
background-color: #ffffff;
min-height: 640px;
}
div#topNavigation
{
position: absolute;
top: 12px;
right: 55px;
}
*html div#topNavigation
{
width: 50%;
}
div.navLine
{
position: absolute;
top: 20px;
left: 0px;
width: 100%;
height: 5px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-image: url(../images/whiteLine.gif);
background-repeat: repeat-x;
background-position: center center;
line-height: 0px;
}
.l2Wrap div.navLine
{
border-left-color: #017dc3;
border-right-color: #017dc3;
background-image: url(../images/blueLine.gif);
}
*html div.navLine
{
top: 14px;
}
div#topNavigation ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 13px;
height: 24px;
}
div#topNavigation ul li
{
display: block;
float: left;
padding: 0px 15px 0px 15px;
}
div#topNavigation ul li a
{
display: block;
color: #000000;
text-decoration: none;
padding: 3px 3px 2px 3px;
}
div#topNavigation ul li a:hover,
div#topNavigation ul li a:focus,
div#topNavigation ul li a.on,
div#topNavigation ul li a.active
{
color: #ffffff;
}
.l2Wrap div#topNavigation ul li a:hover,
.l2Wrap div#topNavigation ul li a:focus,
.l2Wrap div#topNavigation ul li a.on,
.l2Wrap div#topNavigation ul li a.active
{
color: #017dc3;
}
div#topNavigation ul.topNav li a:hover,
div#topNavigation ul.topNav li a:focus,
div#topNavigation ul.topNav li a.on,
div#topNavigation ul.topNav li a.active
{
border-bottom: 4px solid #ffffff;
}
.l2Wrap div#topNavigation ul.topNav li a:hover,
.l2Wrap div#topNavigation ul.topNav li a:focus,
.l2Wrap div#topNavigation ul.topNav li a.on,
.l2Wrap div#topNavigation ul.topNav li a.active
{
border-bottom: 4px solid #017dc3;
}
div#topNavigation ul.subNav
{
position: absolute;
top: 24px;
padding-top: 3px;
display: none;
}
div#topNavigation ul.subNav li
{
padding: 0px 7px 0px 7px;
}
ul.subNav.active
{
display: block;
}
a#logo
{
display: block;
position: absolute;
top: 60px;
left: 37px;
}
div#flashHolder
{
padding-top: 254px;
width: 493px;
height: 206px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #183169;
margin-bottom: 23px;
}
a#featureLink
{
display: block;
width: 156px;
height: 120px;
background-repeat: no-repeat;
margin: 0px auto 0px auto;
visibility: hidden;
}
a#featureLink:hover,
a#featureLink:focus
{
display: block;
}
div#l2Center
{
min-height: 400px;
width: 730px;
clear: both;
padding: 156px 0px 0px 168px;
margin: 0px 52px 0px 0px;
font-family: Arial, sans-serif;
font-size: 13px;
text-align: left;
line-height: 139%;
}
div#l2Center a,
div#l2Center a:visited
{
color: #083a81;
text-decoration: none;
}
div#l2Center a:hover,
div#l2Center a:focus
{
color: #017dc3;
text-decoration: none;
}
div#centerCol
{
min-height: 400px;
width: 494px;
float: left;
clear: left;
margin-right: 46px;
}
div#centerCol.portfolioB
{
width: 652px;
}
div#centerCol.news
{
/* placeholder */
}
div.blogEntry
{
width: 100%;
clear: both;
margin: 28px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #666666;
}
div.blogEntryB,
div.blogComments,
form.postComment,
form.postComment
{
width: 100%;
clear: both;
margin: 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #666666;
}
div.blogComments,
form.postComment,
form.postComment
{
padding-top: 15px;
}
div.blogComments p
{
margin: 0px;
padding: 0px;
}
form.postComment,
form.contactUs
{
border-bottom: none;
}
form.postComment legend,
form.contactUs legend
{
margin: 0px;
padding: 0px;
}
form.postComment ul,
form.contactUs ul
{
margin: 0px;
padding: 0px;
display: block;
clear: both;
list-style-type: none;
font-size: 11px;
color: #000000;
}
form.postComment ul li,
form.contactUs ul li
{
display: inline;
padding-right: 10px;
}
form.postComment ul li a,
form.contactUs ul li a
{
color: #083a81;
text-decoration: none;
}
form.postComment input[type=checkbox],
form.postComment input[type=radio],
form.contactUs input[type=checkbox],
form.contactUs input[type=radio]
{
margin: 15px 5px 15px 0px;
display: block;
float: left;
clear: left;
}
form.postComment input[type=text],
form.contactUs input[type=text]
{
width: 229px;
height: 14px;
border: 1px solid #666666;
padding: 2px;
}
form.postComment textarea,
form.contactUs textarea
{
width: 428px;
height: 132px;
border: 1px solid #666666;
padding: 2px;
}
input[type=image]
{
clear: both;
margin-top: 15px;
}
ul.blogLinks
{
display: block;
height: 16px;
clear: both;
margin: 0px 0px 4px 0px;
padding: 0px;
list-style-type: none;
}
ul.blogLinks li
{
display: block;
float: left;
padding: 2px;
}
ul.blogLinks li.comment
{
clear: both;
display: block;
padding: 0px;
}
ul.blogLinks li a
{
color: #083a81;
text-decoration: none;
padding-right: 5px;
}
ul.blogNav
{
display: block;
clear: both;
margin: 15px 0px 0px 0px;
padding: 0px;
list-style-type: none;
width: 100%;
height: 24px;
}
ul.blogNav li
{
display: block;
width: 48px;
height: 24px;
}
ul.blogNav li.backButton
{
float: left;
clear: left;
}
ul.blogNav li.nextButton
{
float: right;
clear: right;
}
form.postComment fieldset,
form.contactUs fieldset
{
margin: 0px;
padding: 0px;
border: none;
}
div#rightCol
{
min-height: 400px;
width: 190px;
float: left;
clear: right;
}
ul.rightList
{
font-size: 12px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.rightList li
{
margin-bottom: 10px;
}
ul.rightList li a
{
text-decoration: none;
}
ul.rightList li a:hover,
ul.rightList li a:focus,
div#rightCol ul.rightList li a.on
{
color: #017dc3;
}
img.portfolioImage
{
margin: 21px 0px 0px 0px;
}
div.port2UpLeft
{
width: 314px;
float: left;
margin: 0px 20px 20px 0px;
}
div.port2UpRight
{
width: 314px;
float: left;
margin: 0px 0px 20px 0px;
}
ul#blogPagination,
ul.portfolioNav
{
display: block;
margin: 0px 0px 25px 0px;
padding: 0px;
list-style-type: none;
line-height: normal;
height: 18px;
clear: both;
}
ul#blogPagination li,
ul.portfolioNav li
{
display: block;
text-align: center;
float: left;
margin-right: 10px;
font-size: 11px;
font-weight: bold;
}
ul#blogPagination li.last,
ul.portfolioNav li.last
{
margin-right: 0px;
clear: right;
}
ul#blogPagination li a,
ul#blogPagination li a:visited,
div#l2Center ul.portfolioNav li a,
div#l2Center ul.portfolioNav li a:visited
{
display: block;
text-decoration: none;
background-image: url(../images/bkg_blogPagination.gif);
background-repeat: no-repeat;
width: 18px;
height: 15px;
padding-top: 3px;
padding-left: 0px;
color: #ffffff;
}
ul#blogPagination li a:hover,
ul#blogPagination li a:focus,
ul#blogPagination li a.on,
div#l2Center ul.portfolioNav li a:hover,
div#l2Center ul.portfolioNav li a:focus,
div#l2Center ul.portfolioNav li a.on
{
background-image: url(../images/bkg_blogPaginationR.gif);
color: #ffffff;
}
ul#rightNav
{
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
line-height: normal;
}
ul.headlines li,
ul.bloglist li
{
display: block;
clear: both;
margin-bottom: 13px;
}
ul.headlines li a,
ul.headlines li a:visited,
ul.bloglist li a,
ul.bloglist li a:visited
{
font-size: 12px;
color: #083a81;
text-decoration: none;
}
ul.headlines li span,
ul.bloglist li span
{
font-size: 10px;
display: block;
clear: both;
}
ul#footer
{
height: 24px;
margin: 60px auto 2px auto;
padding: 0px;
list-style-type: none;
}
ul#footer li
{
display: inline;
}
ul#footer ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 11px;
display: inline;
}
ul#footer ul li
{
display: inline;
padding: 0px 12px 0px 12px;
background-image: url(../images/footNavBorder.gif);
background-repeat: no-repeat;
background-position: center right;
}
ul#footer ul li.last
{
background-image: none;
}
ul#footer ul li a
{
color: #000000;
text-decoration: none;
}
ul#footer ul li a:hover,
ul#footer ul li a:focus
{
color: #ffffff;
}
div#innerWrap.l2Wrap ul#footer ul li a:hover,
div#innerWrap.l2Wrap ul#footer ul li a:focus,
div#innerWrap.l2Wrap ul#footer ul li a.on
{
color: #017dc3;
}
*html div#wrapper,
*html div#innerWrap
{
border-color: orange;
filter: chroma(color=orange);
}
div#popUpBackground
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}
div#popUpWindow
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 90%;
padding-top: 10%;
text-align: center;
font-family: Arial, sans-serif;
font-size: 14px;
}
div#popUpWindow p
{
color: #ffffff;
}
div#popUpWindow ul.closeWindow
{
display: block;
width: 80px;
hieght: 25px;
position: absolute;
top: 15px;
right: 15px;
margin: 25px 0px 0px 0px;
padding: 0px;
list-style-type: none;
}
div#popUpWindow ul.closeWindow li
{
width: 70px;
height: 19px;
background-color: #ffffff;
border: 1px solid #083a81;
margin: 0px auto 0px auto;
padding: 4px 0px 2px 0px;
}
div#popUpWindow ul.closeWindow li a
{
color: #083a81;
text-decoration: none;
font-weight: bold;
}