/* CSS Document */

/*----------------- Copyright 2009 Goicoechea Law----*/

*{
margin: 0px;
padding: 0px;
}

body{
background-color: #6f7996;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

#Container{
width: 800px;
margin: auto;
}

#BannerContainer{
height: 240px;
background: url(../images/Banner.jpg) bottom left no-repeat;
}

#ContentContainer{
width: 100%;
height: 400px;
background: url(../images/ContentBackground.gif) top left repeat-y;
}

* #ContentContainer{
width: 100%;
min-height: 400px;
overflow: visible;
}

#MainContentContainer{
padding: 0px;
margin: 0px;
background: url(../images/MainContentBottom.gif) bottom left no-repeat;
vertical-align: top;
}

#MainContentContainer p{
margin: 10px 15px;
}

#MainContentContainer a:link, #MainContentContainer a:visited{
color: #072c95;
text-decoration: underline;
}

#MainContentContainer a:hover, #MainContentContainer a:hover{
color: #c4930f;
text-decoration: underline;
}



/*---------------Editable Content----------*/

p strong{
font size: 14px;
color: #072c95;
}

/*.Indent{
margin-left: 50px;
}*/

.bioContainer{
padding: 20px 10px 20px 0px;
clear:both;
}

.bioContainer img{
border: 2px solid #c4930f; 
float:left;
margin-right: 10px;
}

.espanolList{
margin: 10px 15px 10px 15px;
font-weight: bold;
text-align: left;
}

.espanolList li{
font-weight: normal;
}

.espanolList2{
margin: 10px 0px 10px 30px;
text-align: left;
}

.espanolContact{
background: #e8e9ec;
float: right; 
width: 300px; 
height: 310px;
margin: 10px 15px 10px 10px;
}

.espanolContact h2{
margin: 0px;
}

.espanolOffices p{
padding: 0px 10px 10px 10px;
}

.Offices{
margin: 0px 15px;
}

.Offices td{
padding: 10px 0px 20px 0px;
}

.Offices img{
border: 2px solid #c4930f; 
}

/*---------------Navigation------------*/

#NavContainer{
width: 228px;
background: url(../images/NavBottom.gif) bottom right no-repeat;
padding: 0px;
margin: 0px;
vertical-align: top;
}

#NavContainer ul{
list-style: none;
margin-top:10px;
}

#NavContainer ul li{
margin:10px 0px;
}

.home a:link, .home a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/home.gif) top left no-repeat;
}

.home a:hover, .home a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/home_over.gif) top left no-repeat;
}

.about a:link, .about a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/about.gif) top left no-repeat;
}

.about a:hover, .about a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/about_over.gif) top left no-repeat;
}

.contact a:link, .contact a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/contact.gif) top left no-repeat;
}

.contact a:hover, .contact a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/contact_over.gif) top left no-repeat;
}

.espanol a:link, .espanol a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/espanol.gif) top left no-repeat;
}

.espanol a:hover, .espanol a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/espanol_over.gif) top left no-repeat;
}

.offices a:link, .offices a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/offices.gif) top left no-repeat;
}

.offices a:hover, .offices a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/offices_over.gif) top left no-repeat;
}

.faq a:link, .faq a:visited{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/faq.gif) top left no-repeat;
}

.faq a:hover, .faq a:active{
width: 228px;
height: 24px;
text-decoration: none;
display: block;
background: url(../images/Navigation/faq_over.gif) top left no-repeat;
}


/*---------------Titles--------------------*/

.subTitle{
color: #072c95; 
font-size: 17px;
font-weight: bold;
}

.EspanolTitles{
color: #072c95; 
font-size: 17px;
font-weight: bold;
text-transform: capitalize;
}

h2{
font-size: 17px;
background-color: #5b6991;
border-bottom: 1px solid #c4930f;
padding: 3px;
color: #ffffff;
margin: 0px 15px;
}

h1{
display: none;
}

.welcomeh1{
width: 220px;
height: 47px;
background: url(../images/Titles/welcomeh1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
}

.abouth1{
width: 220px;
height: 47px;
background: url(../images/Titles/abouth1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
}

.contact1{
width: 270px;
height: 47px;
background: url(../images/Titles/contacth1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
}

.espanolh1{
width: 270px;
height: 47px;
background: url(../images/Titles/espanolh1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
float: left;
}

.officesh1{
width: 270px;
height: 47px;
background: url(../images/Titles/officesh1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
}

.faqh1{
width: 270px;
height: 47px;
background: url(../images/Titles/faqh1.gif) top left no-repeat;
margin: 10px 0px 0px 15px;
}

/*-----------------Footer------------------------*/

#FooterContainer{
background: url(../images/Footerbackground.gif) top left no-repeat;
height: 40px;
font-size: 10px;
}

#CopyrightContainer{
color: #4d5468;
width: 251px;
float: left;
margin: 17px 0px 0px 15px;;
}

#CopyrightContainer a:link, #CopyrightContainer a:visited{
color: #4d5468;
text-decoration: none;
}

#CopyrightContainer a:hover, #CopyrightContainer a:active{
color: #4d5468;
text-decoration: underline;
}

#SubNav{
color: #4d5468;
width: 345px;
float: right;
margin-top: 17px;
}

#SubNav a:link, #SubNav a:visited{
color: #4d5468;
text-decoration: none;
}

#SubNav a:active, #SubNav a:hover{
color: #4d5468;
text-decoration: underline;
}

/*--------------------------------------------------*/

#extra1{
background: url(../images/EagleWing.jpg) top left no-repeat;
height: 217px;
width: 53px;
position: absolute;
top: 6px;
margin-left: -52px;
}
