@import url("debug.css");
@import url("dynaform.css");
@import url("elements.css");
/*@import url("elements_div.css");*/
@import url("footer.css");
@import url("forms.css");
@import url("header.css");
@import url("headings_div.css");
@import url("lists.css");
@import url("locator.css");
@import url("navigation.css");
@import url("rightcolumn.css");
@import url("thumbs.css");
@import url("photoSection.css");

@import url("div_layout_overrides.css"); /* overrides styles applied above, specific to the div layout templates */

@media all 
{

	.float 
	{
		float: left;
	}
	
	/* BEGIN - pagebody_div(_2_Columns).ascx frame */

	div#content-wrapper
	{
		clear:both;
		margin: 10px auto 10px auto;
		position:relative;
		left:-3px;
		overflow: hidden;
		text-align:left;
		width:960px;
	}
	div#content-head
	{
		clear:both;
		background-image: url(images/headerbg.jpg);
		background-repeat: no-repeat;	
	}
	div#content-center
	{
		background-color: white;
		border: solid 1px #d9d9d9;
		border-top: 0px;
		border-bottom: 0px;
		float:left;
		margin: 0px 9px 0px 9px;
		width:660px;
	}
	div#content-left, div#content-right
	{
		background-color: #aba37f;
		float:left;
		width:140px;		
	}
	div#content-left
	{
		background-image: url(images/leftbg.jpg);
		background-repeat: repeat-x;	
        background-position: 0px -21px;
	}
	div#content-right
	{
		background-image: url(images/rightbg.jpg);
		background-repeat: repeat-x;		
	}
	div#content-center, div#content-left, div#content-right
	{
		/* makes all three columns the same height */
		margin-bottom: -9990px;
		overflow: hidden;
		padding-bottom: 10000px;		
	}
	div#content-center div#content-head
	{
		width:660px;
	}
	div#content-main /* NOTE - no fixed l/r margins, simply floats centered within content-center, Xpx wider than content-main */
	{
		clear:both;
		margin: 0px auto 0px auto;
		padding: 8px 0px 0px 0px;
		/*width:640px;*/
	}
	div#footer
	{
		clear:both;
		margin: 0px auto 20px auto;
		position:relative;
		left:-3px;
		overflow: hidden;
		text-align:left;
		width:960px;
	}
/*
	div#logo-container img
	{
		margin-top:40px;
	}
*/

		/* BEGIN - two center column layout */

		div#left-column
		{
			float:left;
			/*margin: 0px 20px 0px 0px;
			width:310px;
			*/
			width:330px;
		}
		div#right-column
		{
			float:left;
			/*width:310px;*/
			width:330px;
		}

		/* END - two center column layout */

	/* END - pagebody_div(_2_Columns).ascx frame */
	
	/* BEGIN - layout of content within the frame */
	
	.clear
	{
		clear: both;
	}
	*.lr-pad 	/* wrapper for content needing left-right margin within another container */
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	div.lr-pad 	/* wrapper for div content needing left-right padding within another container */
	{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	div.r-pad /* wrappper for content needing right padding (e.g. OL,UL which already have "natural" left padding) within another container */
	{
		padding-right: 10px;
	}

	*.lr-pad-20 	/* wrapper for content needing left-right margin within another container */
	{
		margin-left: 20px;
		margin-right: 20px;
	}
	div.lr-pad-20 	/* wrapper for div content needing left-right padding within another container */
	{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	div.r-pad-20 /* wrappper for content needing right padding (e.g. OL,UL which already have "natural" left padding) within another container */
	{
		padding-right: 20px;
	}
	
	*.lr-pad-30 	/* wrapper for content needing left-right margin within another container */
	{
		margin-left: 30px;
		margin-right: 30px;
	}
	div.lr-pad-30 	/* wrapper for div content needing left-right padding within another container */
	{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 30px;
		padding-right: 30px;
	}
	div.r-pad-30 /* wrappper for content needing right padding (e.g. OL,UL which already have "natural" left padding) within another container */
	{
		padding-right: 30px;
	}
	
	*.lr-pad-40 	/* wrapper for content needing left-right margin within another container */
	{
		margin-left: 40px;
		margin-right: 40px;
	}
	div.lr-pad-40 	/* wrapper for div content needing left-right padding within another container */
	{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 40px;
		padding-right: 40px;
	}
	div.r-pad-40 /* wrappper for content needing right padding (e.g. OL,UL which already have "natural" left padding) within another container */
	{
		padding-right: 40px;
	}
	
	#content-right .noborder
	,#content-left .noborder
	{
		border: none;
		padding-bottom: 0px;
	}
	
	/* END - layout of content within the frame */
	
}
@media print
{
	#content-left, #content-right
	{
		display: none;
	}
    #footer div.links 
    {
        display: none;
        visibility: hidden;
    }
    #footer #copyright
    {
        float: none;
        clear:both;
        text-align: left;
    }
	div#content-center, div#content-left, div#content-right
	{
		/*
			override padding and negative margins used to make columns same length in browser
			IE printing doesn't handle these well, printing numerous blank pages
		*/
		margin-bottom: 0px;
		padding-bottom: 0px;		
	}
}