/* Quantum Rabbit CSS */

body { background: url(../images/body_bg.gif) repeat-x; }
em { font-style: italic; }

/* Structure */
#container { width: 961px; margin: 0 auto; }
	#nav { background: #2a8aa0; height: 99px; }
	#header { background: url(../images/header_bg.jpg) no-repeat; height: 230px; }
		#header_right { float: right; width: 300px; margin: 42px 30px 0 0; }
	#content { background: #eff1f0 url(../images/content_bg.gif) repeat-y; padding-bottom: 12px; }
		#content_left { float: left; width: 495px; padding: 0 50px 20px 40px; }
			div.article { margin: 0 0 20px; padding-top: 20px; border-top: 2px solid #d7dbd8; }
			div.first { padding: 0; border: none; }
			#devThumbs { margin: 20px 0 0; }
		#content_right { float: left; }
			div.box { background: white; width: 315px; padding: 15px; margin-bottom: 10px; }
				div.video { width: 150px; float: left; font: 11px arial; color: #757769; text-align: center; margin-left: 14px; padding: 15px 0 4px; }
				div.box .first { margin-left: -4px; }
	#footer { background: #d4d8d5 url(../images/footer_bg.gif) repeat-y; padding: 18px 40px; margin-top: 10px; }
		#footer_left { float: left; }
		#footer_right { float: right; }

/* Headers */
h2 { position: relative; top: 70px; margin-left: 50px; float: left; }
body.home h2, body.about h2, body.goals h2, body.articles h2, body.solar h2, body.contact h2, body.developments09 h2, body.developments08 h2, body.developments07 h2, body.developments06 h2 { text-indent: -1000em; background: url(../images/headers/energy_materials.png) no-repeat; width: 458px; height: 63px; }
h3 { margin: 5px 0 25px; }
body.home h3 { text-indent: -1000em; background: url(../images/headers/message_from_president.gif) no-repeat; width: 453px; height: 20px; }
body.about h3 { text-indent: -1000em; background: url(../images/headers/about_quantum_rabbit.gif) no-repeat; width: 344px; height: 20px; }
body.articles h3 { text-indent: -1000em; background: url(../images/headers/articles_header.gif) no-repeat; width: 127px; height: 20px; }
body.solar h3 { text-indent: -1000em; background: url(../images/headers/solar.gif) no-repeat; width: 198px; height: 20px; }
body.contact h3 { text-indent: -1000em; background: url(../images/headers/contact.gif) no-repeat; width: 171px; height: 20px; }
body.developments09 h3 { text-indent: -1000em; background: url(../images/headers/2009developments.gif) no-repeat; width: 65px; height: 20px; }
body.developments08 h3 { text-indent: -1000em; background: url(../images/headers/2008developments.gif) no-repeat; width: 65px; height: 20px; }
body.developments07 h3 { text-indent: -1000em; background: url(../images/headers/2007developments.gif) no-repeat; width: 65px; height: 20px; }
body.developments06 h3 { text-indent: -1000em; background: url(../images/headers/2006developments.gif) no-repeat; width: 65px; height: 20px; }
h4.articles { text-indent: -1000em; background: url(../images/headers/articles.gif) no-repeat; width: 87px; height: 14px; }
h4.videos { text-indent: -1000em; background: url(../images/headers/videos.gif) no-repeat; width: 67px; height: 15px; }
div.article h4 { font: bold 13px arial; color: #466f80; }
body.goals h4 { font: bold 14px arial; color: #466f80; margin: 15px 0 0; }
	
/* Lists */
#nav ul { float: right; margin-top: 67px; }
#nav ul li { float: left; }
#nav ul li a { display: block; height: 22px; padding: 10px 20px 0; font: 11px arial; text-transform: uppercase; color: #fff; letter-spacing: 1px; } 
#nav ul li a:hover, #nav ul li:hover a { background: #cfd3d0; color: #3f3f3f; } 

#nav ul ul { position: absolute; display: none; float: none; margin: 0; height: auto; background: #cfd3d0; width: 170px; }
#nav ul ul li { float: none; }
#nav ul li:hover ul { display: block; }
#nav ul li:hover ul a { font: 10px arial; color: #7a7c7e; }
#nav ul li:hover ul a:hover { color: #3f3f3f; }

div.box ul { margin: 15px 0 0; }
div.box ul li { font: 12px arial; color: #666666; background: url(../images/list_bg.gif) no-repeat 0 1px; padding-left: 18px; margin-bottom: 4px; }

#content_left ul { margin: 10px 0 0; }
#content_left ul li { font: 12px arial; color: #666666; margin-bottom: 4px; }
#content_left ul li a { color: #466f80; }
#content_left ul li a:hover { text-decoration: underline; }

/* Paragraphs */
#nav p { padding: 28px 0 0 35px; float: left; }
#header p { font: 12px arial; color: #fff; line-height: 20px; }
#content_left p { font: 12px arial; color: #757769; margin: 15px 0 0; line-height: 22px; }
#content_left p strong { font: bold 12px arial; color: #466f80; }
#content_left p em { font: bold 12px arial; color: #466f80; font-style: italic; }
#content_left div.article p { margin-top: 8px; }

/* links */
#content_left p a { color: #466f80; }
#content_left p a:hover { text-decoration: underline; }
a.read_more { display: block; text-indent: -1000em; background: url(../images/headers/readmore1.png) no-repeat; width: 78px; height: 10px; margin-top: 10px; }
a.read_more2 { display: block; text-indent: -1000em; background: url(../images/headers/readmore2.gif) no-repeat; width: 78px; height: 10px; }
a.download_pdf { display: inline-block; text-indent: -1000em; background: url(../images/download_pdf.gif) no-repeat; width: 115px; height: 20px; }
a.download_pdf:hover { background: url(../images/download_pdf.gif) no-repeat -115px 0; }
a.watch_video { display: inline-block; text-indent: -1000em; background: url(../images/watch_video.gif) no-repeat; width: 93px; height: 20px; margin-left: 10px; }
a.watch_video:hover { background: url(../images/watch_video.gif) no-repeat -93px 0; }
div.box a { color: #757769; }
div.box a:hover { text-decoration: underline; }

#devThumbs a { display: block; width: 150px; height: 113px; float: left; margin: 0 15px 15px 0; }

#footer_right a { margin-left: 20px; }

/* Images */
img.about_photo { float: left; margin: 6px 20px 10px 0; }
img.solar_photo { float: left; margin: 20px 20px 5px 0; }