body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #797266;
	background-color: #797266;
}
img.left, img.right, img.side {
	border: 5px solid #FFFFFF;
	margin-bottom: 15px;
}
img.left {
	float: left;
	margin-right: 15px;
}
img.right {
	margin-left: 15px;
}



a{ 	/* this is the global style. 
	this style effetcs all links, but don't be afraid to change it as you see fit.  
	just keep in mind that your updates will cascade to the other links */
	text-decoration: none;
	font-weight: bold;
	color: #006579;
}
a:hover{
	color: #7fb2bc;
}

p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
}
h1, h2, h3, h4, h5 {
	font-size: 1em;
	line-height: 1em;
	color: #352f24;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

h6 {
	font-size: 1em;
	line-height: 1em;
	color: #ba3600;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

/*strong {
	color: #352f24;
}*/

b {
	color: #352f24;
}

h2{
	font-size: 2em;
	padding-bottom: 20px;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.2em;
}
h6{
	font-size: 1.3em;
}
h3.box-title, h4.box-title {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dddac3;
}
.large-text {
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.1em;
}


.hide{
	display: none;
}
.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 2px;
}
.container-top, .container-body, .container-foot {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.padding{
	padding-right: 65px;
	padding-left: 65px;
}
.container-top{
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	height: 210px;
}
.container-top .padding{
	padding-top: 55px;
}
.container-top .logo{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	height: 122px;
	width: 240px;
}
.global-nav{
	float: left;
	width: 550px;
	margin-left: 20px;
}
.global-nav ul{
	padding: 0px;
	list-style-type: none;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.global-nav ul li{
	display: inline;
}
.global-nav a{
	font-weight: bold;
	
	display: block;
	padding: 5px;
	float: left;
	color: #423b2d;
	text-decoration: none;
	margin-left: 5px;
}
.global-nav a:hover{
	color: #ba3600;
}
.global-nav a.current{
	background-color: #ba3600;
	color: #FFFFFF;
}
.container-banner {
	height: 220px;
	color: #a29e8c;
	font-size: 1.2em;
	background-image: url(../images/home-banner-bg.jpg);
	background-repeat: repeat-x;
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	line-height: 1.3em;
	
}
.container-banner a { /* this controls the link within the banner area of the home page */
	color: #BA3600;
}
.container-banner a:hover {
	color: #FFFFFF;
}

.container-banner h3 {
	color: #FFFFFF;
	font-size: 2.2em;
	font-weight: normal;
	padding-top: 15px;
}
.container-banner img {
	float: left;
	margin-right: 30px;
}
.container-banner .padding {
}


.container-body{
	background-image: url(../images/page-body-bg.jpg);
	background-repeat: repeat-y;
}
.home-column {
	float: left;
	width: 410px;
}

.container-body .main-content{
	float: left;
	width: 560px;
}
.container-body .side-content{
	float: left;
	width: 240px;
	margin-left: 30px;
}
.side-content a {
	color: #669933;
}
.side-content a:hover {
	color: #b2cc99;
}

.page-flip  { /* apply the "page-flip" class to a DIV to get the raised bottom corner effect. */
	background-image: url(../images/sidebar-page-flip.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 50px;
	padding-right: 20px;
	padding-left: 23px;
	margin-bottom: 20px;
}
.page-flip-home {
	margin-bottom: 0px;
}
ul.line, ul.side-nav, ul.foot {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.line    li  { /* apply the "line" class to a UL to remove the indent from your lists and add a line under each item */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddac3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.main-content ul, .main-content ol {
	margin-top: 0px;
	margin-bottom: 1.75em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 2em;
	padding-left: 2em;
	margin-right: 2em;
	margin-left: 2em;
}

.main-content ul li, .main-content ol li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDAC3;
	padding-bottom: .75em;
	margin-bottom: .75em;
}

.news-date {
	float: left;
	text-align: center;
	color: #352f24;
	display: block;
	width: 40px;
}
.news-date .month {
	font-weight: bold;
	text-transform: uppercase;
}
.news-date  .day {
	font-size: 1.75em;
	font-weight: bold;
	color: #BA3600;
}
.news-date .year {
	font-size: .9em;
}
.news-item {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDAC3;
	float: left;
	margin-left: 12px;
	padding-left: 12px;
	width: 300px;
}

ul.resources li, ul.side-nav li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDAC3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.side-nav li{
	margin-bottom: 6px;
	padding-bottom: 6px;
}



ul.side-nav li a{ /* this is the sidebar sub navigation link style. */
	color: #BA3600;
	display: block;
	background-image: url(../images/sidebar-nav-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0em .5em;
	padding-left: 12px;
	
}
ul.side-nav li a:hover{
	color: #dc9a7f;
}

.container-foot{
	background-image: url(../images/page-foot-bg.jpg);
	background-repeat: no-repeat;
	color: #423b2d;
	font-size: .9em;
	line-height: 1.4em;
}
.container-foot h3{
	padding-bottom: .25em;
	font-size: 1.75em;
}
.container-foot a{ /* this is style that controls all footer links. */
	color: #352F24;
}
.container-foot a:hover{
	color: #DDDAC3;
}
ul.foot{
	padding-bottom: .5em;
}
ul.foot li{
	display: inline;
	margin-right: 15px;
}

.container-foot p{
	padding-bottom: .5em;
}

.container-foot .padding {
	padding-top: 92px;
	padding-bottom: 20px;
}
.container-foot .info {
	float: left;
	width: 300px;
}
.container-foot .links{
	width: 510px;
	margin-left: 20px;
	float: left;
}
form.contact {
	margin: 0px;
	padding: 0px;
}


form.contact fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form.contact div.clear {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #DDDAC3;
	margin-bottom: 3px;
}

form.contact  label {
	text-align: right;
	float: left;
	width: 125px;
}
form.contact    .element      {
	margin-left: 5px;
	border: 1px solid #DDDAC3;
	float: left;
	width: 320px;
	color: #797266;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



form.contact  .large {
	width: 300px;
}
form.contact .button {
	font-weight: bold;
	color: #006579;
	background-color: #F2F2EA;
	padding: 5px;
	margin-left: 130px;
	border: 1px solid #DDDAC3;
	float: left;
}
form.contact .button2 {
	font-weight: bold;
	color: #006579;
	background-color: #F2F2EA;
	padding: 5px;
	margin-left: 90px;
	border: 1px solid #DDDAC3;
	float: left;
}
form.contact .button:hover {
	background-color: #FFFFFF;	
}

form.contact .button2:hover {
	background-color: #FFFFFF;
}
	
.alert {
	font-size: .9em;
	font-style: italic;
	color: #BA3600;
}

/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 1.1em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(http://www.jacquelinepadao.com.br/assets/images/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tabladoandaluz.com.br/images/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/