@import url(default.css);
@import url(content.css);
@import url(store.css);
@import url(cms.css);

body {
	background-color: #1DA6CC; 
	font-family: "verdana", "Lucida Sans Unicode", "Monaco",  "sans-serif";
	margin: 0; 
}

/* CSS for the top half of the site */
	#wrapper{
		width: 100%;
		overflow: hidden;
		margin: 0px;
		}
		
		#header-tile{
			width: 100%;
			height: 120px;
			background: url('/media/structure/top-tile.png') repeat-x;
		}
	
		#header{
			width: 1000px;
			height: 100px;
			margin: 0 auto;
			background: url('/media/structure/header-circs.png') no-repeat top right;
			}

/* TOP NAVIGATION CSS*/			
				#top-nav{
					width: 800px;
					float: left;
					padding-top: 18px;
					}
					
						#top-nav-upper{
							width: 790px;
							border-bottom: #84C4EE solid 1px;
						}
				
						#top-nav-upper h4{
							color: #B3C734;	
							font-size: 13px;
							float: left;
							margin: 0px;
							padding: 3px 0px 0px 10px;
							}
					
						#top-nav-upper ul{
							margin-top: 0px;
							padding-bottom: 25px;		
							}
						
							#top-nav-upper ul li{
								padding-left: 20px;
								float: right;
								}
							
								#top-nav-upper ul li a{color: #1DA6CC; font-size: 13px;}
								
					#top-nav-lower{
						clear: both;
						width: 330px;
						text-align: center;
						margin: 0 auto;											
						}
						
						#top-nav-lower ul{
							width: 790px;
							margin: 0 auto;
							}
					
							#top-nav-lower ul li{
								float: left;
								padding-top: 10px;
								padding-bottom: 3px;
								}
					
								#top-nav-lower ul li a{
									color: #1DA6CC;
									font-size: 15px;
									font-weight: bold;		
									}
					
									#top-nav-lower ul li a:hover, #top-nav-upper ul li a:hover{
										color: #ec008c;
										background: none;	
										}
			
								.border-left{
									border-left:  #84C4EE solid 1px;
									padding-left: 20px;
									padding-right: 20px;
									}
				
				#logo{
					float: left;
					}
				
				#stage, #flash{
					height: 660px;
				}
				
				#created-because{
					font-size: 12px;
					color: #333;
				}
/* CSS for the bottom half of the site */

		#footer {
			background: url('/media/structure/bottom-tile.png') repeat-x;
			margin: -4px 0 0 0;
			width: 100%;
			height: 150px;
			text-transform: lowercase;		
			}
			
			#footer-nav {
				background: url('/media/structure/footer-circs.png') no-repeat top right;
				margin: 0 auto;
				width: 1000px;
				height: 150px;
				}
			
				#footer-nav ul{
					padding: 13px 50px 0 0;
					float: left;
					}
				
					#footer-nav ul li{
						padding-bottom: 5px;
						}
					
						#footer-nav ul li a{
							font-family: "verdana", "Lucida Sans Unicode", "Monaco",  "sans-serif";
							font-size: 13px;
							color: #DFEEF3;
							}
						
							#footer-nav ul li a:hover{
								background: none;
								text-decoration: underline;
								color: #ffffff;
								}
							
								#footer-nav-right{
									margin-top: 20px;
									float: right;
									text-align: left;
									}
								
									#footer-nav-right h5{
										margin: 0;
										padding: 0;
										font-weight: lighter;
										font-size: 12px;
										color: #DFEEF3;
										}