/* IMAGEMAKERS MAIN STYLESHEET APRIL 2009 ROGER SMITH */


* {padding: 0;margin: 0;}

body {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: #351e02;
}

/*****************TYPOGRAPHY*********************/

h1, h2, h3 {
font-family: Georgia, 'Franklin Gothic Medium', 'Times New Roman', Helvetica, serif;
font-weight: normal;
}

h1 {font-size: 2.5em;letter-spacing: .2em;}

h2 {font-size: 1.25em;letter-spacing: .1em;}

h3 {font-size: .9em;letter-spacing: 0em;}

#footer p, #keywordSearch p {font-size: .70em;}

p, legend, td,  li{
font-size: .80em;
font-weight: normal;
letter-spacing: .035em;
line-height: 1.7em;
}

h4 {font-size: .80em;
letter-spacing: .035em;
line-height: 1.7em;
margin-top: .80em;
}


p, ul{padding-top: 1em;}

ul li ul {padding-top: 0;}

ul {list-style-type: none;}

li {margin: 0; padding: 0;}

#mainContent p {text-align: justify;}

#siteMap li  {font-size: .90em;}

#current_events ul li.date, #current_events ul li.title, .strong {font-weight: bold;}

#current_events ul li.title{font-style: italic;}

#footer p {padding:0 0 1.5em 0; margin:0 0 0 0;}

/*****************TYPOGRAPHY*********************/


/*****************LINKS******************/

a:link, a:visited {color:#351e02; text-decoration: underline;}

a:hover, a:active {color: #928575; text-decoration: underline;}

#faq a{color: #928575;}

#faq a:hover {color: #000;}

#members ul li a:hover, #customize a:hover, #siteMap li a:hover {
color: #928575; text-decoration: underline;
}

#members ul li a, #customize ul li a {text-decoration: none;}

#header ul {margin-top: 0; margin-bottom: 1.5em;}
#header ul li {display: inline; color: #928575;}
#header ul li a {color: #928575; text-decoration: none;}
#header ul li a:hover {color: #351e02; }

/*****************CONTENT LINKS******************/

/*****************MAIN DIVS*********************/


#outerWrap {
width: 63em;
margin: 0 auto;
position: relative;
}
body, #footer {background:#bcb2a9;} /* What is going on with this?*/

#mainWorkSpaceWrap {
background: #fff;
}

#mainWorkSpace {
position: relative;
margin: 0 auto;
overflow: hidden;
border: .1em solid #351e02;
border-top: 0px;
min-height: 30em;
}

#header {
text-align: right;
padding: 0em 2em 2em 2em;
margin-left: 17em;
}

#leftColumn {
position: absolute;
left: .1em; /*this needs to be here to run flush with left side*/
top: 0em;
width: 16.5em;
background-image: url(../images/backgraphics/left_col.jpg);
background-repeat: no-repeat;
height: 100%;
}

#menuv-container {
position: absolute;
left: .0em;
top: 10em;
margin: -1em 0 7em 3em;
}

#keyandstyle {
text-align: left;
position: absolute;
left: 0;
top: 30em;
padding: 1em 1em 2em 1em;
margin: 0 0 0 1em;
}

#mainContent { 
margin-left: 16.8em;
margin-right: 4em;
padding-bottom: 3.8em;
} 

#footer {
text-align: center;
clear: both;
margin: 0px auto 0 auto;
position: relative;
padding-top: 15px;
}

/*****************END MAIN DIVS*********************/


/*****************IMAGES************************/

#leftColumn img {width: 16.5em; /*this is the left graphic and needs to be 16.5em to allow proper fly-out look*/}

.floatRightImg {float: right; margin: 0em 0em .5em 1.5em;}

span.floatRightImg span{font-size: .7em;}
 
.floatLeftImg {float: left; margin: .5em 1em 1em 0;}

span.floatLeftImg span, .imgCaption {font-size: .7em;}

#keyandstyle img.freestyle {
	width: 150px;
	height: 38px;
	border: 1px solid #351e02;
}

.imgCaption {
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}
/*****************END IMAGES************************/



#faq span.faqAnswer, .faq span.faqAnswer {color: #928575;}

#keywordSearchResults, #keywordSearch {min-height: 0em; }

#contactUs fieldset {padding: 0 1em 1em 1em; background:#f7f5f6;}

#contactUs fieldset.aboutYou {width: 8.7em;float: left;margin-right: .7em;}

#siteMap ul {list-style-type: circle;}

#siteMap li{padding-left: 1em; margin-left: 1em;}

#members ul { width: 10em; float: left; margin-bottom: 1.5em;}

#showWrap  {text-align: center;height: 24em; }

#show {margin-top: 2em; text-align: left; border: 2px solid #351e02;}

#customize ul li {display: inline;}

#customize a{font-weight: normal;}

#large {font-size: 100%;}

#xlarge {font-size: 125%;}



/*****************MEMBERS AREA*********************/

#member_area ul { list-style-type: square;}

#member_area ul li {margin-left: 1em;}

#member_area ul.submenu li {display: inline; margin: 0; padding: 0}/*cjagned submenu from id to class when adding pgac info*/

ul li li {font-size: 1em; list-style-type: circle;}


/*****************WRAPPERS FOR L/R/FOOTER GLOW*********************/

#centeringWrap {width: 58em; /*for 1026px width 62em works well*/}


#centeringWrap {
margin: 0 auto;
position: relative;
background: #fff;
}


#keyline {
background-image: url(../images/backgraphics/keyline.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

/*****************END WRAPPERS FOR L/R/FOOTER GLOW*********************/

.cleardiv {clear: both;background: transparent;}
.right {text-align: right;}
.italic {font-style: italic;}
.hangingLeftIndent {margin-left: -.3.5em;}
.eightyPercent {width: 80%; text-align: left;}
a img {border: none;}