* { padding:0; margin: 0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#000; margin-bottom: 0px; background-color:#BCC7BB;}
#outercontainer { width: 778px; margin: 0px auto; background-image:url(../img/backgroundshadow.gif); background-repeat: no-repeat; padding: 0px;}
#innercontainer { width: 740px; margin: 0px auto 0px auto; font-size:0.9em; height:500px;padding-top:20px; padding-bottom:10px; }
a {color: #0B7506; text-decoration:none;}
a:hover {text-decoration:underline;}

#header {background-color:#0B7506; height:135px;}
#header h1 { display:block; float:left; width:323px; background: url(../img/ruralresourcenetwork_logo.gif) top left no-repeat; height: 135px; position:relative; }
#header h1 a { text-decoration: none; position: absolute; text-indent: -100em; top: 64px; left: 0px; width: 323px; height: 31px; overflow:hidden;}

#navigation {float:left; display:block; background-image:url(../img/navgrad.gif); background-repeat:no-repeat; height: 135px; width:400px;}
#navigation ul {padding-top:5px; padding-left:17px; padding-right:0px; list-style:none; float:left;}
#navigation li {display:block; background-repeat:no-repeat; position: relative; overflow:hidden; width:200px; margin:0px; padding:0px;}

#navigation li a {display:block; text-indent: -100em; height:21px; width:97px; overflow:hidden; padding:0px; margin:0px;}
#navigation li.homepage {background-image:url(../img/homepage_button.gif);}
#navigation li.whatwedo {background-image:url(../img/whatwedo_button.gif);}
#navigation li.whoweare {background-image:url(../img/whoweare_button.gif);}
#navigation li.whatwevedone {background-image:url(../img/whatwevedone_button.gif);}
#navigation li.whattheysay {background-image:url(../img/whattheysay_button.gif);}
#navigation li.contactus {background-image:url(../img/contactus_button.gif);}

#leftcolumn {display:block; float:left; width:323px; background-color:#E0EADF; min-height:457px;}
/* dont forget to do a #leftcolumn {height:477px} in IE */

#feature {display:block; margin: 20px; padding-top: 20px; padding-left: 16px;background-image:url(../img/quoteleft.gif); background-repeat:no-repeat; min-height:50px;}
#feature p {margin-bottom:10px;}

#rightcolumn {float:left; width:381px; background-color:#FFFFFF; min-height:444px; margin-top:0px; padding: 13px 18px 10px 18px;}
#rightcolumn h1 {color:#0B7506; margin-bottom:8px; font-size:2.2em;width:350px;}
#rightcolumn p {margin-bottom:10px;}
#rightcolumn img {float:right;margin-left:10px; margin-bottom:10px;}
/* dont forget to do a #rightcolumn {height:459px} in IE */
#rightcolumn #box {width:400px; padding:10px 10px 5px 10px; background-color:#E0EADF; margin:0 auto; text-align:center; border:1px solid #0B7506;}
#rightcolumn #box h2 {font-size:1.3em; margin-bottom:0px; padding-bottom:4px;}
#rightcolumn #box p {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
#rightcolumn ul {clear:both; list-style:none;}
#rightcolumn li {}
#rightcolumn .quote{ margin-left:15px;margin-right:15px; margin-bottom:15px; padding-left:10px; border-left:10px solid #0B7506;}

#rightcolumn .sitemap ul {list-style:disc; margin-left:15px; color:#0B7506;}

.arrow { display:block;width: 35px; height: 40px; margin: 10px auto; background-image:url('../img/downarrow.gif'); text-indent:100em; overflow:hidden; }

/*--- content in two bits---*/
#left {width:300px; float:left; margin-top:5px;}
#left ul {display:block; clear:both; list-style:none;}

#left .blocks {float:left; width:200px;clear:both; margin-bottom:7px;}
#left .blocks p {margin-top:35px;}
#left .blocks img {float:left; padding:0px 0px 0px 0px; margin-right:10px; border-left:10px solid #0B7506; border-top:none; border-right:none; border-bottom:none;}

.projects {float: left; width:680px; background-color:#E0EADF; margin-bottom:15px; clear:both; padding:10px;}
#rightcolumn .projects img {float:left; margin: 0px 10px 5px 0px;border-left:10px solid #0B7506; border-top:none; border-right:none; border-bottom:none;}
.projects h1 {display:inline;}






#right {width:380px; float:right;}
#right p {margin-bottom:6px;}
#right ul {list-style:none;}

#midcontainer { float: left; background-color:#E0EADF;}

#footer {clear:both; background-image:url(../img/footer_tile.gif); height:49px;}
#footer #contactdetails {display:block; float:left; width: 299px; padding-top:8px; padding-left:15px; color: #0B7506;}
#footer #footerlinks {float:left;padding-left:20px; padding-top:8px; color:#0B7506;}
#footer #footerlinks ul {position:relative; list-style:none; padding:0px; margin:0px;}
#footer #footerlinks li {display:inline; padding-right:4px; border-right:1px solid #0B7506;}
#footer #footerlinks li.last {border:none;}

#rightcolumn .editLink {float:right;}


/*--- FORM---*/
label { display:block; float: left; width: 60px; padding-right: 10px; padding-top: 3px; clear: left; }
input, select { margin-bottom: 5px; }
form input { width:280px; margin-bottom: 0.5em; }
form textarea { width:280px; margin-bottom: 0.5em; height: 200px;}
form .requiredwide textarea { width:560px; margin-bottom: 0.5em; height: 200px;}
form .requiredsmall textarea { width:280px; margin-bottom: 0.5em; height: 50px;}
form div.submit { width:340px; margin-bottom: 3em; clear:both;}
form div.submit input { float: right; margin-left: 5px; width: auto}
input { border: 1px solid #ccc; }
div.required, div.optional { clear: both; }
.imagePreview {position:relative; left:-10px;}
.previewImage {margin-right:10px;}

#rightcolumn .login label { display:block; float: left; width: 60px; overflow:hidden; padding-right: 10px; padding-top: 3px; clear: left; }
#rightcolumn .login input { width:100px; margin-bottom: 0.5em; }

#adminBar { height:15px; width: 740px; font-size:0.9em; margin-bottom: -15px; margin-left:auto; margin-right:auto; padding: 0px;}
#flashMessage {display:inline; color:#F9FF5B; font-weight:bold;}