/*Background buildings*/

	div#tower1 {	
		position: absolute;
		top: 35px;
		z-index: 2;
		margin-left: 47%;
		width: 4%;
		height: 115px;
		background-color: #014D1F;
		max-width: 30px;
		min-width: 20px;
		background: url("media/joinnow.gif") 0 0 no-repeat;
		background-color: #014D1F;	
	}

	div#tower1a {	
		position: relative;
		top: -10px;
		z-index: 2;
		margin: 0 auto;
		width: 75%;
		height: 10px;
		background-color: #014D1F;		

	}

	div#tower1b {	
		position: relative;
		top: -5px;
		z-index: 2;
		margin: 0 auto;
		width: 60%;
		height: 10px;
		background-color: #014D1F;

	}

	div#tower1c {	
		position: relative;
		top: -10px;
		z-index: 2;
		margin: 0 auto;
		width: 40%;
		height: 15px;
		background-color: #014D1F;

	}

	div#tower1d {	
		position: relative;
		top: -10px;
		z-index: 2;
		margin: 0 auto;
		width: 40%;
		height: 15px;
		background-color: #014D1F;

	}


/*New tower begins*/

	div#tower2 {	
		position: absolute;
		top: 80px;
		z-index: 2;
		margin-left: 57%;
		width: 3%;
		height: 80px;
		background-color: #014D1F;
		text-align: center;
		max-width: 40px;
		min-width: 20px;
	}


	div#tower2a {	
		position: relative;
		top: -25px;
		z-index: 2;
		margin: 0 auto;
		width: 70%;
		height: 50px;
		background-color: #014D1F;

	}

	div#tower2b {	
		position: relative;
		top: -14px;
		z-index: 2;
		margin: 0 auto;
		width: 40%;
		height: 15px;
		background-color: #014D1F;

	}

	div#tower2c {	
		position: relative;
		top: -14px;
		z-index: 2;
		margin: 0 auto;
		width: 60%;
		height: 15px;
		background-color: #014D1F;

	}

	div#tower2d {	
		position: relative;
		top: -14px;
		z-index: 2;
		margin: 0 auto;
		width: 40%;
		height: 15px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower3 {
		position: absolute;
		top: 125px;
		z-index: 2;
		margin-left: 60%;
		width: 7%;
		height: 35px;
		background-color: #014D1F;
		max-width: 60px;
		min-width: 30px;
	}

/*New tower begins*/

	div#tower4 {
		position: absolute;
		top: 100px;
		z-index: 2;
		margin-left: 56%;
		width: 6%;
		height: 60px;
		background-color: #014D1F;
		max-width: 70px;
		min-width: 50px;
	}	

	div#tower5 {
		position: absolute;
		top: 100px;
		z-index: 2;
		margin-left: 50%;
		width: 7%;
		height: 60px;
		background-color: #014D1F;
		max-width: 70px;
		min-width: 40px;
	}

	div#tower5a {
		position: relative;
		top: -25px;
		z-index: 2;
		margin: 0 auto;
		width: 50%;
		height: 25px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower6 {
		position: absolute;
		top: 100px;
		z-index: 2;
		margin-left: 44%;
		width: 10%;
		height: 60px;
		background-color: #014D1F;
		max-width: 100px;
		min-width: 60px;
	}

/*New tower begins*/

	div#tower7 {
		position: absolute;
		top: 90px;
		z-index: 2;
		margin-left: 62%;
		width: 3%;
		height: 70px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 30px;
	}

	div#tower7a {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 60%;
		height: 15px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower8 {
		position: absolute;
		top: 90px;
		z-index: 2;
		margin-left: 54%;
		width: 3%;
		height: 70px;
		background-color: #014D1F;
		max-width: 30px;
		min-width: 10px;
	}

	div#tower8a {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 60%;
		height: 15px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower9 {
		position: absolute;
		top: 120px;
		z-index: 2;
		margin-left: 41%;
		width: 4%;
		height: 40px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 30px;
	}

	div#tower9a {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 60%;
		height: 15px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower10 {
		position: absolute;
		top: 90px;
		z-index: 2;
		margin-left: 42%;
		width: 3%;
		height: 70px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 30px;
	}


	div#tower10a {
		position: relative;
		top: -25px;
		z-index: 2;
		margin: 0 auto;
		width: 88%;
		height: 25px;
		background-color: #014D1F;
	}

	div#tower10b {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 70%;
		height: 15px;
		background-color: #014D1F;
	}

/*New tower begins*/

	div#tower11 {
		position: absolute;
		top: 110px;
		z-index: 2;
		margin-left: 40%;
		width: 5%;
		height: 50px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 30px;
	}

/*New tower begins*/

	div#tower12 {
		position: absolute;
		top: 110px;
		z-index: 2;
		margin-left: 64%;
		width: 10%;
		height: 50px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 30px;
	}

/*New tower begins*/

	div#tower13 {
		position: absolute;
		top: 130px;
		z-index: 2;
		margin-left: 38%;
		width: 9%;
		height: 30px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 20px;
	}
	
/*New tower begins*/

	div#tower14 {
		position: absolute;
		top: 100px;
		z-index: 2;
		margin-left: 66%;
		width: 4%;
		height: 60px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 20px;
	}

	div#tower14a {
		position: relative;
		top: -25px;
		z-index: 2;
		margin: 0 auto;
		width: 75%;
		height: 25px;
		background-color: #014D1F;
	}

	div#tower14b {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 75%;
		height: 15px;
		background-color: #014D1F;
	}
	
	div#tower14c {
		position: relative;
		top: -15px;
		z-index: 2;
		margin: 0 auto;
		width: 20%;
		height: 15px;
		background-color: #014D1F;
	}
	
/*New tower begins*/
	
	div#tower15 {
		position: absolute;
		top: 120px;
		z-index: 2;
		margin-left: 68%;
		width: 4%;
		height: 40px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 20px;
	}

	div#tower15a {
		position: relative;
		top: -25px;
		z-index: 2;
		margin: 0 auto;
		width: 75%;
		height: 25px;
		background-color: #014D1F;
	}
	
/*New tower begins*/

	div#tower16 {
		position: absolute;
		top: 130px;
		z-index: 2;
		margin-left: 70%;
		width: 4%;
		height: 30px;
		background-color: #014D1F;
		max-width: 40px;
		min-width: 20px;
	}

/*--------------------Towers END-------------------*/




body { 
	background-color: #88C4E6;
	background-image:url(media/background_floral.gif);
	background-repeat:both;
	background-position:top center;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

/*"All content" is the page background */

div#allcontent {
	position: relative;
	z-index: 1;
	width: 717px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

div#logos {
	display:block;
	position: absolute;
	z-index:1;
	background-image:url(media/site_logos.gif);
	width:247px; height:126px;
}

	#clicklink {
		display:block;
		position:absolute;
		top:30px;
		left:45px;
		width:195px;height:90px;
	}
		#clicklink a {
			display: block;
			height: 100%;
			width: 100%;
		}

	#triclink {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:55px;height:60px;
	}
		#triclink a {
			display: block;
			height: 100%;
			width: 100%;
		}

div#navbar {
	position: absolute;
	top: 240px;
	left: 15px;
	width: 100px;
	z-index: 15;
	height: 300px;
	text-align: center;
}

/*Use the following to set spacing between buttons */
div#navbar img {
	margin-top: 5px;
}

/*This controls the navbar container*/
div#navbar {
	position: absolute;
	top: 147px;
	left: 5px;
	width: 100px;
	z-index: 15;
	height: 300px;
	text-align: center;
}

/*Navbar buttons. Note: The highlighted button state (which shows what page you are currently on) is controlled by CSS in each page head*/

a.button-news {
	background-image:url(media/buttons_news.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-news:hover {
		background-image:url(media/buttons_news.gif);
		background-position:center;
	}
	
a.button-home {
	background-image:url(media/buttons_home.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-home:hover {
		background-image:url(media/buttons_home.gif);
		background-position:center;
	}

a.button-rules {
	background-image:url(media/buttons_rules.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-rules:hover {
		background-image:url(media/buttons_rules.gif);
    	background-position:center;
	}
	
a.button-signup {
	background-image:url(media/buttons_signup.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-signup:hover {
		background-image:url(media/buttons_signup.gif);
    	background-position:center;
	}

a.button-prizes {
	background-image:url(media/buttons_prizes.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-prizes:hover {
		background-image:url(media/buttons_prizes.gif);
    	background-position:center;
	}
	
a.button-winners {
	background-image:url(media/buttons_winners.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-winners:hover {
		background-image:url(media/buttons_winners.gif);
    	background-position:center;
	}
	
a.button-ideas {
	background-image:url(media/buttons_ideas.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-ideas:hover {
		background-image:url(media/buttons_ideas.gif);
    	background-position:center;
	}
	
a.button-about {
	background-image:url(media/buttons_about.gif);
	background-position:left;
    display:block;
    height:36px;width:109px;
}
	a.button-about:hover {
		background-image:url(media/buttons_about.gif);
    	background-position:center;
	}


#border-top { 
	position:absolute;
	top:149px;
	left:110px;
	width:600px;
	height:11px;
	z-index:2;
	background-image:url(media/border_top.gif);
}
#border-left { 
	position:absolute;
	top:0px;
	left:-3px;
	width:10px;
	height:100%;
	z-index:2;
	background-image:url(media/border_left.gif);
}

#border-right { 
	position:absolute;
	top:0px;
	right:-3px;
	width:10px;
	height:100%;
	z-index:2;
	background-image:url(media/border_right.gif);
}

#border-right-corner { 
	position:absolute;
	top:149px;
	right:4px;
	width:17px;
	height:17px;
	z-index:3;
	background-image:url(media/border_corner.gif);
}


#contentbox { 
	position: absolute;
	top: 150px;
	left: 110px;
	width: 600px;
	z-index: 1;
	background-color: #FFF;
	border-bottom: 5px #1A5006 solid;
	background-image:url(media/content_bg.jpg);
	background-position:right;
	background-repeat:repeat-y
}

/*bg styles are for the background floral images on either side of the screen*/

div#footer {
	position: relative;
	top: 10px;
	background-color: #000;
	border-top: #932325 solid;
	border-bottom: #000 solid 3px;
	border-right: #000 solid 10px;
}

div#imgcenter {
	text-align: center;
	margin-left: 60px;
	margin-right: 40px;
	font-size: .7em;
	line-height: .1em;
	font-style: italic;
}

#screen-shots {
	width:580px;
	height:250px;
	margin-left: 20px;
	margin-right: 10px;
	
}

#float {
	float:left;
	text-align:center;
	font-size:.7em;
	font-style:italic;
	margin-right:10px;
}

#float img {
	width:258px;
	height:187px;
	}

/* Text formatting styles begin here*/

p {
	text-align: left;
	margin-left: 20px;
	margin-right: 18px;
	line-height: 1.4em;
	font-size: .9em;
	margin-top: 3px;
	margin-bottom: 9px;
}

p#subnav {
	font-size: .8em;

}

h1 {
	color: #014D1F;
	font-size: 1.1em;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
}

h2 {
	font-style: italic;
	color: #008F38;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #DFCE50;
	margin: 0px 15px;
	padding: 3px 3px 2px 2px;
}

h3 {
	color: #1D719F;
	font-size: .8em;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
}

hr {
	color: #932325;
	font-size: 1px;
}

ul {
	margin-right: 15px;
	margin-left: 20px;
	font-size: 0.9em;
}

li {
	margin-bottom: 9px;
}


:link img, :visited img {
	border: 0 none;
}

a:link {color:#2663CF}
a:hover {color:#C9BC51}
a:visited {color:#425F29}

#brtags br {
	margin-bottom: .6em; }
	
#infobutton {
	display:block;
	width:188px;
	height:35px;
	margin:20px auto 0 auto;
	background-image:url(media/infobutton.gif);
	text-align: center;
	}
	
#infobutton:hover {
	background-position:right;
	}.highlite {
	background-color: #CCFF99;
}

