/* GENERAL CSS RESET STYLES */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; 	outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 20px; color: black; background-color: white; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
ol, ul { 	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */

 a { outline: 0px none;}
 a:link { outline: 0px none; }  
 a:visited{  outline: 0px none; }  
 a:active  { outline: 0px none; }
 a:hover { outline: 0px none;  }  

/* H1 -> H2 Tags */
 h1 { font-size: 30px; font-weight: normal; }  
 h2 { font-size: 24px; font-weight: normal; }  
 h3 { font-size: 18px; font-weight: normal; }  
 h4 { font-size: 12px;  font-weight: normal; }  
 h5 { font-size: 11px; font-weight: normal; }  
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; }
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */

/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix:after { content: " ";  clear: both;  height: 0px; padding: 0px; margin: 0px; display: block; visibility: hidden; }
.clearfix { zoom: 1;}
.clear, #pageWrap .clear { float: none; clear: both; overflow: hidden; height: 0px; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION  == ACTUAL CSS FILE HERE */



/* smallest size at the top, largest at the top */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/

@font-face {
    font-family: 'Lucida';
    src: url('./../fonts/lcallig-webfont.eot');
    src: url('./../fonts/lcallig-webfont.eot?#iefix') format('embedded-opentype'),
         url('./../fonts/lcallig-webfont.woff') format('woff'),
         url('./../fonts/lcallig-webfont.ttf') format('truetype'),
         url('./../fonts/lcallig-webfont.svg#LucidaCalligraphyItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Border Style  -> ALL PAGES UNDER THIS 
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/	

/* ========================= PAGE CSS ========================= */

/* ================== CONTENT ============== 
	
	1) GENERAL CSS
	2) Homepage Specific CSS
	3) SubPage Specific CSS 

*/

/* ============== General CSS =================== */	

.pageContent { width: 900px; margin: 0px auto;}
.sideBar { background-image: url("./../images/background-sidebar-bg.png"); background-repeat: repeat-y; background-position: left top; padding: 25px 15px; width: 287px; float: left;}
.sideBar h1 { font-size: 22px; line-height: 28px; text-align: center; font-family: Lucida, Arial, Helvetica; color: #fffea2; margin-bottom: 15px;}
.sideBar h2 { font-size: 20px; line-height: 24px; text-align: center; font-family: Lucida, Arial, Helvetica; color: #fffea2; margin-bottom: 5px;}
.sideBar h3 { font-size: 16px; line-height: 20px; text-align: center; font-family: Lucida, Arial, Helvetica; color: #fffea2; margin-bottom: 40px;}
.sideBar ul { padding-left: 60px;}
.sideBar ul li { padding: 3px 0px;}
.sideBar ul li a { font-size: 22px; color: #f8faf1; font-family: Times New Roman, Arial, Helvetica; display: block; text-decoration: none; line-height: 24px;}
.sideBar ul li a:hover { text-decoration: underline;}
.sideBar .copyright { margin: 20px 15px 0px 15px; padding-top: 20px; background-image: url("./../images/sidebar-sep.png"); background-repeat: repeat-x; background-position: left top;}
.sideBar .copyright p { line-height: 22px; text-align: center; color: #fff; }
.sideBar .copyright p a { color: #fff;}

.mainContent { background-image: url("./../images/background-main-content-center.png"); background-repeat: repeat-y; background-position: left top; float: right; width: 574px; margin: 8px 0px; }
.mainContent .special { padding-right: 175px;}
.mcTop { background-image: url("./../images/background-main-content-top.png"); background-repeat: no-repeat; background-position: left top;}
.mcBot { background-image: url("./../images/background-main-content-bottom.png"); background-repeat: no-repeat; background-position: left bottom; padding: 25px 25px 180px 25px; position: relative; } 
img.leaves { position: absolute; top: 0px; right: -7px; z-index: 1;}
.mainContent  * { margin-top: 15px;}
.mainContent *:first-child { margin-top: 0px;}
.mainContent br  { margin: 0px; }
.mainContent h1 { position: relative; z-index: 2;  font-size: 26px; line-height: 32px; text-align: center; font-family: Lucida, Arial, Helvetica; color: #628006; margin-bottom: 15px;}
.mainContent h2 { font-size: 16px; line-height: 18px; font-weight: bold; font-family: Lucida, Arial, Helvetica;}
.mainContent img.alignCenter { display: block; margin-left: auto; margin-right: auto;}
.mainContent ul { padding-left: 25px; list-style-type: disc; list-style-position: outside; }
.mainContent ul li  { margin-top: 5px;}
.mainContent .alignCenter { text-align: center;}
span.u { text-decoration: underline;}

.mcBot .contactDiv { width: 200px; margin: 150px auto 0px;}
.contactDiv p { font-size: 18px; line-height: 22px; font-family: Times New Roman;}
.contactDiv h2 { font-size: 24px ;line-height: 28px; font-family: Times New Roman;}