@import url("./default.css");
  @import url("./comments.page.css");
  @import url("./tabber.css");
  @import url("./form.css");
  @import url("./help.css");
  @import url("./boxes.css");
  @import url("./tables.css");
  @import url("./admin.css");
  @import url("./menu.css");
  @import url("./subsites.css");
  @import url("./search.css");
  @import url("./menuEditor.css");
  @import url("./templates.css");
  @import url("./users.css");
  @import url("./sponsorLogos.css");
  @import url("./templateSpecific.css");
  @import url("./customPage.css");
  @import url("./list.css");
  @import url("./slideshow.css");
  
 
  
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #333333;
    	background-image: url(../images/bg_body.gif);
    	background-color: #bbc2ca;
    	background-repeat: repeat-x;
    	margin: 0px;
    	padding: 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	a {
		color: color:#666666;
		text-decoration: none;
	}

	a:hover {
		color: #8F6635;
		text-decoration: underline;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	div#containerCenter {
		width: 990px;
		margin-left: auto;
		margin-right: auto;
	}

	div#containerFullHeight {
		position: absolute;
        width: 990px;
        text-align: left;
        border-top: 0;
        border-bottom: 0;
        overflow: visible;
		min-height: 100%
    }

	div#containerHeader {
		position: absolute;
		z-index: 4;
		left: 0px;
		top: 0px;
    	width: 990px;
    	height:298px;
        padding: 0;
        margin: 0;
	}

	div#headerImage {
        background: #BBC2CA url(../images/headerImage.jpg) no-repeat left bottom;
		position: absolute;
		z-index: 1;
		left: 0px;
		top: 60px;
    	width: 990px;
    	height:200px;
    }

    div#logoHeader {
        width: 170px;
        height: 60px;
        background: url(../images/logo.gif) no-repeat left top;
    }

	div#slogan {
        z-index: 3;
        position: absolute;
        top: 230px;
        right: 10px;
        margin-left: 10px;
        padding-right: 5px;
        width: auto;
	}

    div.containerColumn {
        margin-top: 324px;
        float: left;
		width: 200px;
		min-height: 100%;
        padding-bottom: 27px;
    }

    div.containerColumn .left {
		padding-left: 10px;
    }

    div.containerColumn .right {
		padding-right: 10px;
    }

	div#containerColumnBackground {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
		min-height: 100%;
	}

    div#containerColumnBackground div.rightBorder {
        width: 1px;
        height: 100%;
        background: #8F8F74;
        float: right;
    }

    div#containerContent {
        margin-top: 324px;
        float: left;
        width: 525px;
    	padding: 0px 25px 30px 25px;
    }
	
	div#containerContent #homeLeft, div#containerContent #homeRight {
		float: left;
		width: 250px;
	}


	div#containerFooter {
		width: 990px;
		height: 34px;
		position: absolute;
		bottom: 0px;
		right: 0px;
        background-color: #BBC2CA;
        text-align: center;
	}

	div#W3Cicon{
		position: absolute;
		bottom: 0px;
		left: -1px;
	}

    div#containerFooter #contentFooter {
        margin-top: 10px;
    }


/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	.clear {
		clear: both;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	div#mainMenuWrapper {
		position: absolute;
		bottom: 0;
		width: 990px;
        height: 38px;
		background-color: #729A07;
	}
	
	div#mainMenuContainer {
		position: absolute;
		width: 990px;
        height: 38px;
        background-image: url(../images/transparent.gif); 
	}

	img#supergradient {
		position: absolute;
		top: 0;
		width: 990px;
        height: 38px;
	}

	ul#mainMenu {
		z-index: 10;
	}

    div#underMenu {
        background-color: #729A07;
        position: absolute;
        top: 299px;
        left: 0px;
        width: 990px;
        height: 25px;
		z-index: 1;
    }
	
	img#subgradient {
        position: absolute;
        top: 299px;
        left: 0px;
        width: 990px;
        height: 25px;
		z-index: 2;		
	}
			
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	div#contentHeader {
		position: absolute;
		z-index: 2;		
	}

 /*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	.pageHeader {
        margin: 5px 6px 0 6px;
        padding: 3px;
       	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	font-weight:normal;
	    font-size:24px;
	}

	.pageHeader span.small {
		font-size: 14px;
		font-weight: normal;
	}

	#pageBody {
   		margin: 0 6px 37px 6px;
        background-color: #FFFFFF;
		padding: 4px;
		font-size: 11px;
        min-height: 100%;
	}

	div#pageBody.preformatted {
		font-size: 11px;
	}

	.validXHML {
		float: left;
		margin: 4px 0 0 4px;
		border: 1px solid black;
	}

 /*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	.startOrder { display: inline; }
	.startOrder select,
	.startOrder button,
	.startOrder input { height: 18px; vertical-align: middle; }
	.startOrder button {
		border: 1px solid #6b6;
		background: #e8e8e8;
		padding: 0 2px;
	}

	.startOrder select option {
		color: #000;
		background-color: #fff;
		background-position: 100% 50%;
		background-repeat: no-repeat;
		padding-right: 17px;
	}

	span.comment {
		vertical-align: bottom;
	}

 /*----------------------------------------------------------------------------------------------------------------------------------------------------*/

    .topLeft {
        vertical-align: top;
        text-align: left;
    }

    .bottomRight {
        vertical-align: bottom;
        text-align: right;
    }

	h3 {
		margin-top: 0;
	}

	a.logo {
		display: block;
		height: 100%;
		text-decoration: none;
	}

 /*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	#helpButton {
		position: absolute;
		top: 330px;
		right: 250px;
	}
	
	div.bottom_fixer
	{
		height: 50px;
	}