/*

Theme Name: LegalBlueandWood_TUCKERS

Theme URI: http://www.xyclopsoft.com

Description: Legal Blue & Wood customized for Tucker's Crossing by http://www.xyclopsoft.com

Version: 1.0

Author: http://www.xyclopsoft.com

Author URI: http://www.xyclopsoft.com

Tags: fixed width, left sidebar, two columns, valid XHTML, widgets

*/





@charset "utf-8";

body  {

	font: 100% Calibri, Arial, Helvetica, sans-serif;

	background: #ffffff;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

.twoColFixLtHdr #container { 

font: 100% Calibri, Arial, Helvetica, sans-serif;

	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #CCCCCC;

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

.twoColFixLtHdr #header { 

	background: #ffffff;

	background-image:url(images/Header.jpg);

	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

	height:145px;

} 

.twoColFixLtHdr #header h1 {

font: 100% Calibri, Arial, Helvetica, sans-serif;

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}



.twoColFixLtHdr #topnav {

font: 100% Calibri, Arial, Helvetica, sans-serif;

display:block;

height:35px;

width:900px;

background:url(images/nav.png);



}



.twoColFixLtHdr #topnav a{

height:35px;

display:block;

padding-left:20px;

padding-right:20px;

padding-top:8px;



float:left;

text-align:center;

text-decoration:none;

color:#ffffff;

}



.twoColFixLtHdr #topnav a:hover{

background:url(images/menuitem-hover.png) repeat-x;

color:#000000;

}



.twoColFixLtHdr #topnav a.active{

background:url(images/menuitem-active.png) repeat-x;

color:#000000;

}



.twoColFixLtHdr #sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 0px 5px 15px 10px;

}



.twoColFixLtHdr #sidebar1 .sidebaritem{

background:#99CCCC url(images/sidebaritem-bottom.png) no-repeat bottom;
padding-bottom:10px;

}



.twoColFixLtHdr #sidebar1 .sidebaritem .sidebarheader{

color:#ffffff;

background:url(images/sidebarheader.png);

height:60px;

width:240px;

display:block;

margin:0;
text-align:center;

font-size: 24px;

}

.twoColFixLtHdr #sidebar1 .sidebaritem .sidebarheader h1{
height:40px;
width:240px;
display:block;

padding-top:5px;
text-align:center;

font-size: 24px;

}

.twoColFixLtHdr #sidebar1 .sidebarspacer{

background:#ffffff;

height:20px;

width:240px;

display:block;

}



.twoColFixLtHdr #sidebar1 ul{

list-style-image:url(images/BlockContentBullets.png);

}



.twoColFixLtHdr #sidebar1 a{

color:#000000;

text-decoration:underline;

}







.twoColFixLtHdr #mainContent { 

	margin: 0 0 0 280px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 


.twoColFixLtHdr #mainContactFormv2-topspacer{
display:block;
height:80px;
width:900px;
background: url(images/topspacer.png) repeat-x top;
}

.twoColFixLtHdr #mainContactFormv2-btmspacer{
display:block;
height:30px;
width:900px;
background: url(images/btmspacer.png) repeat-x top;
}

.twoColFixLtHdr #mainContactFormv2 { 

height:280px;

width:900px;

margin-top:0;

background:url(images/contactform-bg-v2.png) no-repeat top;

display:block;

}



.twoColFixLtHdr #mainContactFormAreav2 { 

height:270px;

width:480px;

margin-left:420px;

/*ff2 hack*/

display:-moz-inline-box;

display:inline-block;

text-align:center;

padding: 0 10px 0 10px;

}





.twoColFixLtHdr #mainContactFormAreav2 table tr td{ 

padding:5px;

vertical-align:top;

text-align:left;

}



.twoColFixLtHdr #mainContactFormAreav2 table tr{ 

vertical-align:top;

}

.twoColFixLtHdr #mainContactFormAreav2 table{ 

margin-top:10px;

}



/*
.twoColFixLtHdr #mainContactForm { 

height:500px;

width:500px;

margin-top:0;

background:url(images/contactform-bg.png) no-repeat top;

display:block;

}



.twoColFixLtHdr #mainContactFormArea { 

height:270px;

width:500px;

margin-top:230px;

//ff2 hack//

display:-moz-inline-box;

display:inline-block;

text-align:center;

padding: 0 10px 0 10px;

}





.twoColFixLtHdr #mainContactFormArea table tr td{ 

padding:7px;

vertical-align:top;

text-align:left;

}



.twoColFixLtHdr #mainContactFormArea table tr{ 

vertical-align:top;

}
*/


.twoColFixLtHdr #footer { 

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#cccccc url(images/footer-bg.png) repeat-x top;

	text-align:center;

	border: 1px solid #CCCCCC; 

font-size:12px

} 

.twoColFixLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.smallcaps{

font-size:9px;

font-variant:small-caps;

}



.article-head{

width:580px;

min-height:48px;

display:block;

background:#99CCCC url(images/article-header-bg.png) left repeat-y;

border: 1px solid #CCCCCC;

margin-top:10px;

}



.article-head a{

text-decoration:none;

}



.article-head h2{

font-size:24px;

margin-left:55px;

}

.article-head-icon{

	width:48px;

	height:48px;

	background-image:url(images/scalebutton48x48.png);

	display:block;

	float:left;

}



.article-footer{

	width:580px;

	height:20px;

	background:url(images/nav.png);

	margin-bottom:10px;

        

}



ul{

list-style-image:url(images/PostBullets.png);

}



a{

color:#000000;

text-decoration:underline;

}



.smallcredits{

margin-top:20px;

font: 100% Calibri, Arial, Helvetica, sans-serif;

font-size:10px;

color:#bababa;

text-align:center;

visibility:hidden;

}



.smallcredits a{

color:#ababab;

text-decoration:none;

}



.smallcredits a:link{

color:#ababab;

text-decoration:none;

}



.smallcredits a:visited{

color:#ababab;

text-decoration:none;

}



.smallcredits a:hover{

color:#ff6600;

text-decoration:none;

}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
text-align:center;
}
#popUpDiv {
position:absolute;
background:#eeeeee url(images/logo.png) bottom right no-repeat;
width:300px;
height:300px;
z-index: 9002;
top: 50px;
left:50%;
margin-left:-150px;
padding: 10px 15px;
font: 100% Calibri, Arial, Helvetica, sans-serif;

}

span.tooltip {
    	position: relative;
		text-decoration: none;
}

    span.tooltip a span {
    	display: none;
		text-decoration: none;
}



span.tooltip a:hover {
    	font-size: 99%;
    	font-color: #000000;
		text-decoration: none;
}

span.tooltip a:hover span { 
    display: block; 
    	position: absolute; 
    	margin-top: 10px; 
    	margin-left: 10px; 
	    width: 175px; padding: 5px; 
    	z-index: 100; 
    	color: #000000; 
    	background: #FFFFAA; 
    	font: 12px "Arial", sans-serif;
    	text-align: left; 
    	text-decoration: none;
}