/*
  AUTHOR: 			David Panzarella
  WEBSITE:  		http://www.paulorfalea.com/
  Text to keep the file size over 8,192k - DW Bug
*/ 

/*-------------------- Basic Elements ---------------------------*/
@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/nav.css";
@import "lib/forms.css";
@import "lib/blog.css";
@import "lib/sprytabbedpanels.css";
@import "lib/calendar.css";

/* GENERAL **********************************************************************************/		
body { text-align: center; color: #384C60; background: #C4C4C5 url(../images/bkgs/bkg.png) repeat-x; }

a { text-decoration: none; color: #FF8040; }

a:hover { text-decoration: underline; color: #FF8040; }

.float-left { float: left; line-height: 0; }

.float-right { float: right; line-height: 0; }

.clear { clear: both; }

img { border: 0px; }

img.imageRight { float: right; margin: 5px 5px 5px 15px; }

img.imageRightWBorder { float: right; margin: 5px 0 5px 15px; border: 1.5px solid #333333; }

img.imageLeftWBorder { float: left; margin: 5px 15px 5px 0; border: 1.5px solid #333333; }

img.imageLeft { float: left; margin: 5px 15px 5px 0px; }

#wrapper { position: relative; width: 800px; margin: 0px auto; padding: 0px; text-align: left; }

/* HEADER **********************************************************************************/		
#header { position: relative; background-color: #F2F3F3; height: 130px; float: left; width: 100%; }

* html #header { height:107px; overflow:hidden }

#leftHead { position: relative; float: left; height: 107px; display: inline; }

#logo { position: relative; float: left; width:400px; margin-top:20px; }

/* BANNER  *******************************************************************************/		
#banner { position: relative; float: left; background: #F2F3F3 url(../images/bkgs/bkg_banner.png) repeat-x left top; height:175px; border-left: 1px solid #666666; border-right: 1px solid #666666; }

/* CONTENT *******************************************************************************/		
#contentWrapper { position: relative; float: left; border-left:1px solid #666666; border-right:1px solid #666666; border-bottom:1px solid #666666; background-color: #FFFFFF; width: 798px; height: 100%; }

#contentMainWrapper { float: left; position: relative; border-top:1px solid #666666; background: #FFFFFF url(../images/bkgs/bg_content_sidebar.png) repeat-y top left; width:100%; }

/* HOME CONTENT **************************************************************************/		
#homeBlogArea { float: left; background: #ffffff url(../images/bkgs/bkg_home_blog.png) no-repeat top left; width: 402px; height: 178px; font-size: 1.35em; padding-top: 40px; }

#homeBlogArea p { margin: 10px 43px; line-height: 1.2em; }

#homeBlogArea .blogDate { color: #CCCCCC; text-transform: capitalize; }

#homeBlogArea .blogHeader a { font-style: italic; font-weight: bold; text-transform: capitalize; color: #FF9900; }

#homeBlogArea .blogHeader a:hover { text-decoration: underline; }

/* CONTENT MAIN ********************************************************************************/
#contentMain { float: left; position: relative; font-size: 1em; margin: 10px 0 20px 20px; width: 560px; }

#contentMain #breadCrumb { position:relative; float:left; color:#19222B; font-size: 1.3em; font-weight: bold; margin-bottom: 30px; width: 100%; height:100%; }

#contentMain #subSectionWrapper { background: #F2F3F3 url(../images/bkgs/bg_contentSection_gradient.png) repeat-x bottom left; border: 1px solid #CCCCCC; color: #333333; text-decoration: none; display: block; margin: 20px; }

#contentMain #subSectionBox { background: transparent url(../images/icons/icon_bullet_orangeBlue.gif) no-repeat 5px 12px; padding: 5px 20px 10px 20px; }

/* CONTENT MAIN ********************************************************************************/
#contentBody h2 { clear: both; background: url(../images/bkgs/bg_h2_underline.png) repeat-x left bottom; font-weight: bold; height: 27px; width: 99%;}

#contentBody h3 { clear: both; padding: 10px 5px 10px 0px; }

#contentBody ul { font-size: 1.2em; margin: 10px 30px; }

#contentBody li { list-style: square; padding-bottom: 5px; line-height: 1.5em; color: #666666; }

#contentbody div.tmtPanel ul li { padding: 0px; list-style:none; }

#contentBody li a { font-size: 1.2em; display:block; }

#contentBody img.alignLeft { float: left; margin: 10px; border: 1px solid #333333; }

#contentBody img.alignRight { float: right; margin: 10px; border: 1px solid #333333; }

#contentBody ol li { padding: 10px; margin-left: 35px; }

#columnWrapper { clear: both; position:relative; padding: 20px 0; border-top: 1px solid #CCCCCC; overflow:auto; width: 100%; }

#columnLeft { position:relative; float: left; width: 140px; padding: 0 15px; }

#columnLeft ul { margin: 0px; }

#columnLeft li { list-style: none; }

#columnRight { position:relative; float: right; vertical-align: top; width: 380px; overflow: auto; }

#columnRight p { padding:5px 0 0 0; }

/* FOOTER ****************************************************************************************************************/
#footer { position: relative; float: left; margin: 10px auto; padding-bottom: 20px; width: 800px; font-size:1.1em; }

#footer a { font-size:1.1em; text-decoration: none; color: #384C60; }

#footer a:hover { text-decoration: underline; }

#footer ul { text-align: center; border-bottom: 1px solid #384C60; margin-bottom: 7px; padding-bottom: 7px; }

#footer li { display: inline; padding: 0em 0.5em; border-right: 1px solid #384C60; color: #384C60; }

#footer li.last { border-right: none; }

#footerCopy { float: left; }

#footerSiteBy { float: right; }

/* MISC CLASSES ***************************************** ********************************************************************************/
table.cfdebug { clear:both; table-layout: fixed; text-align:left; }