/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
Rice Raiser
file:		riceraiser/workspace/assets/css/screen.css
author:		Stephen Bau
date:		18 September 2008
----------------------------------------------- */




/* body
----------------------------------------------- */
body {
	font: normal 75%/1.5em Helvetica, Arial, sans-serif;
	color: #333;
	background: url(i/canvas_tile.jpg) top center repeat;
	margin:0;
	padding:0;
	text-align: center; 
	min-width: 768px;
	}
body * {
	margin:0;
	padding:0;
	border:none;
	}
a { 
	color: #637F07;
	text-decoration: none;
	}
a:link, a:visited  { 
	color: #637F07;
	text-decoration: none;
	}
a:hover, a:active {
	color: #900;
	text-decoration: none;
	}
img, img a {
	border:0;
	}


/* form styles
----------------------------------------------- */
form input.text,
form input.password,
form input.password-confirm,
form select {
	border: 1px solid #c3c3c3;
	border-top: 1px solid #666;
	border-bottom: 1px solid #ddd;
	background: #fff url("i/fieldbg.gif") 0 0 repeat-x;
	padding: 2px 0;
	font-size: 1em;
	color: #333;
	width:100%;
	}
form select {
	padding:0;
	}
form textarea {
	font: normal 1em/1.5em "Lucida Grande", helvetica, arial, sans-serif;
	color:#333;
	border:1px solid #c3c3c3;
	border-top:1px solid #666;
	border-bottom:1px solid #ddd;
	background: #fff url("i/fieldbg.gif") 0 0 repeat-x;
	padding:2px 0;
	}
form input.text:focus,
form input.password:focus,
form input.password-confirm:focus,
form textarea:focus {
	border:1px solid #91b8da;
	color:#000;
	}
form select:focus {
	border:1px solid #91b8da;
	color:#000;
	}
form input.submit,
form input.button  {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em;
	color: #333;
	font-size:1em;
	background:#fff;
	}
form input.submit:hover,
form input.button:hover {
	border: 3px double #333;
	border-top-color: #aaa;
	border-left-color: #aaa;
	padding: 0.25em;
	color: #fff;
	background:#666;
	}
form input.submit:active,
form input.button:active {
	border: 3px double #600;
	border-top-color: #f00;
	border-left-color: #f00;
	padding: 0.25em;
	color: #fff;
	background:#900;
	}
form input.file {
	margin-bottom:8px;
	}
label {
	display:block;
	width:100%;
	margin-bottom:12px;
	}

fieldset h4 {
	margin-top:2em;
}


/* container
----------------------------------------------- */
#container {
	background: url(i/ricebowl_crop.jpg) -10px 10px no-repeat;
	}


/* header_wrap
----------------------------------------------- */
#header_wrap {
	background: url(i/blue_border.jpg) bottom center repeat-x;
	padding: 0 0 27px 0;
	}


/* header
----------------------------------------------- */
#header {
	margin: 0 auto;
	text-align: left;
	height:210px;
	width: 768px;
	position: relative;
	}


/* logo
----------------------------------------------- */
#logo {
	position: relative;
	}
#logo h1 {
	margin: 0;
	padding: 0;
	}
#logo span {
	display: none;
	}
#logo a {
	position: absolute;
	top: 50px;
	left: 203px;
	background: url(i/riceraiser_header.jpg) top left no-repeat;
	width: 210px;
	height: 150px;
	}


/* donate now
----------------------------------------------- */
a#donate_now {
	position:absolute;
	left:89px;
	top:97px;
	text-indent:-9999em;
	display:block;
	width:102px;
	height:102px;
	background:url(i/btn_donate.jpg) 0 0 no-repeat;
	}
a#donate_now:hover {
	background-position:0 -102px;
	}


/* register now
----------------------------------------------- */
p#register_now {
	position:absolute;
	left:562px;
	top:269px;
	}
p#register_now a {
	text-indent:-9999em;
	display:block;
	width:180px;
	height:68px;
	background:url(i/btn_register.jpg) 0 0 no-repeat;
	}
p#register_now a:hover {
	background-position:0 -68px;
	}


/* globalNav
----------------------------------------------- */
#globalNav {
	float:right;
	height:100px;
	}
#globalNav ul{
	margin:0 24px 0 0;
	padding:0;
	width:540px;
	list-style:none;
	}
#globalNav li {
	float:left;
	margin: 0;
	width: 90px;
	text-align: center;
	}
#globalNav li a {
	display: block;
	color: #666;
	padding: 10px 0 30px 0;
	width: 90px;
	background: url(i/menu_tab.jpg) top left no-repeat;
	background-position: 0 -10px;
	font-weight: bold;
	}
#globalNav li.current a {
	color: #600;
	padding: 20px 0 20px 0;
	background-position: 0 0;
	}
#globalNav li a:hover {
	color: #666;
	padding: 15px 0 25px 0;
	background-position: 0 -5px;
	}
#globalNav li a:active {
	color: #333;
	padding: 20px 0 20px 0;
	background-position: 0 0;
	}
#globalNav li.current a:hover {
	color: #600;
	padding: 20px 0 20px 0;
	background-position: 0 0;
	}


/* photographs
----------------------------------------------- */
#photographs {
	position:relative;
	}
#photographs img {
	position:absolute;
	background:url(i/photos_bg2.jpg) top left no-repeat;
	padding:29px 40px 33px 34px;
	top:50px;
	left:422px;
	width:270px;
	height:180px;
	}

/* flash slideshows
----------------------------------------------- */	
#flash_photographs {
	width: 344px;
	height: 242px;
	background: url(i/photos_bg2.jpg) no-repeat;
	position: absolute;
	left: 422px;
	top: 50px;
	}
#flash_photographs #object {
	position:absolute;
	background:url(i/photos_bg2.jpg) top left no-repeat;
	width:270px;
	height:180px;
	left: 34px;
	top: 29px;
	}
	
#slideshow_wrap {
	display:block;
	clear:both;
	width:504px;
	height: 336px;
	background-image:;
	background: url(i/large_slideshow.jpg) no-repeat;
	margin-left: 37px;
	}
#slideshow_wrap #rr_slideshow {
	margin-left: 18px;
	margin-top: 18px;
}



/* wrapper
----------------------------------------------- */
#wrapper {
	background: #fff url(i/wrapper_bg.jpg) top center repeat-y;
	}



/* pageBody
----------------------------------------------- */
#pageBody {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	}


/* main
----------------------------------------------- */
#main {
	float: left;
	width: 564px;
	}


/* pageHeader
----------------------------------------------- */
#pageHeader * {
	margin:0;
	padding:0;
	}
#pageHeader {
	margin: 0 auto;
	width:768px;
	height:102px;
	background:#fff url(i/pageheader_bg2.jpg) center top no-repeat;
	}
#pageHeader h4 {
	display:none;
	}


/* sectionNav
----------------------------------------------- */
#sectionNav {
	float: left;
	width: 180px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.4em;
	color: #666;
	padding-bottom:18px;
	}
#sectionNav h2 {
	margin:0;
	margin-left:12px;
	padding:0;
	color:#600;
	font-size:.9em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.2em;
	}
#sectionNav h2 a,
#sectionNav h2 a:link,
#sectionNav h2 a:visited {
	color:#600;
	}
#sectionNav h2 a:hover,
#sectionNav h2 a:active {
	color:#900;
	}
#sectionNav h4 {
	font-size:1em;
	color:#333;
	margin:10px 0 0 12px;
	padding:0;
	}
#sectionNav ul {
	margin: 6px 0 20px 12px;
	padding: 0;
	border-top: 1px solid #CDC8B9;
	width: 168px;
	}
#sectionNav ul li {
  color:#666;
	line-height: 1.2em;
	margin: 0;
	list-style: none;
	}
#sectionNav ul li a { 
	color: #637F07;
	line-height: 1.2em;
	display: block;
	margin: 0;
	text-decoration:none;
	padding: .5em 10px .5em 0;
	border-bottom:1px solid #CDC8B9;
	width: 158px;
	}
#sectionNav ul li a:link, a:visited  { 
	color: #637F07;
	}
#sectionNav ul li a:hover {
	color: #900;
	line-height: 1.2em;
	background:url(i/sectionmenu_bg.jpg) right top repeat-y;
	}
#sectionNav ul li.current a { 
	color:#900;
	background:url(i/sectionmenu_active.jpg) right top repeat-y;
	}
#sectionNav p.banner-vert img {
	background:url(i/banner_frame_vert.jpg) top left no-repeat;
	padding:18px;
	width:100px;
	height:328px;
	margin-left:20px;
	}


/* content_wrap
----------------------------------------------- */
#content_wrap {
	float: left;
	width: 588px;
	margin-bottom:18px;
	}


/* content
----------------------------------------------- */
#content {
	float: left;
	width: 337px;
	padding: 0 20px 12px 24px;
	}
#content h3 {
	font: normal 2em/1.2em Georgia, "Times New Roman", Times, serif;
	margin-bottom:.8em;
	color: #600;
	}
#content h3 a {
	color: #600;
	}
#content h3 a:hover {
	color: #900;
	}
.section_news #content h3 {
	margin-bottom:.3em;
	}
#content h4 {
	font-size:1.2em;
	line-height:1.2em;
	color:#900;
	margin-bottom:.5em;
	}
#content h5 {
	color:#000;
	font-size:1.1em;
	margin:0 0 .5em 0;
	}
#content h6 {
	color: #000;
	font: normal 1em/1.7em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin:0 0 1em 0;
	}
#content p + h3 {
	margin-top:1em;
	padding-top:.5em;
	border-top:1px solid #CDC8B9;
	}
#content p {
	margin:0 0 1em 0;
	line-height:1.4em;
	}
#content p.photo img {
	background:url(i/photoframe.jpg) top left no-repeat;
	padding:18px;
	width:270px;
	height:180px;
	margin-left:14px;
	}
#content p.portrait img {
	background:url(i/photoframe_portrait.jpg) top left no-repeat;
	padding:18px;
	width:270px;
	height:405px;
	margin-left:14px;
	}
#content p.caption {
	display:block;
	width:268px;
	padding:14px;
	margin-left:18px;
	background:#f0ebd4;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-style: italic;
	margin-bottom:2em;
	margin-top:-1em;
	}
#content a:hover, #content a:active {
	color: #900;
	}
#content ul,
#content ol { 
	padding: 0 0 1em 3em;
	}
#content ul li,
#content ol li { 
	padding: .1em 0 .1em 0;
	}
#content ul li a:hover { 
	color:#900;
	}
#content blockquote { 
	padding: .2em 3em .2em 3em;
	}


.info-continue {
	font-size:.9em;
	padding:.3em 0 1em 0;
	color:#999;
	border-bottom:1px solid #ccc;
	}
.info {
	font-size:.9em;
	padding:.3em 0;
	color:#999;
	border-top:1px solid #ccc;
	}
.required {
	color:#900;
	}

.section_news #content .results ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
.section_news #content .results li {
	margin:0;
	padding:.5em 0;
	border-bottom:1px solid #ccc;
	}
.section_news #content .results li span {
	display:block;
	float:right;
	text-align:right;
	}

#content .archive h2 {
	font-size:1.2em;
	padding-bottom:1em;
	margin-bottom:0;
	border-bottom:1px solid #ccc;
	}
#content .entry h5 {
	margin-bottom:.5em;
	}
#content .entry ul {
	padding-top:0;
	margin-top:0;
	}



/* resources
----------------------------------------------- */
#content ul.resources-list {
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:1px solid #ccc;
	}
#content ul.resources-list li {
	margin:0;
	padding:0 0;
	border-bottom:1px solid #ccc;
	line-height:2.5em;
	}
#content ul.resources-list li span {
	display:block;
	float:right;
	text-align:right;
	}
#content ul.resources-list li a {
	padding:.5em 0;
	padding-left:24px;
	line-height:2.5em;
	background:url("icons/file.gif") left center no-repeat;
	}
#content ul.resources-list li a.gif {background-image:url("icons/gif.gif")}
#content ul.resources-list li a.jpeg,
#content ul.resources-list li a.jpg {background-image:url("icons/jpg.gif")}
#content ul.resources-list li a.png {background-image:url("icons/png.gif")}
#content ul.resources-list li a.pdf {background-image:url("icons/pdf.gif")}
#content ul.resources-list li a.zip {background-image:url("icons/zip.gif")}
#content ul.resources-list li a.msword {background-image:url("icons/doc.gif")}
#content ul.resources-list li a.text {background-image:url("icons/txt.gif")}


/* partners
----------------------------------------------- */
#partners {
	display:block;
	clear:both;
	}
#partners p.banner img {
	background:url(i/banner_frame.jpg) top left no-repeat;
	padding:18px;
	width:468px;
	height:65px;
	margin-left:37px;
	}


/* contactForm
----------------------------------------------- */
#contactForm {
	width: 336px;
	padding: 0 0 0 204px;
	margin: 0 0 20px 0;
	}
#contactForm h3, #contactForm h3 a {
	color: #600;
	margin-top:0;
	}
#contactForm h4 {
	font-size:1.2em;
	color:#900;
	margin-bottom:.5em;
	}
form textarea {
	width:336px;
	}


/* sidebar
----------------------------------------------- */
#sidebar {
	float: left;
	width: 175px;
	padding: 0 15px 0 15px;
	}
#sidebar a {
	font-weight: bold;
	}
#sidebar a:hover {
	color: #900;
	}
#sidebar h3 {
	color: #600;
	font: normal 1.3em/1.5em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .25em;
	margin:0 0 .5em 0;
	}
#sidebar #lnews h3 {
	margin-top:0;
	}
#sidebar h4 {
	font-size:1em;
	line-height:1.4em;
	margin:0;
	padding:0;
	}
#sidebar p {
	margin:0 0 .8em 0;
	padding:0;
	}
#sidebar ul {
	margin: 6px 0 20px 0;
	padding: 0;
	border-top: 1px solid #CDC8B9;
	width: 176px;
	}
#sidebar ul li {
	color:#666;
	line-height: 1.2em;
	margin: 0;
	list-style: none;
	}
#sidebar ul li a { 
	color: #637F07;
	font-weight:normal;
	line-height: 1.2em;
	display: block;
	margin: 0;
	text-decoration:none;
	padding: .5em 0 .5em 0;
	border-bottom:1px solid #CDC8B9;
	width: 176px;
	}
#sidebar ul li a span.count { 
	float:right;
	}


/* footer
----------------------------------------------- */
#footer {
	clear: both;
	background: url(i/blue_border_horz_w.gif) top center repeat-x;
	padding: 26px 0 0 0;
	text-align: center;
	}
#footerbg {
	background: url(i/canvas_tile.jpg) top center repeat;
	height: 60px;
	padding-top: 20px;
	}


/* copyright
----------------------------------------------- */
#copyright {
	margin: 0 auto 30px auto;
	text-align: left;
	width: 768px;
	}

#copyright p {
	margin: 0 24px 0 12px;
	width: 720px;
	}
#copyright a:hover {
	color: #900;
	}
