body {
margin: 0;
padding: 0;
background: url(../images/background_texture.jpg);
background-repeat: repeat;
}
#wrapper {
width: 960px;
position: relative;
margin: 0 auto;
height:100%;
}
h1 {
background: url(../images/header.png) no-repeat center;
text-indent: -9000px;
margin: 0;
height: 305px;
}
h2 {
margin: 0 0 5px 0;
padding: 0px;
font-family: Trebuchet MS, Lucida Grande, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: normal;
color: #184975;
}
h3 {
margin: 0 0 3px 0;
padding: 0px;
font-family: Trebuchet MS, Lucida Grande, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
text-align: left;
color: #184975;
}
.headings {
font-family: Trebuchet MS, Lucida Grande, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #184975;
}
a img {
border: 0;
text-decoration: none;
}
.note {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.5em;
color: #B31900;
}
/*-------------------CODE FOR NAVIGATION---------------------CODE FOR NAVIGATION-------------------CODE FOR NAVIGATION---------------------*/
#navigation {
width: 310px;
height: 250px;
position: absolute;
top: 20px;
left: 640px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-image: url(../images/nav_all.gif);
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
height: 50px;
}
#navigation li a {
text-decoration: none;
color: #9C9B9B;
display: block;
height: 50px;
text-indent: -9000px;
}
#navigation li a:hover {
color: #184975;
cursor: pointer;
}
#navigation a:active, a:focus {
outline: 0;
}
#about #wrapper #navigation .about a {
color: #184975;
}
#about #wrapper #navigation .about a {
background-image: url(../images/btn_about_on.jpg);
}
#web #wrapper #navigation .web a {
background-image: url(../images/btn_web_on.jpg);
}
#video #wrapper #navigation .video a {
background-image: url(../images/btn_video_on.jpg);
}
#resume #wrapper #navigation .resume a {
background-image: url(../images/btn_resume_on.jpg);
}
#contact #wrapper #navigation .contact a {
background-image: url(../images/btn_contact_on.jpg);
}
.about a {
background-image: url(../images/btn_about_off.gif);
}
.web a {
background-image: url(../images/btn_web_off.gif);
}
.video a {
background-image: url(../images/btn_video_off.gif);
}
.resume a {
background-image: url(../images/btn_resume_off.gif);
}
.contact a {
background-image: url(../images/btn_contact_off.gif);
}
.about a:hover {
background-image: url(../images/btn_about_hover.jpg);
}
.web a:hover {
background-image: url(../images/btn_web_hover.jpg);
}
.video a:hover {
background-image: url(../images/btn_video_hover.jpg);
}
.resume a:hover {
background-image: url(../images/btn_resume_hover.jpg);
}
.contact a:hover {
background-image: url(../images/btn_contact_hover.jpg);
}
#navigation li.about {
background-image: url(../images/btn_about_off.jpg);
}
#navigation li.web {
background-image: url(../images/btn_web_off.jpg);
}
#navigation li.video {
background-image: url(../images/btn_video_off.jpg);
}
#navigation li.resume {
background-image: url(../images/btn_resume_off.jpg);
}
#navigation li.contact {
background-image: url(../images/btn_contact_off.jpg);
}
/*-------------------END CODE FOR NAVIGATION---------------------END CODE FOR NAVIGATION-------------------END CODE FOR NAVIGATION---------------------*/
/*-------------------CODE FOR MAIN AREA---------------------CODE FOR MAIN AREA-------------------CODE FOR MAIN AREA---------------------*/
#mainArea {
width: 600px;
margin-top: 10px;
text-align: justify;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #333333;
float: left;
}
#mainArea a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #184975;
text-decoration: underline;
}
#mainArea a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #B31900;
text-decoration: underline;
}
#mainAreaWide {
width: 960px;
margin-top: 10px;
text-align: left;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #333333;
}
#mainAreaWide a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #184975;
text-decoration: underline;
}
#mainAreaWide a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #B31900;
text-decoration: underline;
}
/*-------------------END CODE FOR MAIN AREA---------------------END CODE FOR MAIN AREA-------------------END CODE FOR MAIN AREA---------------------*/
/*-------------------CODE FOR SIDEBAR---------------------CODE FOR SIDEBAR-------------------CODE FOR SIDEBAR---------------------*/
#sideBar {
width: 320px;
text-align: justify;
margin-top: 10px;
position: relative;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #333333;
padding-left: 21px;
border-left: 1px;
border-left-color: #CFD9E2;
border-left-style: solid;
}
#sideBar a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #184975;
text-decoration: none;
text-indent: -9000px;
}
#sideBar a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B31900;
text-decoration: none;
text-indent: -9000px;
}
#web #sideBar a, #video #sideBar a, #contact #sideBar a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #184975;
text-decoration: none;
}
#web #sideBar a:hover, #video #sideBar a:hover, #contact #sideBar a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #B31900;
text-decoration: none;
}
#web #sideBar a img {
border: 0;
margin-bottom: 0px;
}
#sideBar li.nolink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #184975;
}
/*-------------------END CODE FOR SIDEBAR---------------------END CODE FOR SIDEBAR-------------------END CODE FOR SIDEBAR---------------------*/
/*-------------------CODE FOR FEATURES---------------------CODE FOR FEATURES-------------------CODE FOR FEATURES---------------------*/
#sideBar ul {
list-style: none;
margin: 0;
padding: 0;
}
#sideBar ul.web li a {
background-image: none;
}
#sideBar ul.web a {
text-indent: 0;
}
#sideBar ul.web a:hover {
text-indent: 0;
}
#sideBar li.featuredWeb {
background-image: url(../images/btn_featured_web_off.jpg);
display: block;
width: 310px;
height: 150px;
margin-bottom: 15px;
}
#sideBar ul li.featuredWeb a {
background-image: url(../images/btn_featured_web_off.jpg);
display: block;
width: 310px;
height: 150px;
}
#sideBar ul li.featuredWeb a:hover {
background-image: url(../images/btn_featured_web_on.jpg);
display: block;
width: 310px;
height: 150px;
}
#sideBar li.featuredVideo {
background-image: url(../images/btn_featured_video_off.jpg);
display: block;
width: 310px;
height: 150px;
margin-bottom: 15px;
}
#sideBar ul li.featuredVideo a {
background-image: url(../images/btn_featured_video_off.jpg);
display: block;
width: 310px;
height: 150px;
}
#sideBar ul li.featuredVideo a:hover {
background-image: url(../images/btn_featured_video_on.jpg);
display: block;
width: 310px;
height: 150px;
}
#sideBar li.featuredPhoto {
background-image: url(../images/btn_featured_photo_off.jpg);
display: block;
width: 310px;
height: 150px;
margin-bottom: 15px;
}
#sideBar ul li.featuredPhoto a {
background-image: url(../images/btn_featured_photo_off.jpg) ;
display: block;
width: 310px;
height: 150px;
}
#sideBar ul li.featuredPhoto a:hover {
background-image: url(../images/btn_featured_photo_on.jpg);
display: block;
width: 310px;
height: 150px;
}
/*-------------------END CODE FOR FEATURES---------------------END CODE FOR FEATURES-------------------END CODE FOR FEATURES---------------------*/
/*-------------------CODE FOR PHOTOS OF THE WEEK---------------------CODE FOR PHOTOS OF THE WEEK-------------------CODE FOR PHOTOS OF THE WEEK---------------------*/
#photos ul, #web ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#photos li.inlineL, #photos li.inlineR, #web li.inlineL, #web li.inlineR {
display: inline;
}
#photos ul li a, #web ul li a {
text-decoration: none;
border-bottom: none;
}
#photos ul li a:hover, #web ul li a:hover {
text-decoration: none;
border-bottom: none;
}
#web #mainArea li.inlineL {
padding-right: 5px;
}
#photos ul.web li {
border-bottom: 1px;
border-bottom-color: #CFD9E2;
border-bottom-style: solid;
padding-top: 2px;
padding-bottom: 2px;
}
#photos ul li.on {
color: #B31900;
list-style: none;
}
#photos li a img {
border: 3px solid #afbbc0;
}
#photos li a:hover img {
border: 3px solid #184975;
}
/*-------------------END CODE FOR PHOTOS OF THE WEEK---------------------END CODE FOR PHOTOS OF THE WEEK-------------------END CODE FOR PHOTOS OF THE WEEK---------------------*/
/*-------------------CODE FOR WEB SECTION---------------------CODE FOR WEB SECTION-------------------CODE FOR WEB SECTION---------------------*/
#web .webImage a {
text-decoration: none;
border: 0;
}
#web a img.border {
border: 3px solid #afbbc0;
margin-bottom: 5px;
text-decoration: none;
}
#web a:hover img.border {
border: 3px solid #184975;
margin-bottom: 5px;
}
/*-------------------END CODE FOR WEB SECTION---------------------END CODE FOR WEB SECTION-------------------END CODE FOR WEB SECTION---------------------*/
/*-------------------CODE FOR RESUME---------------------CODE FOR RESUME-------------------CODE FOR RESUME---------------------*/
#resume p {
padding-bottom: 0;
margin-bottom: 0;
}
#resume table {
text-align: left;
width: 960px;
}
#resume td {
border-top: 1px solid #CFD9E2;
}
#resume th, #resume td {
padding: 10px;
}
#resume caption {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
text-align: left;
height: 20px;
width: 460px;
}
#resume caption a img {
margin: 0;
padding: 0;
border: 0;
}
#resume caption img {
margin: 0;
padding: 0;
border: 0;
}
#resume col#totalValueCol {
border: none;
}
#resume th {
font-weight: normal;
text-align: left;
}
.odd {
background-color: #E8F1F5;
}
#rtt {
position:relative;
left:40%;
font-size:10px;
}
/*-------------------END CODE FOR RESUME---------------------END CODE FOR RESUME-------------------ENDCODE FOR RESUME---------------------*/
/*-------------------CODE FOR FOOTER---------------------CODE FOR FOOTER-------------------CODE FOR FOOTER---------------------*/
#footer {
width: 960px;
height: 48px;
margin: 0 auto;
margin-bottom: 10px;
text-align: center;
position: relative;
background: url(../images/footer.png) no-repeat center bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #184975;
clear: both;
}
#footer ul {
text-align: center;
position: relative;
top: 17px;
}
#footer ul li {
display: inline;
margin-right: .75em;
}
#footer ul, #footer ul li {
list-style: none;
margin: 0;
padding: 0;
}
#footer li a {
padding: 5px 1.2em;
text-decoration: none;
color: #184975;
}
#footer li a:hover {
text-decoration: none;
color: #B31900;
}
/*-------------------END CODE FOR FOOTER---------------------END CODE FOR FOOTER-------------------END CODE FOR FOOTER---------------------*/