body {
padding:0px;
margin:0px;
background:url(/images/bg-body.jpg) top repeat-x #dcdfe4;
}

.bodyProjects { background-color:#cfd2c8; }

#nav, #content { min-width:690px; }

#nav { }

.block a {
float: left;
height: 100px;
background-color:#faf9f0;
position: relative;
display:block;
text-decoration:none;
background-position:0px 0px;
background-repeat:no-repeat;
}

.baseline {
height:10px;
position: absolute;
bottom: 0px;
width:100%;
}

#home a {
background-image:url(/images/nav-bg-home.jpg);
background-position:0px 0px;
min-width:190px;
width: 30%;
text-indent:-9999px;
border-bottom:10px solid #122547;
}

#home a:hover { background-position:0px -100px; }

#projects a, #projectsSelected a {
background-image:url(/images/nav-bg-projects.jpg);
background-position:0px 0px;
background-repeat:repeat-x;
color: #676f51;
min-width:55px;
width: 24%;
border-bottom:10px solid #41516c;
}

#projects a:hover  { background-position:0px -100px; color: #414b26; }
#projectsSelected a  { background-image:url(/images/nav-bg-projects-selected.jpg); color: #414b26; border-bottom:10px solid #676f51; }
#projectsSelected a:hover { color:#fff; }

#about a, #aboutSelected a {
background-image:url(/images/nav-bg-about.jpg);
background-position:0px 0px;
background-repeat:repeat-x;
color: #6f505e;
min-width:55px;
width: 23%;
border-bottom:10px solid #717c91;
}

#about a:hover { background-position:0px -100px; color: #4b2436; }
#aboutSelected a { background-image:url(/images/nav-bg-about-selected.jpg); color: #4b2436; border-bottom:10px solid #6f505e; }
#aboutSelected a:hover { color:#fff; }

#contact a, #contactSelected a {
background-image:url(/images/nav-bg-contact.jpg);
background-position:0px 0px;
background-repeat:repeat-x;
color: #72654a;
min-width:55px;
width: 23%;
border-bottom:10px solid #949dac;
}

#contact a:hover { background-position:0px -100px; color: #51411f; }
#contactSelected a { background-image:url(/images/nav-bg-contact-selected.jpg); color: #51411f; border-bottom:10px solid #72654a; }
#contactSelected a:hover { color:#fff; }

.title {
font-size: 21px;
font-family:"Book Antiqua", "Times New Roman", serif;
position: absolute;
bottom: -4px;
left: 11px;
}

.capital { font-size: 30px; }


#leftMenu {
width: 30%;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(/images/bg-shadow-content.jpg) repeat-x top #dcdfe4;
color:#122547;
}

#leftMenu h2 {
font-size:21px;
font-family:"Book Antiqua", "Times New Roman", serif;
padding:0px 0px 0px 25px;
margin:10px 0px;
}

#leftMenu ul {
list-style-type:none;
margin:0px;
padding:10px 0px 0px 25px;
}

#leftMenu li {
padding: 1px 0px 3px;
}

#leftMenu a {
text-decoration:none;
color:#122547;
}

#leftMenu a img {
border:1px solid #717c90;
padding:2px;
margin: 1px 0px 0px;
}

#leftMenu a img:hover { background-color: #bec3cc; }

#leftMenu .section {
font-size:16px;
font-family:"Book Antiqua", "Times New Roman", serif;
padding: 0px 0px 0px 25px;
}

#leftMenu #sectionMore { 
font-size:12px; 
padding: 0px; 
}

#leftMenu #sectionSub {
background-color:#d4d8de; 
}

#leftMenu #sectionSub ul {
padding:1px 0px 0px 30px;
font-size:10px;
}

#leftMenu #sectionMain ul {
padding:0px 15px 0px 30px;
}

#leftMenu #sectionMain li {
padding:0px;
margin:0px;
}

#leftMenu #sectionMain a {
font-size:11px;
line-height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
padding:2px 0px 2px;
}

#leftMenu #sectionMain a:hover {
color:#41506b;
}

#leftMenu .options { 
padding:10px 0px 10px 30px;
background-image:url(/images/bg-left-options.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#leftMenu .optionsTop { 
padding:0px 0px 10px 30px;
}

#leftMenu .options a:hover, #leftMenu #sectionSub a:hover, #leftMenu .section a:hover, #leftMenu .optionsTop a:hover, #leftMenu #map_canvas a:hover { color:#41506b; }

#leftMenu .selected {
border-top:1px dashed #bec3cc; 
border-bottom:1px dashed #bec3cc; 
background-color:#d4d8de;
padding-right:8px;
}

#leftMenu .selected a {
font-size:11px;
font-weight:bold;
}

#leftMenu .selected #thumbs { padding:2px 0px 0px 5px; }
#leftMenu .selected .small { padding:0px 0px 15px 5px; }
#leftMenu .selected .small a { font-size:9px; font-weight:normal; }

#leftMenu .selectedAbout { font-weight:bold; }

#leftMenu #map_canvas {
margin:15px 0px 0px 22px; 
width:85%; 
height:300px;
border:1px solid #717c90;
}

#leftMenu #map_canvas a {
line-height:20px;
text-decoration:underline;
}

#leftMenu p {
padding: 5px 10px 5px 20px;
margin: 0px;
line-height:15px;
font-size:11px;
text-align:justify;
}





#content {
clear:both;
width:100%;
background:url(/images/bg-shadow-content.jpg) repeat-x top #d7dadf;
}

#homeContentPic {
height:430px;
}



#contentText {
margin-left:30%;
height: 100%;
padding: 10px 15px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#222;
}

#contentText p { margin:0px; padding:5px 0px; }

#contentText h2 {
font-size:22px;
font-family:"Book Antiqua", "Times New Roman", serif;
margin: 20px 0px 10px;
}

#contentText h3 {
font-size:16px;
font-family:"Book Antiqua", "Times New Roman", serif;
margin: 15px 0px 5px;
}

#contentText img {
padding: 3px;
}

#contentText ul {
margin:5px 0px 5px 20px;
padding:0px;
list-style-type:circle;
}

#contentText #breadcrumb a { text-decoration:none; }

.contentHome img { background-color:#c9ced5; border:1px solid #40516b; margin: 10px 0px 10px 0px; }

.contentProjects { background:url(/images/bg-shadow-content-projects.jpg) top repeat-x #cfd2c8; }
.contentProjects h2 { color: #414b26; }
.contentProjects img { background-color:#b6baac; border:1px solid #676f51; margin: 0px 0px 10px 0px; }
.contentProjects a {
color: #414b26;
text-decoration:none;
border-bottom:1px solid #414b26;
}
.contentProjects #breadcrumb, .contentProjects #breadcrumb a { color: #414b26; border-bottom:none; }


.contentAbout { background:url(/images/bg-shadow-content-about.jpg) top repeat-x #d2c7cd; }
.contentAbout h2, .contentAbout h3 { color: #4b2436; }
.contentAbout img { background-color:#b7a7af; border:1px solid #6f505e; margin: 7px; }
.contentAbout a {
color: #4b2436;
text-decoration:none;
border-bottom:1px solid #414b26;
}
.contentAbout #breadcrumb, .contentAbout #breadcrumb a { color: #4b2436; border-bottom:none; }

.contentAbout .media {
background-color:#b7a7af; 
border:1px solid #6f505e;
padding: 4px;
margin:7px;
}

#contentText .recogImg {font-weight:bold;}
#contentText .recogImg img {margin: 2px;}
#contentText .recogImg a {border-bottom:none;}

.contentContact { background:url(/images/bg-shadow-content-contact.jpg) top repeat-x #d4d0c7; }
.contentContact h2 { color: #51411f; }
.contentContact img { background-color:#b9b3a5; border:1px solid #74674c; }
.contentContact a {
color: #51411f;
text-decoration:none;
border-bottom:1px solid #51411f;
}
.contentContact #breadcrumb, .contentContact #breadcrumb a { color: #51411f; border-bottom:none; }





#togglePic {
float:right;
padding: 24px 0px 0px 0px;
}

#togglePic a {
font-size:9px;
border-bottom:none;
}






#contactForm p {
background-color:#e6e3de;
width:325px;
margin: 5px 0px;
padding: 5px;
border:solid 1px #b8b2a4;
}

#contactForm {
padding:0px 0px 10px 0px;
}

#contactForm #submitButton {
margin:0px 20px 0px 0px;
}

#contactForm #contactFormSubmit {
text-align:center;
}

input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}




#footer {
clear:both;
background-color:#122547;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#ededed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height: 115px;
background-image:url(/images/bg-shadow-footer.jpg);
background-position:top;
background-repeat:repeat-x;
line-height:18px;
}

#footer .sectionSpace { width: 12%; float:left; }

#footer .section { width: 27%; float:left; }

#footer .center { padding:10px 0px 0px 25px; width: 25%; }
#footer .left { padding:10px 0px 0px 0px; }
#footer .right li { padding:10px 0px 0px 0px; }
#footer .right ul { padding:7px 0px 0px 0px; }

#footer ul {
list-style-type:none;
padding:13px 0px 5px;
margin:0px;
}

#footer li {
padding: 0px 0px;
}

#footer a {
color:#ededed;
text-decoration:none;
}

#footer a:hover {
color:#fff;
}


.floatRight {
float: right;
}