/*
	Sub page CSS Document for the City of Sand Springs website
	Coded by Johnathan Warlick
	Employed by PDG+creative, http://www.pdgcreative.com
	Started: 10-25-10
*/


/* Main content structure */
	
	div#banner {
		height: 135px;
		width: 624px;
		overflow: hidden;
		margin-bottom: 20px;
		
		}

		div#main div#banner img {
			width: 100%;
			border: 1px solid #b3b3b3;
			float: none;
			margin: 0px;
			display: block;
			padding: 0px;
			}

	
	div#main {
		float: right;
		display: inline;
		width: 681px;
		margin-right: 70px;
		margin-top: 8px;
		}

	div#main.full {
		float: left;
		width: 830px;
		}
		
	div#sidebar {
		margin-top: 50px;
		float: left;
		display: inline;
		width: 195px;
		}

/* Content styles */

	div#main ul, div#main ol {
		margin-left: 30px;
		}

	div#main h2 {
		color: #587ea0;
		border-bottom: 1px solid #e8e7e7;
		padding-bottom: 5px;
		margin-bottom: 5px;
		}

	div#main h3, div#main h4 {
		color: #a1855b;
		font-weight: lighter;
		}
		
	div#main .breadCrumbs {
		font-size: .7em;
		color: #587ea0;
		margin-bottom: 16px;
		}

	div#main img {
		float: right;
		display: inline;
		margin: 10px;	
		-moz-box-shadow: 0px 0px 4px #999; 
		-webkit-box-shadow: 0px 0px 4px #999;
		box-shadow: 0px 0px 4px #999;
		padding: 5px;
		background: white;
		}

/* Subnavigation */
	#sub_nav {
		font-size: 14px;
		margin-bottom: 30px;
		}

	#sub_nav h3 {
		background: #587ea0 url(../../images/subnav_top_current.jpg) no-repeat center left;
		color: white;
		padding: 5px 10px 7px 17px;
		text-transform: none;
		margin-bottom: 15px;
		font-size: 14px;
		}

		#sub_nav ul li {
			list-style-type: none;
			border-bottom: 1px solid #e8e7e7;
			padding-bottom: 8px;
			margin-bottom: 7px;
			padding-left: 17px;
			}

		#sub_nav ul li.parent {
			display:block;
			}
		
		#sub_nav a {
			text-decoration: none;
			display: block;
			color: #595c57;
			}
		
		/* Top parent/hover */
		#sub_nav li.cCategory, #sub_nav li.hover {
			background: url(../../images/subnav_current-hover.jpg) no-repeat 0px 5px;
			}
	
		#sub_nav li.cCategory a, #sub_nav li.hover a {
			color: #a78d66;
			}

		#sub_nav li.cParent {
			font-weight: bold;
			}
			
	/* Second level  */
	#sub_nav ul ul {
		margin-left: 14px;
		}

		#sub_nav ul ul li {
			display: none;
			}

			#sub_nav ul li.cCategory ul{
				display:block;
				}
	
				#sub_nav li.cCategory ul li, #sub_nav li.cParent ul li {
					display: block;
					border: none;
					padding: 0px;
					margin: 0px;
					}
	
					#sub_nav ul li.cCategory ul li a, #sub_nav ul li.cParent ul li a{
						font-weight: normal;
						font-size: 12px;
						color: #929491;
						}
			/* Second level Hover */
			#sub_nav ul li.cCategory ul li.hover {
				background: none;
				}

				#sub_nav ul li.cCategory ul li.hover a {
					text-decoration: underline;
					}

/* Callouts */

	div.callout {
		overflow: hidden;
		word-wrap: break-word;
		}			

	div.callout img {
		max-width: 100%;
		}

/* Contact Form */

	#contactForm {
		background: #587EA0;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0px 0px 2px black;
		-webkit-box-shadow: 0px 0px 2px black;
		box-shadow: 0px 0px 2px black;
		width: 100%;
		}		

		#contactForm td {
			font-weight: bold;
			color: white;
			}

		#contactForm td #submit {
			background: #E9E9E9;
			padding: 5px 10px;
			border: none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin-top: 10px;
			cursor: pointer;
			}
		
		#contactForm textarea {
			display: block;
			width: 99%;
			margin-bottom: 10px;
			height: 70px;
			padding: 5px;
			color: #666;
			}		
				
/* News and Events */
	
	#archives h3 {
		margin: 10px 0px;
		}
	
	.frame {
		background: url("../../images/dotted_border.gif") repeat-x scroll center bottom transparent;
		padding-bottom: 10px;
		margin-bottom: 10px;
		}

/* Documents Archive */
	.docs #sub_nav {
		margin-bottom: 20px;
		}

	.docs div {
		float: left;
		display: inline;
		clear: both;
		height: 25px;
		}

	.docs a, .docs span {
		text-align: center;
		float: left; 
		display: inline; 
		width: 20px;
		margin-right: 5px;
		}

	.docs span {
		font-weight: bold;			
		}
		
	#search_archives form div {
		margin-bottom: 5px;
		}
		
		#search_archives form label {
			width: 150px;
			float: left;
			display: inline;
			}

		#search_archives form input, #search_archives form select {
			background: white;
			border: 1px solid #ccc;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			
		#search_archives form #keyword {
			padding: 2px 5px;
			color: #777;
			}

		#search_archives form select {
			width: 63px;
			}
		
		.small_go_button {
			padding: 2px 5px;
			cursor: pointer;
			}

	/* PDF Table */			
	#pdf_list {
		width: 100%;
		}			
		
		#pdf_list tr.even {
			background: #E9E9E9;
			}
	
			#pdf_list tr td {
				padding: 5px;
				width: 85%;
				}
				
	.images-list {
		float: left;
		display: inline;
		}			

		.images-list p {
			float: left;
			display: inline;
			}

		.images-list img {
			height: 90px;
			}
	
	#cboxLoadedContent div {
		display: block;
		}