@import url("reset.css");

body {

	background:url("../images/body-bg.jpg") repeat-x #00649d;
	font-family:Helvetica, Arial, sans-serif;
	
}

strong { font-weight:bold; }
em { font-style:italic; }


	div#main-container {
	
		width:960px;
		margin:0 auto;
		min-height:800px;
		position:relative;
		overflow:hidden;
		
		
	}
	
	img#main-logo {
	
		position:absolute;
		right:0;
		top:10px;
	
	}
	
	ul#top-nav { 
	
		display:block;
		float:left;
		margin:126px 0 7px 0;
		height:40px;
	
	}
	
	ul#main-nav {
	
		display:block;
		float:left;
		height:40px;
	
	}
	
	ul#top-nav li {
	
		float:left;
		margin:0 7px 0 0;
		font-size:14px;
		height:40px;
		line-height:40px;
		color:#75b66a;
	
	}
	
	ul#top-nav li a {
	
		color:#75b66a; 
		text-decoration:none;
	
	}
	
	ul#top-nav li a:hover {
	
		color:#00649d
	
	}
	
		img#lock-icon { position:relative; bottom:-4px; left:4px; }
	
	ul#main-nav li {
	
		float:left;
		height:40px;
		line-height:40px;
		margin:0 5px 0 0;
		font-size:14px;
		color:#b2d1e2;
		font-family:"Avenir", Helvetica;		
	
	}
	
		ul#main-nav li a {
			
			display:block;
			float:left;
			height:40px;
			line-height:40px;
			color:#b2d1e2;
			text-decoration:none;
				
		}
	
		ul#main-nav li a:hover, ul#main-nav li.active a, ul#main-nav li.current_page_item a, ul#main-nav li.current_page_ancestor a {
		
			background:url("../images/icons/green-bump.png") no-repeat center bottom;
			color:#fff;
		
		}
		
		
	div#sidebar {
	
		float:left;
		width:180px;
		padding:20px;
		background:url("../images/sidebar-bg.png") repeat-x;
		margin:9px 0 0 0;
		min-height:450px;
overflow:auto;	
	}		
	
		div#sidebar p a { color:#fff; }
	
	body#inside div#sidebar {
	
		background:#75b66a;
		position:absolute;
		top:211px;
		left:0;
		bottom:0;
	
	}
	
		div#sidebar > p { color:#b2d1e2; font-size:15px; line-height:18px; margin:0 0 15px 0; }
		div#sidebar p strong { color:#fff; font-weight:bold; }
		div#sidebar p.order a { color:#fff; text-decoration:none; }
		div#sidebar p.order img { position:relative; bottom:-4px; }
		
		div#sidebar h2 { font-family:"Avenir Black", helvetica, arial; font-size:24px; color:#fff; line-height:normal; text-transform:uppercase; margin:0 0 20px 0;}
		
		div#sidebar ul.sidenav {
		
			float:left;
		
		}
		
		div#sidebar ul.sidenav > li {
		
			float:left;
			display:block;
			width:180px;
			margin:0 0 4px 0;
		
		}
		
		div#sidebar ul.sidenav > li a {
		
			font-size:14px;
			color:#fff;
			text-decoration:none;
			line-height:normal;
		
		}
		
		div#sidebar ul.sidenav > li.current_page_item,
		div#sidebar ul.sidenav > li.current_page_parent,
		div#sidebar ul.sidenav > li.current_page_ancestor
		 {
		
			background:#3a8d84;
			margin:10px 0 10px -20px;
			width:180px;
			padding:20px;
		
		}
		
			div#sidebar ul.sidenav > li.current_page_item > a {
			
				font-weight:bold;
			
			}
			
			div#sidebar ul.sidenav > li.current_page_item > ul li a,
			div#sidebar ul.sidenav > li.current_page_parent > ul li a,
			div#sidebar ul.sidenav > li.current_page_ancestor > ul li a{
			
				color:#c8e2c3;
				font-style:italic;
				text-decoration:none;
			
			}
			
			div#sidebar ul.sidenav > li.current_page_item ul,
			div#sidebar ul.sidenav > li.current_page_parent ul,
			div#sidebar ul.sidenav > li.current_page_ancestor ul {
			
				display:block;
				margin:5px 0 0 20px;
				color:#c8e2c3;
			
			}
			
			div#sidebar ul.sidenav > li.current_page_item > ul li,
			div#sidebar ul.sidenav > li.current_page_parent > ul li, 
			ul.children li {
			
				list-style-type:disc;
				margin:0 0 3px 0;
			
			}
			
			div#sidebar ul.sidenav > li.current_page_item > ul li.current_page_item a,
			div#sidebar ul.sidenav > li.current_page_parent > ul li.current_page_item a,
			div#sidebar ul.sidenav > li.current_page_ancestor > ul li.current_page_item a
			 {
			
				font-weight:bold;
				color:#fff;
			
			}
		
		ul.children { display:none; }
	
	
	div#main-content {
	
		float:left;
		width:720px;
		min-height:500px;
		margin:19px 0 0 20px;
	
	}
	
	body#inside div#main-content {
	
		margin:19px 0 0 240px;
	
	}
	
	div.breadcrumbs {
	
		padding:10px 0 15px 0;
		color:#add3a5;
	
	}
		div.breadcrumbs a, div.breadcrumbs span { color:#add3a5; font-size:17px; line-height:normal; }
		div.breadcrumbs a { text-decoration:none; }
		div.breadcrumbs .active { color:#fff; }
		div.breadcrumbs span { padding:0 1px; }
	
	div.module {
	
		float:left;
		width:660px;
		background:#fff;
		padding:30px;
		margin:0 0 20px 0;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	
	}
	
		div.module > h3 { color:#75b66a; font-weight:bold; font-size:15px; line-height:normal; margin:0 0 20px 0; text-transform:uppercase; }
		div.module h4 a { color:#00649d; text-decoration:none; }
		div.module h4 { color:#00649d; font-size:15px; font-weight:bold; line-height:normal; margin:0 0 4px 0; }
		div.module small { font-size:12px; font-style:italic; }
		div.module p { color:#4d4d4d; font-size:15px; line-height:18px; }	
		div.module a { color:#00649d; text-decoration:none; }
		
		div.entry, div.post { padding:0 0 0px 0; margin:0 0 15px 0; border-bottom:1px #e0e0e0 solid; }
		div.entry:last-child, div.post:last-child { border:none; } /* definitely won't work in ie */ 
	
	div.module.home {
	
		width:680px;
		background:url("../images/home-module-bg.jpg") no-repeat #fff top center;
		min-height:500px;
		-moz-border-radius-topleft:0;
		-moz-border-radius-topright:0;		/* border radius does not work in any version of ie */		
		-webkit-border-top-left-radius:0;
		-webkit-border-top-right-radius:0;
		padding:20px;
	
	}
	
	/* default module for inside pages */
	div.module.main {
	
		background:url("../images/inside-module-bg.jpg") no-repeat #fff top center;
		-moz-border-radius-topleft:0;
		-moz-border-radius-topright:0;		/* border radius does not work in any version of ie */		
		-webkit-border-top-left-radius:0;
		-webkit-border-top-right-radius:0;
		min-height:200px;		
		padding:70px 30px 30px 30px;
	
	}
	
	div.module.news {
	
		width:400px;
	
	}
	
	div.module.sidebar {
	
		width:180px;
		float:right;
	
	}
	
		/* inside page typography */
	
		div.module.main h1 { color:#00649d; font-family:"Trebuchet MS", sans-serif; font-size:28px; font-weight:bold; line-height:normal; margin:0 0 30px 0; max-width:70%;}
		div.module.main h2 { color:#75b66a; font-size:15px; font-weight:bold; line-height:normal; margin:0 0 8px 0; }
		div.module.main > p { color:#666666; font-size:15px; line-height:normal; margin:0 0 15px 0; }

		div.module.main blockquote { 
			float:left;
			width:630px;
			background:url("../images/blockquote-bg.jpg") repeat-y;
			position:relative;
			left:-30px;
			margin:10px 0 20px 0;	
			padding:15px 30px;
		}
		
		div.module.main blockquote q { quotes: '\201C' '\201D' '\2018' '\2019'; display:block; color:#00649d; font-size:15px; font-weight:Bold; line-height:20px; margin:0 0 8px 0; float:left; font-style:italic; width:500px; }
		div.module.main blockquote q:before { content:open-quote; }
		div.module.main blockquote q:after { content:close-quote; }
		div.module.main blockquote cite { display:block; color:#000; font-size:15px; font-weight:normal; line-height:normal; width:630px;  float:left; }
		
		
		div.module.home h1 { color:#75b66a; font-size:43px; margin:80px 0 0 240px; line-height:normal; }
		div.module.home > p { margin:10px 25px 0 245px; line-height:24px; font-size:15px; color:#4d4d4d; }
		div.module.home strong { color:#00649d; }
		div.module.home p.watch { margin:0px 0 0 10px; color:#75b66a; float:left; }
		div.module.home p.watch a { color:#75b66a; text-decoration:none; }
		div.module.home p.watch img { position:relative; bottom:-8px; } 
		div.module.home p.watch a:hover { color:#4d4d4d; }
	
		div.module.sidebar ul { margin:0 0 15px 0; }
		div.module.sidebar ul li a { color:#666666; text-decoration:none; font-style:italic; font-weight:bold; }
		div.module.sidebar ul li { list-style-type:none; font-size:12px; margin:0 0 5px 0;}
		div.module.sidebar p a { font-weight:bold; font-style:italic; font-size:12px; }
	
	
	div.video-frame { float:left; margin:25px 0 10px 10px; }
	div.video-frame div.video { -moz-box-shadow:0px 0px 5px #666; -webkit-box-shadow:0px 0px 5px #666; box-shadow:0px 0px 5px #666; width:270px; height:170px; float:left; }
	div.video-frame div.description { float:left; background:url("../images/video-bg.jpg") no-repeat center; width:369px; height:80px; padding:45px 0 45px 20px;}
	div.description > p { color:#c6e0cb; font-size:16px; line-height:24px; width:245px; }
	div.description > h3 { color:#fff; font-weight:bold; line-height:24px; margin:0 0 2px 0; }

	
	span.caption { background:#cce4c7; display:block; overflow:hidden; padding:2px; margin:10px 0; }
	span.caption.right { float:right; margin:0px 0 10px 15px; }
	span.caption.left { float:left; margin:0px 15px 10px 0; }
	span.caption img { display:block; float:left; }
	span.caption p { display:block; clear:both; float:left; max-width:275px; margin:5px; font-size:12px; color:#00649d; }



	table td { padding:10px; }
	table td p { margin:0 0 10px 0; }



	div.form-holder { display:none; padding:15px 0;}
	div.form-holder p { font-size:12px; margin:0 0 15px 0; }
	
	
	div#output { padding:10px; font-size:13px; line-height:21px; color:#555; background:#eee; margin:10px 0; display:none; }
	form fieldset { float:left; margin:10px 0; }
	fieldset label { display:block; float:left; font-size:12px; width:200px; text-align:right; padding:5px 10px 0 0; margin:0 0 5px 0; line-height:normal; color:#333; vertical-align:middle;}
	fieldset input, fieldset textarea, fieldset select, fieldset div.boxes { float:left; margin:0 0 5px 0; font-size:12px; line-height:20px; color:#333; font-family:inherit; vertical-align:middle;}
	fieldset select, input[type=text], fieldset textarea { padding:3px; width:250px; }
	fieldset input[type=checkbox] { float:left; margin:0px 0 0 5px 0; position:relative; top:5px; }
	fieldset div.boxes { float:left; font-size:12px; line-height:24px; }
	fieldset div.boxes input { margin:0 5px 5px 0; }
	fieldset input[type=submit] { margin:0 0 0 100px;  }
	fieldset label img { vertical-align:middle; }
	fieldset input#captcha { width:100px; position:relative; top:8px;}
	fieldset br { clear:both; }
	
	div.wpcf7 { float:left; clear:both; }
	div.wpcf7 p { color:#333; font-size:14px; line-height:22px; margin:0 0 12px 0; }
	
	div.entry-meta { margin:5px 0 15px 0; color:#666; font-size:11px; }
	div.post h1.entry-title { margin:0 0 5px 0; }
	div.navigation { margin:10px 0 20px 0; line-height:22px; }
	div.post div.entry-content p { font-size:13px; line-height:20px; color:#333; margin:0 0 14px 0;}
	div.post div.entry-content { margin:0 0 15px 0; }
	div.post div.entry-utility { font-size:11px; color:#666; margin:0 0 5px 0;}
	
	
div.module.main img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
div.module.main .attachment img {
	max-width: 900px;
}
div.module.main .alignleft,
div.module.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
div.module.main .alignright,
div.module.main img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
div.module.main .aligncenter,
div.module.main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.module.main img.alignleft,
div.module.main img.alignright,
div.module.main img.aligncenter {
	margin-bottom: 12px;
}
div.module.main .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
div.module.main .wp-caption img {
	margin: 5px 5px 0;
}
div.module.main .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
div.module.main .wp-smiley {
	margin: 0;
}
div.module.main .gallery {
	margin: 0 auto 18px;
}
div.module.main .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
div.module.main .gallery img {
	border: 2px solid #cfcfcf;
}
div.module.main .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
div.module.main .gallery dl {
	margin: 0;
}
div.module.main .gallery img {
	border: 10px solid #f1f1f1;
}
div.module.main .gallery br+br {
	display: none;
}
div.module.main .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
	
