/* HSJP Stylesheet */

/* main element locations */

#Header	 { position: absolute; top: 0px; left: 0px;
		   padding-left: 0px; 
		   padding-top: 10px;
		   background: #ffffff url(../images/hsjp-top.jpg)  no-repeat left top;
		   width: 100%; height: 300px;
		   z-index: 0; }

#Menu    { position: absolute; top: 290px; left: 10px;  
		   width: 150px;
		   background: #ffffff; 
		   padding-top: 0px; }

#Content { position: absolute; top: 240px; 
		   margin-left: 175px;
		   margin-top: 0px;
		   margin-right: 50px;
		   padding-bottom: 50px;
		   padding-left: 0px; padding-right: 0px;  
		   z-index: 1;
		   width: 500px;
		   background: transparent; 
		   border-left:  #C2D2E4 0px solid;  
		   border-right: #C2D2E4 0px solid; 
		   line-height: 150%; }

/* generic style settings */

font		{ font-family: Verdana,Helvetica; font-size: 12px; }
p			{ font-family: Verdana,Helvetica; font-size: 12px; }
div			{ font-family: Verdana,Helvetica; font-size: 12px; }
input		{ border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
textarea	{ border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
select 		{ border-color: #000000; border-width: 1px; font-size: 10px; font-family: Verdana,Helvetica; }
form 		{ font-family: Verdana,Helvetica; font-size: 10px; }
th 			{ font-family: Verdana,Helvetica; font-size: 12px; vertical-align: top; }
td 			{ font-family: Verdana,Helvetica; font-size: 12px; vertical-align: top; }


body		{ background: #ffffff; color: #000000; font-family: Verdana,Helvetica; font-size: 12px; }
a			{ background: none; text-decoration: none; }
a:link		{ background: none; text-decoration: none; }
a:active 	{ background: none; text-decoration: underline; }
a:visited	{ background: none; text-decoration: none; }
a:hover 	{ background: none; text-decoration: underline; }
a.box-item 			{	text-decoration: none; }
a.box-item:link 	{	text-decoration: none;}
a.box-item:active 	{	text-decoration: underline; color: #ff8800; }
a.box-item:visited 	{	text-decoration: none; }
a.box-item:hover 	{	text-decoration: underline; color: #ff8800; }

/* menu box */

.box-title 	{ padding: 3px; 
			  color: #273575;
			  font-size: 15px; font-weight: bold; 
			  margin-bottom: 2px; }
.box-title a { color: #273575; }

.box-item	{ padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 12px;
			  margin-left: 10px; margin-bottom: 1px;
			  color: #273575; font-size: 15px; font-weight: bold; }
.box-item a { color: #273575; }

.box-item-small { padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 12px; 
				  margin-left: 10px; margin-bottom: 1px; 
				  color: #273575; 
				  font-size: 12px; font-weight: bold; }
.box-item-small a { color: #273575; }

/* view page */

.view 			{ background: #ffffff; color: #000000; border: 0px solid; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; }
.view-title 	{ background: url(../images/gradient2.gif) #3876B6; margin-bottom: 5px; color: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; padding-right: 0px; font-size: 16px; font-weight: bold; text-align: center; }
.view-text 		{ margin-top: 10px; }
.view-list		{ margin-top: 10px; }
.view-details 	{ border-right: #eeeeee 0px solid; border-top: #ff0000 0px solid; border-left: #eeeeee 0px solid; border-bottom: #eeeeee 0px solid; 
				  padding: 3px; 
 				  margin-top: 10px; 
				  color: #3876b6; 
				  text-align: center; }

/* item list */

.item 			{ margin-top: 10px; margin-bottom: 10px; }
.item-title 	{ background: url(../images/gradient2.gif) #3876B6; 
				  padding-top: 3px; padding-bottom: 3px; padding-left: 10px; padding-right: 0px; 
				  margin-bottom: 8px; margin-left: 0px; 
				  text-align: left; 
				  font-weight: bold; 
				  color: #FFFFFF; }
.item-text 		{ margin: 10px; }
.item-title	a	{ color: #FFFFFF; }
.item-author 	{ padding-top: 3px; padding-left: 0px; padding-bottom: 3px; padding-right: 0px; margin-top: 0px; color: #3876B6; text-align: center; }
.item-edit 		{}

/* welcome text + login text */
.text-title 	{ visibility: hidden; border: 1px solid; padding: 10px; 
				  font-weight: bold; font-size: 14px; 
				  background: #00ff00; 
				  margin-bottom: 12px; 
				  color: #000000; 
				  text-align: center; }

.welcome		{ padding-top: 15px; padding-right: 10px; padding-left: 10px; padding-bottom: 15px; color: #000000;  }
.welcome-title	{ font-weight: bold; text-align: center; }
.flash 			{ margin-top: 5px; text-align: center; }
.flash-text 	{ margin-top: 5px; }

.login          { background: #eeeeee; color: #000000; border: 1px solid black; padding: 10px; }
.edit           { background: #eeeeee; color: #000000; border: 1px solid black; padding: 10px; }
.error          { background: #eeeeee; color: #000000; border: 1px solid black; padding: 10px; }

/* rss feeds */

.rss 		{ border: #3876B6 1px solid; 
			  padding: 0px; margin: 0px;
			  color: #000000; }
.rss-title	{ background: url(../images/gradient2.gif) #3876B6; 
			  padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 0px; 
			  margin-bottom: 5px; 
			  color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; }
.rss-item 	{ margin-left: 20px; display: list-item; }
.rss-link 	{ margin-top: 10px; margin-left: 20px; }

/* exported rss */

.etc-footer 	{ margin-top: 10px; font-size: small; text-align: center }

/* wiki elements */

.table-with-border		{ border: 1px solid; padding: 5px; margin: 5px; border-collapse: collapse; }
.table-with-border th	{ border: 1px solid; padding: 5px; border-collapse: collapse; }
.table-with-border td	{ border: 1px solid; padding: 5px; border-collapse: collapse; }

h1 	{ font-size: 16px; }
h2 	{ font-size: 14px; }

/* Album */

.album-list			{ }
.album 				{ padding: 18px; text-align: left; float: left; }
.album img 			{ margin: 5px; width: 100px; height: 100px; border: 1px solid black; padding: 3px; }
.album-name			{ }
.album-description	{ display: none; }