/* 
-------------
Skoodat Website - Built by CAZABBA, Inc.
-------------
*/
#custom-doc { width:76.69em;*width:74.84em;min-width:997px; margin:0 auto; text-align:left; }
*{ margin: 0; padding: 0; }* 
body {font:12px "Arial", sans-serif; line-height: 1.6em; background: #fff url(/images/skoodat_bg.jpg) right top repeat-x; min-width: 50%; min-height: 888px;color:#4e5054;}
a {	color: #03953f;	background: inherit; text-decoration: none; }
a:hover { color: #4e5054; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
hr {color: #dddddd; background-color: #dddddd; height:1px; border: 0; width: 100%; margin-bottom: 20px;}
h1 { color:#03953f; font: bold 24pt Arial, sans-serif, #03953f;font-size: 25px;margin-top: 1px;float: left;}
.news h1 {line-height: normal;}
.home h1 { padding-bottom: 8px; line-height: 25px; }
h2 { color:#03953f; font: bold 24pt Arial, sans-serif, #03953f;font-size: 24pt;margin-bottom:10px;line-height:110%;}
h3 {color:#03953f; font: 153.9% Arial, sans-serif, bold; margin-bottom: 12px}
h4 {color:#03953f; font: bold 13px Arial, sans-serif;margin-top:10px;margin-bottom:3px;}
h5 {float:right; margin-top:6px;}
h5 a {color: #4e5054;}
h6 {color:#4e5054; font:12px Arial, sans-serif; line-height: 1.6em; background:#fff url(/images/bullet.gif) no-repeat 0px 6px; padding-left:20px; padding-bottom:6px}
img { border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.imgborder{border:0px solid #ffffff; margin-bottom: 10px;}
.thumb-border{border:1px solid #dddddd; margin-bottom: 10px;}
.imgmain{margin-bottom:10px;}
#logo { margin: 10px 0 20px 0; width: 340px; float: left; } 
#logo p { margin: 0; }
#hd {background: url(/images/skoodat_header.jpg) left top no-repeat; min-height: 90px;_height: 90px;position: relative;z-index:10;}
#bd { clear: both; width: 997px; overflow: hidden; }
ul.square {list-style-type: square}
#hd #home-link { position: absolute; top: 5px; left: 0; display: block; width: 450px; height: 70px; overflow: hidden; text-indent: -1000px; background: transparent; }
/**
-------------
Navigation
-------------
**/

#nav {width:420px;height:30px;margin-top:40px; float: right; font:18px Arial, sans-serif; text-transform: lowercase;position: relative;z-index:100;}	
#nav ul {float: left;width: 100%;list-style: none;margin: 0;padding: 0;line-height:18px;}
#nav ul li.tab ul {background: #f7f7f7;}
#nav a {display: block;color: #03953f;text-decoration: none;padding: 2px 4px 2px 4px;background:none;}
#nav li {float: left;padding: 0;background:none;}
#nav ul li {float: left;text-align:center;padding: 0;background:none;}
#nav ul li.tab {margin:0;padding:0 0 0 9px;background:url("/images/nav-tabs_left.png") no-repeat left top;}
#nav ul li.tab a {padding:5px 15px 5px 6px;text-decoration:none;font-weight:none;color:#03953f;background:url("/images/nav-tabs_right.png") no-repeat right top;}
#nav ul li.tab ul.nontab li a {background-image:none;font-weight:normal; font-size:15px; line-height:15px}
#nav ul li.tab ul.nontab li a.parent {background: url("../Secure_Server/css/menu-arrow.gif") center right no-repeat;}
#nav ul li ul {}
#nav ul li.tab ul.nontab  {margin-left:-9px; }
#nav ul li ul li {background: #03953f;text-align:left;border:none;margin-left:0;border-bottom:1px solid #03953f;float: none;}
#nav li ul {position: absolute;left: -999em;height: auto;width: auto;min-width: 9em;font-weight: normal;margin: 0;padding: 0;}
#nav li li {padding-right: 1em;}
#nav li ul a {text-align:left;background:none;}
#nav li ul ul {margin: -1.75em 0 0 14em;}
#nav li.hover ul ul, #nav li.hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li.hover ul, #nav li li.hover ul, #nav li li li.hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav ul li ul li:hover, #nav ul li ul li.sfhover {background: #4e5054;color:#fff;}
#nav ul li.tab ul.nontab li a:hover {color:#fff;}
#nav ul li.tab-hover, #nav ul li.tab-hover a {background-position:0% -30px;color:#fff;}
#nav ul li.tab-hover a {background-position:100% -30px;}
.clear { clear: both; min-height: 1px;}

/**
-------------
Log In Button
-------------
**/

#loginButton {width: 210px;height: 35px;}

/**
-------------
Search
-------------
**/

#search_box {width: 210px;height: 31px;background: url(/images/bg_search_box.gif) no-repeat;}
#search_form {position:relative;}
#search_box #s {position:absolute; left:6px; top:3px; *top:4px; padding: 0;margin: 0;border: 0;width: 180px;background: none;}
#search_box #go {position:absolute; right:2px; top:1px; margin:0;}
#home_subhead {margin-left:0px;float: right;}

/**
-------------
Submit Form
-------------
**/

	.right { text-align: right; margin-top:0px; }

		.box h3 { font-size: 93%; font-weight: bold; }
		
	.box-search { width: 210px; height: 22px; background: transparent url(/images/search-bg.png) no-repeat 0 0; margin-bottom: 1em; }
	
		.box-search input { width: 179px; padding: 4px 5px; border: 0; background: transparent; font-size: 85%; float: left; }
		
		.box-search button { width: 21px; height: 22px; display: block; overflow: hidden; text-indent: -1000px; padding: 0; border: none; background: transparent; float: right; cursor: pointer; }

	.box-contact { background: #e1e1e1; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #4e5054; padding: 10px 8px; margin-bottom: 10px;}

		.box-contact form {padding:0px;}
		
			.box-contact form table { width: 100%; border-collapse: collapse; margin: 0.25em auto 0.25em; }
			
				.box-contact form table th {  white-space: nowrap; vertical-align: top; padding: 4px 8px 0 0; width: 57px;}
				
				.box-contact form table td { padding: 2px 0 0; width: 129px; }
				
			.box-contact form label { font-size: 85%; text-transform: lowercase; }
				
			.box-contact form input[type=text], .box-contact form textarea { border: none; padding: 2px 5%; background: #fff; width: 90%; font-size: 85%; height: 1em; }
			
			.box-contact form input.text, .box-contact form textarea { border: none; padding: 5px 5%; background: #fff; width: 90%; font-size: 85%; height: 1em; }
			
			.box-contact form textarea { height: 2em; margin-top:6px; *margin-top:3px; _margin-top:0px; margin-bottom:0px; }
			
			.box-contact form p { margin-bottom: -5px; }

				.form_head { margin-bottom:0px; font-size:12pt}
				
				/**
/**
-------------
Donation Application Form
-------------
**/
	.boxleft { text-align: left; margin-top:5px;}
	
	.box-trial { background: #ebebeb; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #555555; padding: 0px 5px;}

		.box-trial form {padding:0px;}
		
			.box-trial form table { width: 100%; border-collapse: collapse; margin: 0.25em auto 0.25em; }
			
				.box-trial form table th {vertical-align:top; padding-top: 10px; line-height: 100%;}
				
				.box-trial form table td { padding-top: 6px;}
				
			.box-trial form label { font-size: 8pt; text-transform: lowercase; line-height: 10px}
				
			.box-trial form input[type=text], .box-contact form textarea { border: none; padding: 2px 5%; background: #fff; width: 90%; font-size: 85%; height: 1em; }
			
			.box-trial form input.text, .box-contact form textarea { border: none; padding: 5px 5%; background: #fff; width: 90%; font-size: 85%; height: 1em; }
			
			.box-trial form textarea { height: 2em; margin-top:6px; *margin-top:3px; _margin-top:0px; margin-bottom:0px; }
			
			.box-trial form p { margin-bottom: -5px; }

				.trialform_head {color:#000; font-size:9pt; font-weight:bold; padding-top: 5px; padding-bottom: 5px;}
				
				/**
				
-------------
Verisign Thingy
-------------
**/

	.box-certificate { background: #03953f; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #03953f; padding: 10px 8px; margin-bottom: 10px;}

		.box-certificate table {padding:0px; width: 100%; border-collapse: collapse; margin: 0.25em auto 0.25em; }
			
				.box-certificate table th { font-weight: bold; white-space: nowrap; vertical-align: top; padding: 4px 8px 0 0; width: 57px;}
				
				.box-certificate table td { padding: 2px 0 0; width: 100%; vertical-align: top; text-align:center}

/**
-------------
Content & Sidebar
-------------
**/

div.page-header { width: 730px; float: left; margin-bottom: 8px; min-height: 25px; _height: 25px; _width: auto; }

#left {width:210px; margin-left: 20px; margin-right: 20px; font: "Arial" bold; color: #696969;_overflow:hidden;}
#body {width:511px; float:left; border-top: solid 2px #03953f; margin-left: 0px;padding-top: 22px;}
#right {width:195px; float:left; font: 85% "Arial" normal; color: #696969; margin-bottom: 0px; padding-top: 10px; padding-left:20px; border-top: solid 2px #03953f; margin-left: 0px;}
#body_skoodat {width:440px; float:left; padding-top: 10px; border-top: solid 2px #03953f; margin-left: 0px;margin-bottom:20px;}
#right_skoodat {width:270px; float:left; font: "Arial" normal; color: #696969; margin-bottom: 20px; padding-top: 15px; padding-left:20px; border-top: solid 2px #03953f; margin-left: 0px;_padding-left: 16px;}
#body_full {width:730px; float:left; padding-top: 10px; border-top: solid 2px #03953f; margin-left: 0px;}
#body_officers {width:730px; float:left; padding-top: 10px; border-top: solid 2px #03953f; margin-left: 0px;margin-bottom:20px;_width:auto;}
.left {float: left;}
.left_content {float: left;width: 730px;text-align: left;margin: 0 0px 20px 0;padding: 0px;border-bottom: 1px solid #dddddd;}
.left_content img{float: left;color: #303030;background-color: #FFFFFF;margin: 3px 10px 7px 0;}
.left_content h2 { text-align: left; }
p.more {margin:0px 0 10 0;}
p.more a {color:#03953f;font-size: 10px;text-transform: uppercase;font-weight: bold;background:url(/images/green_arrow.gif) top left no-repeat;padding-left:15px;}
li.inline {display: inline;padding-left: 2px;padding-right: 2px;}
li.last {display: inline;padding-left: 0px;padding-right: 0px;border-right: 0px;} 
p.breadcrumb {color:#333;margin:0px 0 0 0; text-align: right;float: right;}
#body_skoodat ul, #body_full ul, #body_officers ul { margin: 1em 0 1em 2em; }
#body_skoodat ul li, #body_full ul li, #body_officers ul li { list-style-image: url(/images/bullet.gif); }

#body_skoodat ul.menu, #body_full ul.menu, #body_officers ul.menu { margin: 1em 0; }
#body_skoodat ul.menu ul, #body_full ul.menu ul, #body_officers ul.menu ul { margin: 0; }
#body_skoodat ul.menu li, #body_full ul.menu li, #body_officers ul.menu li { list-style: none; }




/**
-------------
Right Accordion Menu (270 px wide)
-------------
**/

.accordion-nav { background: transparent url(/images/acc-bg.png) repeat-y 50% 0; margin-bottom:20px; }

.accordion-nav, .accordion-nav * { outline: none; }

	.accordion-nav a.accordionhead { display: block; height: 32px; line-height: 32px; color: #fff; background: #49a942 url(/images/acc-header-bg.png) no-repeat 0 0; padding: 0 9px; }
	
	.accordion-nav .first a.accordionhead { background-image: url(/images/acc-header-first-bg.png); }

	.accordion-nav ul { color: #333; margin: 0; }
	
		.accordion-nav ul li { line-height: 1.3em; }
	
			.accordion-nav ul li ul { padding-bottom: 11px; background: transparent url(/images/acc-list-bg.png) no-repeat 50% 100%; margin-bottom: -5px; position: relative; z-index: 2; text-transform: lowercase; font-size: 85%; }

			.accordion-nav ul li.last ul { padding-bottom: 6px; background: transparent; margin-bottom: 0; border-bottom: 1px solid #003678; }
			
				.accordion-nav ul li ul li { padding: 0 15px; margin-bottom: 0.9em; }
				
				.accordion-nav ul li ul li.first { padding-top: 11px; background: transparent url(/images/acc-list-first-bg.png) no-repeat 50% 0; _margin-top: -2px; }
				
					.accordion-nav ul li ul li a { color: #333; background: 0; }


/**
-------------
Footer
-------------
**/

#ft {font-size: 77%; font: normal "Trebuchet MS", Tahoma, sans-serif; color:#8c8c8c; border-top: solid 1px #dddddd; padding-top: 5px;margin-left: 20px;margin-right: 20px;}
#ft a {color:#8c8c8c; padding-right: 20px;}
#ft p.left {float:left;color:#dddddd;}
#ft p.right {float:right;}
	
/**
-------------
Solutions Finder
-------------
**/

.solution-nav { margin-bottom:20px;width:730px;_width: auto;  }

.solution-nav, .accordion-nav * { outline: none; }

	.solution-nav a.solutionhead { display: block; height: 32px; line-height: 32px; color: #003869;background:#fff url(/images/arrow.gif) no-repeat 15px 50%;border-bottom: solid 1px #cccccc; padding-top:5px;padding-bottom:5px; padding-left:44px;}

	.solution-nav a.open { background-image: url(/images/arrow-down.gif); }
	
	.solution-nav .first a.solutionhead { font-size:18px; }

	.solution-nav ul { color: #333; margin: 0;  }
	
		.solution-nav ul li { font-size:18px; }
		
		#body_officers .solution-nav ul li, #body_officers .solution-nav ul li ul li { list-style: none !important; list-style-image: none !important; }
	
			.solution-nav ul li ul { position: relative; z-index: 2; font-size:18px; border-bottom: 1px solid #cccccc; }

			.solution-nav ul li.last ul { padding-bottom: 6px; background: transparent; margin-bottom: 0; border-bottom: 1px solid #003678; font-size:18px; }
			
				.solution-nav ul li ul li { padding: 0 15px; font-size:18px; border-top: 1px solid #cccccc; background: #f3f3f3; }

				.solution-nav ul li ul li.first { border-top: none; }
				
					.solution-nav ul li ul li a { color: #676767; font-size:18px; display: block; height: 42px; line-height: 42px; background: transparent url(/images/arrow_gray.gif) no-repeat 0 50%; padding-left: 29px; }



/**
-------------
News Ticker
-------------
**/

ul.newsticker { background: #007932 url(/images/newsticker-bg.png) repeat-x 0 0; margin-bottom:20px; }
#body_skoodat ul.newsticker, #body_full ul.newsticker, #body_officers ul.newsticker { margin: 0 0 20px; }

	ul.newsticker li { padding: 5px; min-height: 60px; _height: 60px; color: #fff; font-size: 110%; width: 100%; }

	#body_skoodat ul.newsticker li, #body_full ul.newsticker li, #body_officers ul.newsticker li { list-style: none; }

	#body_skoodat ul.newsticker li { width: 100%; }
	
		ul.newsticker li img { float: left; margin-right: 5px; }
		
		ul.newsticker li p { float: left; margin: 0; width: 85%; }
		
		#body_skoodat ul.newsticker li p { width: 85%; }

		ul.newsticker li span { display: block; line-height: normal; margin: 0.5em 0; }
		
		ul.newsticker li a.more { display: block; float: right; width: 12%; text-align: center; padding: 0 5px; height: 50px; line-height: 50px; margin: 5px 0; text-transform: uppercase; color: #fff; border-left: 1px solid #4eb857; }
		

	
/**
-------------
News Ticker Secondary
-------------
**/

ul.newstickersecondary { background: #007932 url(/images/newsticker-bg.png) repeat-x 0 0; margin-bottom:20px; }
#body_skoodat ul.newstickersecondary, #body_full ul.newstickersecondary, #body_officers ul.newstickersecondary { margin: 0 0 20px; }

	ul.newstickersecondary li { padding: 5px; min-height: 60px; _height: 60px; color: #fff; font-size: 100%; width: 440px; }
	
	#body_skoodat ul.newstickersecondary li, #body_full ul.newstickersecondary li, #body_officers ul.newstickersecondary li { list-style: none; }

	#body_skoodat ul.newstickersecondary li { width: 100%; }

		ul.newstickersecondary li img { float: left; margin-right: 5px; }

		ul.newstickersecondary li p { float: left; margin: 0; width: 316px; }
		
		#body_skoodat ul.newstickersecondary li p { width: 85%; }

		ul.newstickersecondary li span { display: block; line-height: normal; margin: 0.5em 0; }

		ul.newstickersecondary li a.more { display: block; float: right; width: 49px; text-align: center; padding: 0 5px; height: 50px; line-height: 50px; margin: 5px 0; text-transform: uppercase; color: #fff; border-left: 1px solid #4eb857; }
		
		
		

.heroshot {
	position: relative;
	width: 730px;
	height: 510px;
	overflow: hidden;
}

	.heroshot img {
		position: absolute;
		top: 0px;
		left: 0px;
	}

/* Lightbox */
#overlay {
	position: fixed;
	*position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	background: #fff;
	width: 100%;
	height: 100%;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

	#popup {
		width: 194px;
		height: auto;
		position: fixed;
		*position: absolute;
		top: 100px;
		left: 50%;
		margin: 0 0 0 -105px;
		z-index: 10001;
		text-align: left;
		background: #007932 url(/images/popup-bg.png) repeat-x 50% 0;
		border: 2px solid #03953f;
		color: #fff;
		padding: 8px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}

		#popup .close {
			position: absolute;
			top: 8px;
			right: 8px;
			display: block;
			overflow: hidden;
			line-height: 1em;
			width: 17px;
			height: 16px;
			text-indent: -1000px;
			background: url(/images/popup-close.png);
		}
		
		#popup h2 { font-size: 100%; color: #fff; font-weight: bold; }
		
		#popup label { font-size: 85%; display: block; padding:0.1em 0.25em; margin: 0; }

		#popup input.text { margin-bottom:0.5em; padding: 2px 4px; border: 1px solid #00729e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 184px; }
		
		#popup input.error { border-color: #a7290e; }

		#popup button { float: right; border: 1px solid #00294e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; background: #00294e url(/images/popup-button-bg.png) repeat-x 50% 0; text-transform: uppercase; padding: 3px; }
		
	div.swf { margin: 0 0 1em; background: #ddd; padding: 5px; text-align: center; }