﻿/* Page Reset 
---------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

form label { cursor:pointer; }
fieldset, a img { border:none; }
table { border-collapse:collapse; border-spacing:0; }

/* Text-scaling 
---------------------------------------------------------*/
html, body, fieldset { font:100.1%/120% arial, helvetica, sans-serif; }
input, select, textarea { font-size:100.1%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }

/* Font Sizing 
---------------------------------------------------------*/
body { font:13px/1.5 arial, helvetica, sans-serif;*font-size: small; }
#doc { font-size:1em; }
table { font-size:inherit; font-size:100%; }
select, input, textarea { font:99% arial, helvetica, sans-serif; }
pre, code { font:1.2em monospace; }

a:link, a:visited {
	color: #f45505;
}
a:hover, a:active {
	color: #ff8043;
}

h1 {/* 18px */
	margin:1.0833em 0;
	font-size:1.3846em;
	line-height:1.0833;
}
h2 {/* 16px */
	margin:1.2188em 0;
	font-size:1.2308em;
	line-height:1.2188;
	color: #f45505;
}
h3 {/* 13px */
	margin:1.5em 0;
	font-size:1em;
	line-height:1.5;
}
p {
	margin:1.5em 0;
	font-size:1em;
	line-height:1.5;
	color: #595959;
}

.wrapper { display:inline-block; }
.wrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .wrapper { height:1%; }
.wrapper { display: block; }

/* Layout 
---------------------------------------------------------*/
body 			{margin-top: 32px; background: #FFF url(images/body-background.png) repeat-x; text-align: center;}
.wrapper		{width: 780px; margin: 0 auto; padding:0 10px; text-align: left; background: transparent url(images/top-left.png) no-repeat 0 0;}

#left-side		{float: left; width: 225px; padding-left: 25px; background-color: #FFF;}

h1 				{margin: 0 0 32px 0;}
.logo			{display: block; width: 201px; height: 28px; background: transparent url(images/logo.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}

#quick-links li	{font: bold 9px Verdana, sans-serif; list-style: none; line-height: 20px; margin-right: 20px; background: url(images/divider.png) repeat-x 0 bottom;}
#quick-links li a {text-decoration: none; display: block; padding: 15px 0  0 38px; color: #666; margin-bottom: 4px;}
#quick-links li a:hover 	{color: #f45505;}
#quick-links li a.startnow 	{background: url(images/icons.gif) no-repeat 0 8px;}
#quick-links li a.funding 	{background: url(images/icons.gif) no-repeat 0 -32px;}
#quick-links li a.download 	{background: url(images/icons.gif) no-repeat 0 -72px;}

/* Navigation
-----------------------------------------------------------*/
ul#nav 		{float: left; background: transparent url(images/menu.png) no-repeat 0 0; line-height: 40px; *height: 40px;}
ul#nav li	{list-style: none; float: left;}
ul#nav li a	{font-size: 12px; font-weight: bold; color: #FFF; text-decoration: none; padding: 0 2em; display: block;}
ul#nav li a:hover {color: #bcd2a6;}
ul#nav li a.home:hover, ul#nav li a.active1 {background: transparent url(images/menu.png) no-repeat left bottom;}
ul#nav li a.works:hover,ul#nav li a.about:hover,ul#nav li a.contact:hover, ul#nav li a.active2 {background: transparent url(images/menu.png) no-repeat -8px bottom;}

#content ul		{list-style: circle;}
#content li		{margin-left: 2.5em; color: #595959;}
#content li	a	{color: #337300; text-decoration: none;}
#content li	a:hover {color: #72aa00;}


.roundBox 		{background:transparent url(images/roundBox.gif) no-repeat top left; width:213px; padding: 5px; margin: 20px 0 5px -10px;}
.roundBox .boxBottom {background:white url(images/roundBox.gif) no-repeat bottom left; font-size:1px; line-height:1px; height:14px; margin:0 -5px -5px -5px;}
.roundBox h3 	{margin: 0; padding: 4px 0 3px 4px;}
.roundBox p		{margin: 0; padding: 8px 0 0 0;}
.roundBox h3 	{color: #f45505; background: transparent url(images/divider.png) repeat-x 0 bottom; font-size: 15px; font-weight: normal;}

blockquote 		{padding: 8px 8px 0 16px; font: italic 13px Georgia,"Times New Roman",Times,serif; color: #666; background: url(images/quotes.gif) no-repeat 0 6px; line-height: 1.5em;}
#right-side		{float: left; width: 460px;}
#flash-banner	{float: left; min-height : 180px; height: auto !important; height: 180px;}
#content		{float: left; padding-left: 10px; padding-right: 10px;}

#footer			{
	background: #cecece url(images/footer.gif) repeat-x; min-height: 140px; height: auto !important; height: 140px;
	font-family: "Trebuchet MS",arial,sans-serif; font-size: 93%;
}
#footer .wrap	{
	margin: 0 auto; width: 520px; text-align: left; padding-left: 260px; padding-top: 28px;
}
#footer .wrap  {
	font-size: 12px;}
#footer .wrap a {
	color: #595959; text-decoration: none;
}
.myform{ margin:0 auto;	padding:14px; width: 400px; }

	button{border:0; margin:0; padding:0;}

	#basic{background: #dfdfdf; border: solid 2px #d5d5d5; color: #555;}
	#basic h2{margin: 0 0 1.2em; color:#337300; font-size: 15px;}
	#basic label{ display:block; font-weight:bold; text-align:right; width:140px; float:left; }
	#basic p{ font-size:11px; color:#666666; margin-bottom:20px; margin-top: -10px; padding-bottom:5px; }
	#basic .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; }
	#basic input,#basic div.captcha, #basic textarea, #basic select.selectOne {float:left; width:211px;margin:2px 0 30px 10px; padding: 4px; clear:right;}
	#basic button{ cursor: pointer; clear:both; letter-spacing: 1px; margin-left:150px; width:87px; height:27px; background:transparent url('images/generic.png') no-repeat; text-align:center; line-height:25px; color:#FFFFFF; font-size:11px; font-weight:bold; }

	#content table#tbl { border-left: 1px solid #ece9d8; border-top: 1px solid #ece9d8; }
	#content table#tbl td,#content table#tbl th { text-align: left;	vertical-align: top; padding: 5px; border-bottom: 1px solid #ece9d8; border-right: 1px solid #ece9d8; }
	#content table#tbl th { color: #fff; background-color: #679800; }
	#content table#tbl td {	background-color: #fff; color: #555; }
	
	#content table#adds { width: 68%; }
	#content table#adds img	{ padding: 0.1em; border: transparent solid 1px; }
