body {
	margin: 0; padding: 0;
	background:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#body h1 {
	font-size: 20px;
	color: #386b9c;
	margin-bottom: 10px;
}


p, h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0;
}

h1, h2, h3, h4 {
	font-size: 11px;
}

#bodywrapper p {
	font-size: 11px;
	padding: .3em 0 1em 0;
	line-height: 1.2em;
}

#sidebar p {
	font-size: 10px;
}

#sidebar p.credit {
	color: #666;
	padding: 6px 0 15px 1px;
}

a { color: #3167CB; font-weight: bold; }

a:hover { text-decoration: none; }

#globalwrapper {
	margin: 0 auto;
	width: 817px;
	background: #fff;
}

#globalwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalwrapper { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#globalwrapper { display: block; }
/* End hide from IE-mac */


#header {
	position: relative;
	width: 817px;
	min-height: 73px;
 	height: auto !important;
  	height: 73px;
	overflow: hidden;
}


#logo {
	float: left;
	margin: 0; padding: 0; 
	padding: 18px 0 0 9px;
	
}

/** Navigation  **/

#nav, #nav ul { list-style: none; margin: 0; padding: 0; height: 26px; margin: 0; }
#nav { float: right; height: 26px; }
#nav li, #nav li a.menu { display: block; }
#nav li a.menu { height: 26px; }
a.menu { text-indent: -9999px;}

/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */

li#about, li#about2 { float:left; width: 121px; }
li#actioncenter, li#actioncenter2 { float: left; width: 126px; }
li#journal, li#journal2 {float: left; width: 87px; }
li#booksdvds, li#booksdvds2 { float: left; width: 150px; }

#about a.menu { background: transparent url(http://static.algore.com/i/about.gif);}
#actioncenter a.menu { background: transparent url(http://static.algore.com/i/action_center.gif);}
#journal a.menu { background: transparent url(http://static.algore.com/i/journal.gif);}
#booksdvds a.menu { background: transparent url(http://static.algore.com/i/books_dvds.gif);}

#about2 a.menu { background: transparent url(http://static.algore.com/i/about.gif) 0 -26px; }
#actioncenter2 a.menu { background: transparent url(http://static.algore.com/i/action_center.gif) 0 -26px;}
#journal2 a.menu { background: transparent url(http://static.algore.com/i/journal.gif) 0 -26px;}
#booksdvds2 a.menu { background: transparent url(http://static.algore.com/i/books_dvds.gif) 0 -26px;}

#about a.menu:hover, #about:hover a.menu, #about.over a.menu,
#actioncenter a.menu:hover, #actioncenter:hover a.menu, #actioncenter.over a.menu,
#journal a.menu:hover, #journal:hover a.menu, #journal.over a.menu,
#booksdvds a.menu:hover, #booksdvds:hover a.menu, #booksdvds.over a.menu {
	background-position: 0 -26px;
}




/* Join the Conversation */

#join {
	float: right; padding: 24px 11px 0 0;
}

#join input[type="text"] {
	width: 176px; height: 12px;
	border: 1px solid #CBCDCC;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 2px 2px 2px 4px;
}


/* HP Content top */

#contenttop {
	width: 798px;
	margin: 0 auto;
	border-top: 6px solid #333;
	padding-top: 8px;
	padding-left: 1px;
}

#featurearea {
	float: left;
	width: 495px; height: 250px;
	background-color: #333;
	margin: 0; padding: 0;
}

#featurearea img {
	margin: 0; padding: 0;
}

#journalarea {
	float: left;
	border: 5px solid #DDDDDD; 
	min-height: 232px;
 	height: auto !important;
  	height: 232px;
	width: 270px;
	background: url(http://static.algore.com/i/journal_hpback.gif) repeat 0 -2px;
	margin: 0 0 0 8px;
	padding: 6px 10px 5px 5px;
	max-height: 200px;
	overflow: hidden;
}

#h1journal {
	padding-bottom: 11px !important;
}

#journalarea h1, #journalarea h2, #journalarea h3, #journalarea p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0; padding: 0;
	padding: 0 0 0 30px;
	line-height: 15px;
}

#journalarea h1, #journalarea h2, #journalarea h3 {
	color: #000;
}


/* HP Content bottom */

#contentbottom {
	clear: both;
	width: 797px;
	margin: 0 auto;
	padding: 19px 0 5px 0;
	height: 300px;
}


#projectsarea {
	float: left;
	width: 272px;
	padding: 6px 15px 0 0;
}

#booksarea {
	float: left;
	width: 267px;
	padding: 6px 0 0 10px;
	border-left: 1px solid #E1E1E1;
	min-height: 290px;
 	height: auto !important;
  	height: 290px;
	margin-right: 10px;
}

#booksarea p {
	font-size: 11px;
	line-height: 1.3em;
}

#newsarea {
	float: right;
	width: 215px;
	padding: 6px 0 0 0;
}

#newsarea p#credit {
	color: #666;
	width: 200px;
	margin: 0;
	padding: 10px 0 0 10px;
}

#newsarea p#credit a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#newsarea p#credit a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	width: 798px;
	height: 50px;
	margin: 0 auto;
	border-top: 4px solid #333;
	padding: 8px 0 0 0;
}

#footer p a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

/* Headlines */

.replace {
background:none;
position:relative;
margin:0px; padding:0px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

.replace span{
display:block;
position:absolute;
top:0px; left:0px;
z-index:1; /*for Opera 5 and 6*/
}


#h1journal { padding: 0; padding-left: 1px;}
#h1journal h1, #h1journal h1 span{ width: 275px; height: 88px; background: url(http://static.algore.com/i/als_journal.jpg) no-repeat; } 
#h1projects { padding: 0; padding-left: 1px; width: 100%; border-bottom: 4px solid #333;}
#h1projects h1, #h1projects h1 span{ width: 115px; height: 20px; background: url(http://static.algore.com/i/h1_als_projects.gif); } 
#h1books { padding: 0; margin-left: 4px; width: 100%; border-bottom: 4px solid #333; }
#h1books h1, #h1books h1 span{ width: 127px; height: 20px; background: url(http://static.algore.com/i/h1_books_dvds.gif); } 


/** Project Area Homepage  **/

#projectnav, #projectnav ul { list-style: none; margin: 0; padding: 0; height: 31px; margin-top: 7px;}
#projectnav { float: right; height: 31px; }
#projectnav li, #projectnav li a.menu { display: block; margin-bottom: 2px; }
#projectnav li a.menu { height: 31px; }
a.menu { text-indent: -9999px;}

/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */

li#project1, li#project1on {float:left; width: 270px; }
li#project2, li#project2on {float: left; width: 270px; }
li#project3, li#project3on {float: left; width: 270px; }
li#project4, li#project4on {float: left; width: 270px; }
li#project5, li#project5on {float: left; width: 270px; }
li#project6, li#project6on {float: left; width: 270px; }
li#project7, li#project7on {float: left; width: 270px; }
li#project8, li#project8on {float: left; width: 270px; }

#project1 a.menu { background: transparent url(http://static.algore.com/i/project1.gif);}
#project2 a.menu { background: transparent url(http://static.algore.com/i/project2.gif);}
#project3 a.menu { background: transparent url(http://static.algore.com/i/project3.gif);}
#project4 a.menu { background: transparent url(http://static.algore.com/i/project4.gif);}
#project5 a.menu { background: transparent url(http://static.algore.com/i/project5.gif);}
#project6 a.menu { background: transparent url(http://static.algore.com/i/project6.gif);}
#project7 a.menu { background: transparent url(http://static.algore.com/i/project7.gif);}
#project8 a.menu { background: transparent url(http://static.algore.com/i/project8.gif);}


#project1on a.menu { background: transparent url(http://static.algore.com/i/project1.gif) 270px 0; }
#project2on a.menu { background: transparent url(http://static.algore.com/i/project2.gif) 270px 0;}
#project3on a.menu { background: transparent url(http://static.algore.com/i/project3.gif) 270px 0;}
#project4on a.menu { background: transparent url(http://static.algore.com/i/project4.gif) 270px 0;}
#project5on a.menu { background: transparent url(http://static.algore.com/i/project5.gif) 270px 0;}
#project6on a.menu { background: transparent url(http://static.algore.com/i/project6.gif) 270px 0;}
#project7on a.menu { background: transparent url(http://static.algore.com/i/project7.gif) 270px 0;}
#project8on a.menu { background: transparent url(http://static.algore.com/i/project8.gif) 270px 0;}



#project1 a.menu:hover, #project1:hover a.menu, #project1.over a.menu,
#project2 a.menu:hover, #project2:hover a.menu, #project2.over a.menu,
#project3 a.menu:hover, #project3:hover a.menu, #project3.over a.menu,
#project4 a.menu:hover, #project4:hover a.menu, #project4.over a.menu,
#project5 a.menu:hover, #project5:hover a.menu, #project5.over a.menu,
#project6 a.menu:hover, #project6:hover a.menu, #project6.over a.menu,
#project7 a.menu:hover, #project7:hover a.menu, #project7.over a.menu,
#project8 a.menu:hover, #project8:hover a.menu, #project8.over a.menu {
	background-position: 270px 0;
}


/** Project Area Interior  **/

#intprojectnav, #intprojectnav ul { list-style: none; margin: 0; padding: 0; margin-top: 7px;}
#intprojectnav { position: relative; height: 27px; }
#intprojectnav li, #intprojectnav li a.menu { display: block; margin-bottom: 1px;}
#intprojectnav li a.menu { height: 27px; }
a.menu { text-indent: -9999px;}

/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */

#intprojectnav li#project1, #intprojectnav li#project1on {float: left; width: 215px; }
#intprojectnav li#project2, #intprojectnav li#project2on {float: left; width: 215px; }
#intprojectnav li#project3, #intprojectnav li#project3on {float: left; width: 215px; }
#intprojectnav li#project4, #intprojectnav li#project4on {float: left; width: 215px; }
#intprojectnav li#project5, #intprojectnav li#project5on {float: left; width: 215px; }
#intprojectnav li#project6, #intprojectnav li#project6on {float: left; width: 215px; }
#intprojectnav li#project7, #intprojectnav li#project7on {float: left; width: 215px; }
#intprojectnav li#project8, #intprojectnav li#project8on {float: left; width: 215px; }

#intprojectnav #project1 a.menu { background: transparent url(http://static.algore.com/i/int_project1.gif);}
#intprojectnav #project2 a.menu { background: transparent url(http://static.algore.com/i/int_project2.gif);}
#intprojectnav #project3 a.menu { background: transparent url(http://static.algore.com/i/int_project3.gif);}
#intprojectnav #project4 a.menu { background: transparent url(http://static.algore.com/i/int_project4.gif);}
#intprojectnav #project5 a.menu { background: transparent url(http://static.algore.com/i/int_project5.gif);}
#intprojectnav #project6 a.menu { background: transparent url(http://static.algore.com/i/int_project6.gif);}
#intprojectnav #project7 a.menu { background: transparent url(http://static.algore.com/i/int_project7.gif);}
#intprojectnav #project8 a.menu { background: transparent url(http://static.algore.com/i/int_project8.gif);}


#intprojectnav #project1on a.menu { background: transparent url(http://static.algore.com/i/int_project1.gif) 215px 0; }
#intprojectnav #project2on a.menu { background: transparent url(http://static.algore.com/i/int_project2.gif) 215px 0;}
#intprojectnav #project3on a.menu { background: transparent url(http://static.algore.com/i/int_project3.gif) 215px 0;}
#intprojectnav #project4on a.menu { background: transparent url(http://static.algore.com/i/int_project4.gif) 215px 0;}
#intprojectnav #project5on a.menu { background: transparent url(http://static.algore.com/i/int_project5.gif) 215px 0;}
#intprojectnav #project6on a.menu { background: transparent url(http://static.algore.com/i/int_project6.gif) 215px 0;}
#intprojectnav #project7on a.menu { background: transparent url(http://static.algore.com/i/int_project7.gif) 215px 0;}
#intprojectnav #project8on a.menu { background: transparent url(http://static.algore.com/i/int_project8.gif) 215px 0;}


#intprojectnav #project1 a.menu:hover, #intprojectnav #project1:hover a.menu, #intprojectnav #project1.over a.menu,
#intprojectnav #project2 a.menu:hover, #intprojectnav #project2:hover a.menu, #intprojectnav #project2.over a.menu,
#intprojectnav #project3 a.menu:hover, #intprojectnav #project3:hover a.menu, #intprojectnav #project3.over a.menu,
#intprojectnav #project4 a.menu:hover, #intprojectnav #project4:hover a.menu, #intprojectnav #project4.over a.menu,
#intprojectnav #project5 a.menu:hover, #intprojectnav #project5:hover a.menu, #intprojectnav #project5.over a.menu,
#intprojectnav #project6 a.menu:hover, #intprojectnav #project6:hover a.menu, #intprojectnav #project6.over a.menu,
#intprojectnav #project7 a.menu:hover, #intprojectnav #project7:hover a.menu, #intprojectnav #project7.over a.menu,
#intprojectnav #project8 a.menu:hover, #intprojectnav #project8:hover a.menu, #intprojectnav #project8.over a.menu {
	background-position: 215px 0;
}


/* Thumbnail */

.thumbnail {
	width: 270px;
	min-height: 65px;
 	height: auto !important;
  	height: 65px;
	padding: 8px 0 20px 0;
}

.floatleft {
	float: left; margin: 0 15px 10px 0;
}

/*** RSS Styles ***/


.rss-box {
	width: 210px;
	border: 1px solid #CBCBCB;
	border-top: none;
}

.rss-box li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0 5px 10px;
	border-top: 1px solid #C9C9C9;
	color: #444;
}

.rss-items {
	margin: 0; padding: 0;
	background: #EAEAEA url(http://static.algore.com/i/climatenews_back.jpg) repeat-x 0 -10px;
	min-height: 200px;
 	height: auto !important;
  	height: 200x;
	overflow: hidden;
}

.rss-item {
	list-style: none;
	display: block;
}

.rss-item a {
	text-decoration: none;
	margin: 0; padding: 0;
	padding: 0 5px 5px 0px;
	border-bottom: none;
}

.rss-item a:hover {
	text-decoration: underline;
}

.feedbox p {
	margin: 0;
	padding: 0 10px 10px 5px;
}

.rss-date {
	color: #666;
	margin: 0; padding: 0;
	padding-right: 5px;
}


/*** Interior ***/

#bodywrapper {
	width: 799px;
	margin: 0 auto;
	border-top: 6px solid #333;
	padding: 32px 0 10px 0;
	min-height: 485px;
 	height: auto !important;
  	height: 485px;
}


#sidebar {
	margin: 0; padding: 0;
	width: 220px;
	float: left;
	padding-left: 2px;
}

#body {
	width: 495px;
	float: left;
	padding-left: 29px;
}

#sidebar .headline {
	width: 215px;
	border-bottom: 3px solid #333;
}

/*** Journal Styles *///

ul#previousposts {
	list-style: none;
	margin: 0; padding: 0;
}

ul#previousposts li {
	background: url(http://static.algore.com/i/bullet_blue.gif) no-repeat 0 4px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	padding-bottom: 5px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#syndication {
	width: 215px; height: 45px;
	background: url(http://static.algore.com/i/syndication_back.gif) no-repeat top left;
}

#syndication p {
	padding: 6px 0 0 15px;
}

#syndication img.icon {
	padding: 0 2px;
	vertical-align: bottom;
}

.archivelist {
	font-size: 12px;
}

.archivelist ul {
	list-style: none;
	margin: 0;
        padding: 15px 0 20px 15px;
        list-style: none;
}

.archive ul li {
	background: url(http://static.algore.com/i/bullet_blue.gif) no-repeat 0 4px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	padding-bottom: 5px;
}


#journalentry {
	width: 490px;
	background: url(http://static.algore.com/i/journalpageline.gif) repeat-y 0 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #AFAFAF;
	padding-bottom: 13px;
}

.journalentrynav {
	font-size: 11px;
	color: #cc9933;
%#	background: url(http://static.algore.com/i/journalpageline.gif) repeat-y 0 0px;
	background: transparent;
	padding-top: 15px;
	width: 490px;
	text-align: right;
}

.journalentrynav a {
	color: #cc9933;
	text-decoration: none;
}

#journalentry h1 {
	margin: 0; padding: 0;
	background: url(http://static.algore.com/i/journalpagetop.gif) repeat-y 0 -1px;
	padding: 29px 0 0 35px;
	height: 1.2em;
	font-size: 14px;
	color: #cc9933;
	margin-bottom: 15px;
}

#journalentry h1 span {
	margin: 0; padding: 0;
	font-weight: normal; color: #666;
	font-size: 11px;
}

#journalentry p {
	margin: 0;
	line-height: 15px;
	padding: 0 20px 15px 35px;
	color: #333;
}

#journalentry a {
	text-decoration: none;
}

#journalentry a:hover {
	text-decoration: underline;
}

/* Clearing Floats */

#bodywrapper:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bodywrapper:after { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#bodywrapper:after { display: block; }
/* End hide from IE-mac */

div.CardForm {
	border: 5px solid #DDDDDD; 

	padding: 10px;
	margin: 10px;
}


div.CardForm label {
        font-size: 12px;
}

div.CardForm label {
        float: left;
        width: 200px;
        font-weight: bold;
        text-align: right;
        margin-right: 10px;
        margin-bottom: 5px;
}

div.CardForm input, form.CardForm textarea {
        width: 200px;
}

div.CardForm input, div.CardForm select, div.CardForm textarea {
        margin-bottom: 6px;
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
}

div.CardForm input[type=submit] {
	background-color: #386b9c;
	color: white;
        margin-left: 210px;
}

div.CardForm br {
        clear:left;
}

.Error {
        color: #CC0000;
}