/* @override http://svnva.org/css/design.css */

/*************************************************
AUTHOR: Dave Mingos
CONTACT: http://dmbuilds.com/contact
*************************************************/

@media screen {

	/* RESET: standardize all elements' margin, padding, and borders */
	h1, h2, h3, h4, h5, h6, p,
	ol, ul, li, dl, dt, dd, blockquote, fieldset, form {
		margin: 0;
		padding: 0;
		border: 0;
	}


	/* @group document elements */
	/** ***************************************** */

		html {
			margin: 0;
			padding: 0;
			background-color: #e4e9b0;
			background-image: url(../img/design/bg-html.jpg);
		}

		body {
			margin: 0 auto;
			padding: 0;
			width: 716px;
			background-color: #fff;
			color: #555;
			border-width: 0 1px;
			border-style: solid;
			border-color: #666;
	font: 82.5%/1.5 Arial, Helvetica, Geneva, sans-serif;
}

		h1 {
			margin: 0;
			padding: 0.6em 0 0.15em;
			font: bold 1.35em/1.35 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #967d5c;
			text-decoration: none;
		}

		h2 {
			margin: 0;
			padding: 1.0em 0 0;
			font: italic bold 1.15em/1.35 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #555555;
			text-decoration: none;
		}
Fteas
		h3 {
			margin: 0;
			padding: 0.5em 0 0;
			font-size: 1.05em;
			line-height: 1.35;
		}

		h4 {
			margin: 0;
			padding: 1.0em 0 0.5em;
			font-size: 1.0em;
			line-height: 1.4;
		}

h1 a, h2 a, h3 a,
		#primary a, #primary h1 a, #primary h2 a, #primary h3 a, #primary p a, #primary ul li a, 
		#secondary h1 a, #secondary h2 a, #secondary h3 a, #secondary p a , #secondary ul li a {
			color: #967d5c;
			text-decoration: underline;
		}

a:link {
			color: #777;
			text-decoration: none;
		}

		a:visited {
			color: #777;
			text-decoration: none;
		}

		a:hover, a:active {
			color: #a67942;
			text-decoration: underline;
		}

		a img {
			border: 0 none;
		}

		.more {
			text-align: right;
			font-style: italic;
		}

		.more a {
			text-decoration: none;
		}

		.float-left {
			float: left;
		}

		.float-right {
			float: right;
		}

		.float-left img {
			margin: 0.25em 1em 1em 0;
		}

		.float-right img {
			margin: 0.25em 0 1em 1em;
		}

		blockquote {
			background: url(../img/design/rdquo.png) no-repeat 99% 94%;
			padding: 0 25px 1.25em 5px;
		}

		blockquote p {
			padding: 1em 0 0 20px;
			margin: 0;
			background: url(../img/design/ldquo.png) no-repeat 0 0.75em;
		}

		blockquote blockquote {
			margin: 15px 35px 12px 35px;
			background: url(../img/design/rdquo.png) no-repeat 102% 94%;
			padding: 10px 10px 12px 10px;
		}

		blockquote blockquote p {
			background: url(../img/design/ldquo.png) no-repeat -6px 0.75em;
			margin: 0;
			padding: 1em 0 0 20px;
		}

		.citation {
			border-top: 3px solid #9bab64;
			background: #f8fae8;
			margin: -5px 20px 15px 25px;
			padding: 5px 50px;
			font-weight: bold;
			font-style: italic;
		}

		hr {
			margin: 7px auto 12px;
			padding: 0;
			height: 1px;
			width: 100%;
			border: 0 none;
			color: #9a9a9a;
			background-color: #9a9a9a;
		}

		p {
			margin: 0 0 0.5em;
			padding: 0;
		}

		ul, ol {
			padding: 0.5em 0;
		}

		li {
			margin-left: 20px;
			list-style-position: outside;
		}
		
		.print {
			position: absolute;
			left: -999em;
		}
		
		.image img {
			max-width: 100%;
		}

	/* @end document elements **/

/* @group header */
	/** ***************************************** */
		
		#slider {
			clear: both;
			position: relative;
			z-index: 1000;
			margin-bottom: -100px;
			padding: 0.5em 10px;
			width: 19.5em;
			float: right;
			border-top: 1px solid #666;
			border-bottom: 1px solid #666;
			border-left: 1px solid #666;
			line-height: 1.5;
			background: #d7d4b8;
		}

		#slider a {
			color: #a67942;
		}
		
		#slider p {
			padding: 0;
			margin: 0;
		}

		#header {
			background: #fff url(http://www.svnva.org/img/design/bg-header.jpg) no-repeat;
		}

		#site-name {
			overflow: hidden;
		}

		#site-name h1 {
			margin: 0;
			padding: 0;
			height: 100px;
			text-indent: -999em;
		}

		#site-name a {
			display: block;
			width: 716px;
			height: 100px;
			margin: 0 auto;
			padding: 0;
			text-indent: -999em;
/*			background: url(../img/design/logo.png) no-repeat center;*/
		}
		
		#logo, #tagline {
			position: absolute;
			left: -999em;
		}

		/* @group tools-nav */
		/** ***************************************** */

			#tools-nav {
				text-align: right;
				padding: 1px 10px 0;
				line-height: 1.5;
				font-size: 0.94em;
			}

			#tools-nav #greeting {
				float: left;
				padding: 0 0.6em;
			}

			#tools-nav ul {
				margin: 0;
				padding: 0;
			}

			#tools-nav li {
				margin: 0;
				padding: 0 0.6em;
				list-style: none;
				display: inline;
			}
			
			#tools-nav a {
				padding: 1px 0;
			}

			#tools-nav a.active {
				padding: 1px 9px 2px;
				background: #d7d4b8;
				border: 1px solid #666;
				border-bottom: 1px solid #d7d4b8;
				z-index: 3000;
				position: relative;
				text-decoration: none;
}

		/* @end tools-nav **/

		/* @group navigation */
		/** ***************************************** */

			/* @group suckerfish dropdown-nav */
				/** ************************************* */
			
				#navigation a { /* all */
					display: block;
					text-decoration: none;
				}
				
				/* all */
				#navigation ul.navigation,
				#navigation li {
					padding: 0;
					margin: 0;
					list-style: none;
					line-height: 1em;
					float: left;
				}
				#navigation .navigation li li { float: none; /* subnav */ }
				
				/* dropdown menus */
				#navigation .navigation li ul {
					position: absolute;
					left: -999em;
				}
				#navigation .navigation li:hover ul,
				#navigation .navigation li.hover ul {
					left: auto;
					z-index: 5000;
					padding: 0;
					margin: 0;
				}
		
			/* ************************************* **/
			/* @end suckerfish dropdown-nav */

			#navigation {
				clear: both;
				font: bold 13px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				border-top: 1px solid #666;
				border-bottom: 1px solid #666;								
			}

			#navigation ul {
				width: 100%;
				margin: 0;
				padding: 0;
				color: #fff;
				background: #88946f;							
			}

			#navigation .navigation li:hover ul {
				width: auto;							
			}

			#navigation li {
				float: left;
				margin: 0 0 0 2.15em;
				padding: 0;
				list-style: none;		
				display:block;					
			}

			#navigation a {
				display: block;
				padding: 0.5em 1.0em;
				text-decoration: none;
				color: #fff;
			}

			#navigation a:hover {
				text-decoration: none;
				background: #4c5b4f;				
				display:block;					
			}
		
			#navigation li a:hover {
				text-decoration: none;
				color: #fff;
				background: #666f53;						
			}
			
			#navigation li li a {
				padding: 0.65em 1.5em 0.65em 1em;
				color: #fff;
				min-width:  inherit;
/*				border-top: 1px solid #666;	*/																
			}

			#navigation li li {
				margin: 0;
				font-size: 13px;
				border-top: 1px solid #666;					
				display:block;	
				min-width: inherit;				
			}

			#navigation li li a:hover {
				text-decoration: none;
				color: #fff;
				background-color: #666f53;	
				width: 	auto;					
			}

			#navigation #nav-home {
				position: absolute;
				left: -999em;
			}
			/*li.hover {
	background: red !important;
}*/
			
			/* ***************************************** */
		/* @end navigation **/

		/* ***************************************** **/
	/* @end header **/



	/* @group content */
	/** ***************************************** */

		#content {
			background: #d7d4b8 url(../img/design/bg-page-body.png) repeat-y right;
			padding-bottom: 10px;
		}

		.home_xhtml #content {
			background: #fff;
		}

		.home_xhtml #alerts h2,
		.home_xhtml #breadcrumb {
			position: absolute;
			left: -999em;
		}

		/* @group breadcrumbs */

			#breadcrumb {
				margin: 0;
				padding: 4px 15px 3px;
				background: #f2f2f2;
				border-bottom: 1px solid #ccc;
				width: 484px;
				height: 16px;
				line-height: 16px;
				font-size: 11.5px;
	float: right;
}

			#breadcrumb li {
				margin: 0;
				padding: 0;
				list-style: none;
				display: inline;
			}

			#breadcrumb, #breadcrumb a {
				color: #888;
			}

		/* @end breadcrumbs */

		/* @group primary */
		/** ***************************************** */

			#primary {
				background-color: #fff;
				float: right;
				width: 465px;
				padding: 0 20px 0 15px;
			}

			#primary h3, #primary h3 a {
				clear: both;
			}

			#primary li a {
				color: #5a5a5a;
				text-decoration: none;
				text-transform: none;
				font-weight: bold;
			}

			#primary li + li {
				padding-top: 0.35em;
			}
			
			#primary .item {
				color: #5a5a5a;
				background-color: #fff;
				float: left;
				width: 465px;
			}
			
			#primary .item .teaser {
				padding-left: 0;
				font-style: italic;
			}
			
			#primary .item p a img { padding: 0 10px 5px 0px; vertical-align: top; float: left; }
			#primary .item p span .teasertext { float:right; }
			
			#primary #sitemap {
				vertical-align: top;
			}

			#primary #sitemap ul {
				line-height: 1.35;
				list-style: none;
				text-indent: -1.5em;
				margin: 0;
				padding:5px;
			}


			#primary #sitemap li:before {
				content: "\BB\0A";
			}

		/* @end primary **/


		/* @group secondary */
		/** ***************************************** */

			#secondary {
				float: left;
				width: 172px;
				padding: 0px 15px 10px 15px;
				margin:0px;
				position: relative;
				top: -24px;
				background: #d7d4b8;
			}

			#secondary a {
				color: #555;
			}

			#secondary .navigation {
				padding: 0;
				margin:0;
			}

			#secondary .navigation li {
				line-height: 1.35;
				list-style: none;
				text-indent: -0.5em;
				padding: 0 0 0.05em 1em;
				margin: 0;
			}

			#secondary .navigation li:before {
				content: "\BB\0A";
			}

			#secondary h2 {
				color: #967d5c;
				margin:0px;
				padding-bottom:0px;
			}

			#secondary .navigation li + li {
				padding-top: 0.35em;
			}

			#secondary #email {
				width: 11em;
				max-width: 170px;
				border: 1px inset #babbb5;
				padding: 3px 2px;
			}

			#secondary #signup label {
				position: absolute;
				left: -999em;
			}
			
			#secondary #SVNlogo {
				text-align:center;
				margin-top: 10px;	
				padding: 0px;		
			}

		/* @end secondary **/

		/* @group widgets */
		/** ***************************************** */

			/* @group inset-box */
			/** *************************** */

				.inset-box-small {
					float: right;
					margin: 0.35em .1em 1em 1em;
					padding: 5px;
					width: 150px;
					border-top: 1px solid #babbb5;
					border-bottom: 1px solid #babbb5;
					line-height: 1.25em;
					background: #ddd;
					clear: left;
				}	

				.inset-box {
					float: right;
					margin: 0 0 0 1em;
					padding: 5px;
					width: 215px;
					border-top: 1px solid #babbb5;
					border-bottom: 1px solid #babbb5;
					line-height: 1.25em;
					background: #ddd;
					clear: left;
				}

				.inset-box-wide {
					float: right;
					margin: 0.35em -20px 3em 1em;
					padding: 14px;
					width: 340px;
					border-top: 1px solid #babbb5;
					border-bottom: 1px solid #babbb5;
					line-height: 1.275em;
					background: #ddd;
					font-size: 0.9em;
				}

				.inset-box h2, .inset-box-wide h2 {
					color: #a67942;
					margin: 0 0 5px;
					padding: 0;
					letter-spacing: -0.05em;
					font: normal 1.25em/1.5 Georgia, "Times New Roman", Times, serif;
				}

				.inset-box h4, .inset-box-wide h4 {
					margin: 0 0 5px;
					padding: 0;
					font-family: Arial, Helvetica, Geneva, sans-serif;
					letter-spacing: 1px;
				}

				.inset-box h4, .inset-box-wide h4 {
					font-size: 1.0em;
				}

				.inset-box a, .inset-box-wide a {
					color: #9bab64;
					text-decoration: underline;
					font-size: 0.95em;
				}

				.inset-box li a, .inset-box-wide li a {
					color: #6f6f6f;
					text-decoration: none;
					font-size: 0.95em;
				}

				.inset-box ul {
					margin: 0;
					padding: 0;
				}

				.inset-box img {
					max-width: 215px;
					border-width: 1px 0;
					border-style: solid;
					border-color: #babbb5;
				}

				.inset-box .caption {
					font-size: 0.875em;
				}

				.inset-box .citation {
					background: #c9c9c9;
					margin: 10px -5px -7px;
					padding: 5px 15px;
					font-weight: bold;
					font-style: italic;
					text-align: right;
					font-size: 0.9em;
				}

				.footnotes {
					clear: both;
					padding: 0px 20px 5px 10px;
					margin: 15px -20px 0 45px;
					border: 1px solid #babbb5;
					background-color: #dddddd;
					font-size: 0.92em;
				}

				.footnotes h2 {
					color: #555555;
					font-style: normal;
					text-transform:uppercase;	
			
				}

			/* @end inset-box **/


			/* @group icon-list */
			/** *************************** */

				#primary ul.icon-list {
					margin: 0;
					padding: 0;
					list-style: none;
				}

				.inset-box ul.icon-list {
					margin: 0 0 0 -15px;
					padding: 0;
					list-style: none;
				}

				.icon-list li {
					margin: 0;
					list-style-type: none;
					background: url(../img/design/icons/default.png) no-repeat 15px 0.15em;
					padding: 0.35em 0 0.45em 35px;
					line-height: 1.3;
					text-indent: 0;
				}

				.icon-list li:before {
					content: "";
					color: #333;
				}

				/* ICON LIST FILE ICONS */
				.icon-list li.pdf { background-image: url(../img/design/icons/pdf.png); }
				.icon-list li.doc { background-image: url(../img/design/icons/doc.png); }
				.icon-list li.jpg { background-image: url(../img/design/icons/jpg.png); }
				.icon-list li.gif { background-image: url(../img/design/icons/gif.png); }
				.icon-list li.ppt { background-image: url(../img/design/icons/ppt.png); }
				.icon-list li.mp3 { background-image: url(../img/design/icons/mp3.png); }
				.icon-list li.none { background-image: none; }

			/* @end icon-list **/

			/* @group gallery-item */
			/** *************************** */

				#primary .gallery-item ul.icon-list,
				#primary .gallery-item .clearer,
				#primary .gallery-item h3 {
					padding-bottom: 0.5em;
				}

				#primary .gallery-item .photo {
					float: left;
					border: 1px solid #666666;
					margin-bottom: 0.5em;
				}

				#primary .gallery-item .photo img {
					width: 150px;
				}

				#primary .gallery-item ul.icon-list {
					float: left;
				}

				#primary .gallery-item p {
					clear: both; 
					color: #888888;
					font-size: 0.85em;
					line-height: 1.35em;
				}

				#primary .gallery-item p.float-left {
					clear: none;
					float: left;
					width: 320px;
					color: #888888;
					font-size: 1.05em;
					line-height: 1.35em;
					margin-left: 15px;
					padding-top: 0;
				}

			/* @end gallery-item **/

		/* @end widgets **/

	/* @end content **/




	/* @group footer */
	/** ***************************************** */

	#footer {
		color: #fff;
		background-color: #88946f;
		padding:5px 15px 1px;
	font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 25px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: none;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	#footer #affiliate {
		float: left;
		margin: 0.1em 0 0.2em;
	}

	#colophon {
		margin: 0.55em 0 0.55em;
		padding: 0;
		text-align: right;
	}

	#colophon li {
		margin: 0;
		list-style: none;
		display: inline;
	padding: 0;
}

	#colophon #nav-rss {
		padding-left: 20px;
		margin-left: 0.25em;
		background: url(../img/design/rss.png) no-repeat;
	}

	#colophon #nav-mail, #colophon #nav-admin, #colophon #nav-tools {
		border-left: 1px solid #ccc;
		padding-left:  0.5em;
		margin-left: 0.25em;
	}

	#colophon #nav-xhtml,
	#colophon #nav-css,
	#legal, #credit {
		position: absolute;
		left: -999em;
	}

	/* ***************************************** */
	/* @end footer **/




	/* @group homepage */
	/** ***************************************** */

		#homepage {
			padding: 10px 0;
		}

		#homepage #secondary {
			float: right;
			width: 405px;
			padding: 0;
			margin:0px;
			position:relative;
			top: 0;
			background: #fff;
		}
		
		
		#homepage #secondary #intro h2 {
			text-align:center;
			padding:0;
			margin:0;
		}
		
		#homepage #secondary #flash-map {
			padding:0;
			margin:0;
			text-align:center;
		}
		
		#homepage #secondary #intro p {
			padding: 0 ;
			margin:0;		
		}

		#homepage #primary {
			width: 275px;
			padding: 0;
			margin: 4px 0 0 15px;
			position: static;
			top: 0;
			float:left;
		}
		
		#homepage #primary #teasers h1 {
			font-family: "Times New Roman", Times, serif;
		}
			
		#homepage #primary .headlines {
			line-height: 1.35;
			list-style: none;
			text-indent: -1em;
			margin: 0;
		}

		#homepage #primary .headlines li:before {
			content: "\BB\0A";
		}

		#homepage h2 {
			color: #967d5c;
			padding: 0 0 5px;
		}

		#homepage hr {
			display: none;
		}


		/* @group teasers */
		/** ***************************************** */

			.teaser {
				border: 8px solid #637767;
				background-color: #f6f8db;
				padding: 5px 10px;
				margin-bottom: 10px;
			}

			.teaser h1, .teaser h2 {
				padding: 0;
			}

			.teaser h1 a, .teaser h2 a {
				color: #967d5c;
				text-decoration: underline;
			}

			.teaser .image {
				padding: 10px 0;
			}

			.teaser p, .spotlight p {
				font-weight: bold;
				line-height: 1.25;
				color: #333;
				font-size: 0.875em;
			}
			
		/* @end teasers **/

		#text-sizer {
			position: absolute;
			left: -999em;
		}

	/* @end homepage **/




	/* @group tools */
	/** ***************************************** */

		.clearer {
			clear: both;
		}

		.all-caps {
			text-transform: uppercase;
		}

		.all-lowercase {
			text-transform: lowercase;
		}

		.no-wrap {
			white-space: nowrap;
		}

		.highlight {
			background-color: #ff9;
		}

		.align-right {
			text-align: right;
		}

		.align-center {
			text-align: center;
		}
		
		img.right {
			float: right;
			margin: 0.25em 0 0.5em 0.5em;
		}

		label, form .label {
			font-weight: bold;
		}

		.default-value {
			color: #888;
		}

		.hidden,
		.divider,
		.nav-title, #skip-to-content {
			position: absolute;
			left: -999em;
		}

	/* @end tools **/




	/* @group login */
	/** ***************************************** */

		form dt {
			padding-top: 0.75em;
		}

		form button {
			margin-bottom: 1em;
		}

	/* @end login **/

}


@media print {

	/* @group text styles */
	/** ***************************************** */

		body {
			font: 0.825em/1.5 Arial, Helvetica, sans-serif;
		}

		#page-body a:link {
			color: #0033ff;
			text-decoration: underline;
		}

		#page-body a:visited {
			color: #808080;
			text-decoration: underline;
		}

		#header a:link,
		#header a:visited {
			text-decoration: none;
			color: #000;
		}

		.hidden {
			display: none;
		}

		.bold {
			font-weight: bold;
		}

		.italic {
			font-style: italic;
		}

	/* ***************************************** **/
	/* @end text styles */




	/* @group container structure */
	/** ***************************************** */

		#header {
			border-bottom: 1px solid #000;
			margin-bottom: 2em;
		}

		#navigation, #sections, #text-sizer {
			display: none;
		}

		#page-body {
	
		}

		#primary {
			float: left;
			width: 75%;
		}

		#secondary {
			float: right;
			width: 20%;
			padding-left: 2.5%;
			border-left: 1px solid #000;
		}

		#footer {
			border-top: 1px solid #000;
			margin-top: 2em;
			text-align: right;
		}

		#legal {
			float: left;
		}

	/* ***************************************** **/
	/* @end container structure */




	/* @group hidden elements */
	/** ***************************************** */

		#colophon {
			display: none;
		}

	/* ***************************************** **/
	/* @end hidden elements */

}