/*  
Theme Name: NJPN2010
Theme URI: http://spheres.net
Description: Custom theme for the NJPN website
Version: 2010
Author: s p h e r e s . n e t
Author URI: http://spheres.net
*/

/*
GLOBAL ELEMENTS
----------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

p {

	
	margin: 10px 0 10px 0;

}

ul {

	padding: 0 0 0 24px;

}

ul li {


	padding: 0 0 4px 0;

}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333;
	background-color: #fff;
	}

hr { color: #999; height: 1px; background-color: #fff;}

img {border:0;}
strong {color:#333; background-color: inherit;}
address { font-size: 12px; color: #333; font-style: normal; line-height: normal; background-color:#fff;}
	
a:link, a:visited, a:active {
	color: #004dbf;
	text-decoration: none;
		background-color: inherit;

	}
	
a:hover {
	color: #004dbf;
	text-decoration: underline;
		background-color: inherit;

	}
	
h1 {
	color: #660000;
	background-color: inherit;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
	h1.subtitle {
		margin-top: -10px;
		}
	
h2 {
	color: #333;
	background-color: inherit;
	font-weight: bold;
	font-size: 16px;
	padding: 7px 0 7px 0;
	}
	ul.connections li h2 {
	font-size: 14px;
	font-weight: normal;
	}
	li h2 {
	font-size: 14px;
	font-weight: normal;
	
	}
	
h3 {
	color: #660000;
	font-weight:bold;
	font-size: 13px;
	background-color: inherit;

	}
	

/*
PAGE STRUCTURE
----------------------------------------------------------------------*/
#rapper {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	}
	

	
	#wrapper {
		width: 722px;
		min-height: 600px;
		background: url(images/bg-gradient.jpg) no-repeat;
		margin: 0 auto;
		padding: 20px 20px 20px 20px;
		}
	
		#banner {
			width: 722px;
			height: 75px;
			padding: 0;
			margin: 0px;
			float: left;
			}
	
			#logo {
				width: 143px;
				height: 63px;
				float: left;
				position: relative;
				text-align: center;

				}
				
			#banner-contact {
				width: 146px;
				float:right;
				position: relative;
				text-align: center;
				font-size: 9px;
				color: #fff;
				padding: 0;
				margin: 0 -5px 0 0;
				background-color: inherit;

				}

		#content {
			padding: 16px 0 0 0;
			margin: 0;
			float: left;
			clear: both;
			width: 722px;

			}
		
			#contentwrap {
				width: 414px;
				padding: 0 5px 5px 5px;
				float:left;
				margin: 0 0 0 150px;
				display: inline;
				
				}

				#contenttop, #contenttopwide {
					background: url(images/contenttop2.gif) no-repeat;
					width: 404px;
					min-height: 11px;
					padding: 1px 0 0 10px;
					float: left;
					font-size: 1px;
					}
					
				#contenttopwide {
	
					background: url(images/contenttop2wide.gif) no-repeat;
					width: 557px;
				
				}

					#breadcrumbs {
						font-size: 10px;
						color: #0f0f0f;
						float: left;
						padding: 10px 10px 10px 0;
						background-color: inherit;

						}
						
				#maincontent, #maincontentwide {
					float: left;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #333;
					background-color: #fff;
					padding: 0px 10px 10px 10px;
					margin: 0;
					width: 394px;
					min-height: 400px;
					}
					
				#maincontentwide {
					width: 547px;
				}
					
					.post {

						}
						
						.entry {

							}
							
							.entry p {
								line-height: 17px; 
								padding: 0 10px 0 10px;
								}
								
								.entry img { margin: 4px 8px 8px 8px;}
								
								.entry img[align="left"] { margin-left: 0px; }
								.entry img[align="right"] { margin-right: 0px; }
								
								.entry img.w3c{margin:0px;}
					
					#highlightwrap {
						padding: 0;
						margin: 5px 0 15px 0;
						clear: both;
						}
					
						#highlighttop, #highlightbot {
							width: 392px;
							height: 8px;
							font-size: 1px;
							}
						
						#highlighttop {
							background: url(images/highlightbox_top.gif) no-repeat;
							}
						
						#highlight {
							background-color: #FFF7AC;
							color: inherit;
							width: 372px;
							padding: 0 10px 0 10px;
							height: 50px;
							}
						
						#highlightbot {
							background: url(images/highlightbox_bot.gif) no-repeat;
							}
					
					ul#updates {
						list-style: none;
						padding: 0;
						margin: 0;
						clear: both;
						}
						
						ul#updates li {

							border-top: 1px solid #ccc;
							padding: 12px 0 12px 0;
							margin: 0;						
							}
							
							ul#updates li p.title {
								margin: 0;
								padding: 0 0 5px 0;
								}
							
							ul#updates li p.content {
								padding: 0;
								margin: 0;
								}
							
			#navwrap1, #navwrap1wide{
				width: 136px;
				float: left;
				clear: none;
				margin: 0 0 0 -574px;
				padding: 0;
				}
				
			
				
			#navwrap2{
				width: 136px;
				float: right;
				clear: none;
				margin: 0;
				padding: 0;
				}
			
				.navtop {
					width: 126px;
					height: 22px;
					background: url(images/navtop.gif) no-repeat;
					background-color: inherit;
					font-size: 14px;
					color: #fff;
					padding: 3px 0 0 10px;
					margin: 0;
					}
					
					.navtop h2, .navtop h2 a {font-size: 14px; color: #fff; font-weight: normal; margin: 0px; padding: 0; text-decoration: none; 	background-color: inherit;}
					
				.navmiddle { 
					width: 116px;
					padding: 10px 10px 0 10px;
					color: inherit;
					background-color: #fff;
					font-size: 11px;
					margin: 0;
					}
					
					.navmiddle ul, .navmiddle li {
						padding: 0;
						margin: 0;
					}
					

					
					.navmiddle hr {
						height: 1px; 
						color:#660000; 	
						background-color: inherit;
						}
					
					ul.connections {
						font-size: 11px;
						color: #333;
						list-style: none;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						width: 116px;
						background-color: inherit;
						}
						
					ul.connections li {
						margin: 0;
						width: 116px;
						padding: 6px 0 6px 0;
						border-bottom: 1px solid #660000;
						display: block;
						background-color: inherit;
						color: inherit;
						}
						
					ul.connections li.static {
						color: #666;
						border-bottom: none;
						background-color: inherit;
						}
					
					.navmiddle ul.menu {
						font-size: 11px;
						color: #333;
						list-style: none;
						margin: 0;
						padding: 0;
						width: 116px;
						background-color: inherit;
						}
						
						.navmiddle ul.menu li {
							margin: 0;
							width: 116px;
							border-bottom: 1px solid #660000;
							display: block;
							background-color: inherit;
							color: inherit;
							}
							
						.navmiddle ul.menu li.lastItem {
							border: none;
						}
						
							.navmiddle ul.menu li a:visited, .navmiddle ul.menu li a:active, .navmiddle ul.menu li a:link {
								color: #333;
								text-decoration: none;
								width: 100%;
								padding: 4px 0 4px 0;
								display: block;
								background-color: inherit;
								}
						
							.navmiddle ul.menu li a:hover   {
								background-color:#fff7ac;
								color: #333;
								text-decoration: none;
								display: block;
								}
								
							.navmiddle ul li.sectionHead {
								/*background-color: #AB858C;*/
								background-color: #d5d8e1;
								padding: 2px;
								text-align: center;
								color: #660000;
								/*padding: 2px;*/
								width: 112px;
								font-weight: bold;
								margin: 5px 0 5px 0;
								border-bottom:0px;
								/*background: url(images/sub-section-gradient.gif) bottom repeat-x;*/

							}

				.navbottom {
					width: 126px;
					height: 12px;
					font-size: 10px;
					line-height: 5px;
					padding: 5px;
					margin: 0;


					background: url(images/navbottom.gif) no-repeat;

					}

			#footer {
				background: url(images/newfooter.gif) no-repeat;
				font-size: 10px;
				color: #fff;
				margin-top: 20px;
				width: 752px;
				height: 19px;
				clear: both;
				padding: 7px 0 0 10px;
				background-color: inherit;

				}
	
			#spheres {
				text-align: center;
				font-size: 9px;
				margin-top: 25px;
				margin-bottom: 30px;
				color: #666;
				background-color: inherit;
				}
				
				#w3cvalidate {
					display: none;
					}
	

	

	






	

	
	#footer a:link, #footer a:visited, #footer a:active{ color: #ffff99; text-decoration: none; background-color: inherit;}
	#footer a:hover { color: #fff; text-decoration: underline; background-color: inherit;}
	

	

	

	
/*
TEXT STLYES
-----------------------------------------------------------------------*/
#date {
	font-size: 9px;
	padding: 10px 10px 10px 16px;
	}
	

	
	#banner-contact a:link, #banner-contact a:visited, #banner-contact a:active { color: #ffff99; text-decoration: none;background-color: inherit;
}
	#banner-contact a:hover { color: #ffcc00; text-decoration: underline; 	background-color: inherit;
 }
	#banner-contact strong {color: #fff; 	background-color: inherit;
}
	
#backtotop{font-size: 9px; text-align:right;}

#flash-alternative {
	width: 300px;
	}
	
#flash-alternative ul.alt {
	 margin-left:0px; 
	 padding-left: 0px;
	 list-style: none; 
	 padding-bottom: 10px;

	 }
	 
	#flash-alternative ul.alt li {
	 margin-left:0px; 
	 padding-left: 0px;
	 border-bottom: 1px solid #999; 
	 list-style: none; 
	 padding-bottom: 10px;
	}
	
#alert {
	color: #ff0000;
	font-size: 10px;
	background-color: #ffffcc;
	padding: 10px;
	}
	 
form#password {

	width: 260px;
	margin: 20px auto 20px auto;
	padding: 20px;
	text-align: center;
	border: 1px solid black;
	background: #fff7ac;
	color: inherit
	
	}

form#password #submit {

	display: block;
	margin: 15px auto 0 auto;

}
	
.navmiddle li h2 a:link, .navmiddle li h2 a:active, .navmiddle li h2 a:visited {
font-size: 12px;
}

ul li h2 a:link, ul li h2 a:link, ul li h2 a:link, ul li h2 a:link {
font-size:12px;
}

#w3c {

	text-align: right;

	}
	
#jointogether table table td {
	padding: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

#jointogether table table table td {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#flashcontent {
	margin-left: 10px;
}

 
table.main{
    width:400px !important;
}
table.main td{
    min-width:75px !important;
}