/* Composition Styles */

	#c1, #c2, #c3 {
		background: #fff;
		}

	/*#contact {
		clear: left;
		}
		#contact span {
			display: block;
			float: left;
			padding: 5px 10px 5px 0;
			}
	*/
	#copyright {
		clear: both;
		padding: 3px 0;
		}
	
	.content {
		padding: 15px;
		}
		#c3 .content {
			padding: 0;
			}
		#sidebar .content {
			padding: 10px;
			}				

	#footer {
		background: #e9e9e9;
		border-top: 5px solid #CCCCCC;
		clear: both;
		font-size: 70%;
		height: 95px; /*need to figure out how to remove the space below the footer without adding height*/
		line-height: 115%;
		margin: 0 200px;
		padding: 5px; /*need to figure out how to add padding around items in footer; this is not working*/
		}

	#header {
		background: #fff;
		height: 80px;
		width: 100%;
		}
		#header #logo {
			display: block;
	/*		background: url(assets/images/ui/logo.gif) no-repeat;*/
			height: 75px;
			position: relative;
				left: 15px;
/*				top: 20px; */
/*			width: 45px;*/
			}
			#header #logo img {
				border: 0;
				display: none;
				}	
		#header #title {
			display: block;
			height: 45px;
			position: relative;
				left: 130px;
				top: -56px;
			width: 450px;
			}
						
	#navPrimary {
		background:green;/*background: #00529b;*/
		margin: 0;
		padding: 0;
		position: absolute;
			left: 0;
			top: 80px;
		width: 100%;
		z-index: 10;
		}
		#navPrimary li {
			border-right: 1px dotted #fff;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			}
			#navPrimary li:hover a, 
			#navPrimary li.over a {
				background: #003367; 
				}	
			#navPrimary li:hover ul, 
			#navPrimary li.over ul { 
				display: block;
				}
				#navPrimary li:hover ul ul, 
				#navPrimary li.over ul ul { 
					display: none;
					}
			#navPrimary li a {
				color: #fff;
				display: block;
				margin: 0;
				padding: .4em .75em;
				text-decoration: none;				
				}	
				#navPrimary li a span {
					display: none;
					}					
			#navPrimary li li {
				border-bottom: 1px dotted #ccc;
				border-right: none;				
				clear: left;	
				font-size: 89%;	
				width: 100%;	
				}
				#navPrimary li li.last {
					border-bottom: none;
					}				
				#navPrimary li li a {
					padding: 5px 10px;
					}
					#navPrimary li li a:hover {
						background:green;	
						}					
			#navPrimary li ul, #navPrimary li ul ul {
				background: #003367; 			
				display: none;
				height: auto;
				position: absolute; 
					left: 0;
					top: 2em;					
				width: 13em;
				z-index: 20;
				}
		#navPrimary ul {		
			list-style: none;
			margin: 0;
			padding: 0;
			width: 38em; /* width should be just wide enough to contain all nav items */
			}

	#navSecondary {
		margin: 5px 0 0 10px;
		}
		#navSecondary h2 {
			margin: 0;
			padding: 10px 5px;
			}
			#navSecondary h2 a {
				display: block;	
				text-decoration: none;
				}
		#navSecondary li {
			margin: 0;
			padding: 0;
			}
			#navSecondary li a {
				display: block;
				padding: 5px;
				text-decoration: none;
				}
				#navSecondary li a:hover {
					text-decoration: underline;
					}	
			#navSecondary li li a {
				padding: 5px 5px 5px 15px;
				}							
		#navSecondary ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
						
	#navUtility {
		padding-top: 10px;
		}
		#navUtility li {
			float: left;
			margin: 0;
			padding: 0;
			}
			#navUtility li a {
				display: block;
				padding: 5px 10px 5px 0;
				}	
				#navUtility li a:hover {
					color: #777;
					text-decoration:none;
					}		
		#navUtility ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
	#sidebar {
		/*background: #f2f2f2;*/
		background: #FFFCC;
		/*border-left: 3px dashed #ccc; 
		border-right: 3px dashed #ccc; 
		border-top: 5px solid #ccc;
		border-bottom: 5px solid #ccc;*/
		border: 3px solid darkgrey;
		border-style:outset;
		clear: right;
		float: right;
		margin: 0 0 10px 15px;
		padding: 0;
		width: 240px;
		}