@charset "utf-8";
/* CSS Document */

@import "reset.css";


body {
		margin:0; padding:0;
		font:11pt/1.5 sans-serif;
		/*background: url(images/bckgrnd.png) repeat-x #FFFFFF;*/
		background-color: #EEE;
		}
h1,h2,h3,h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000;
}

h1 {
	font-size: 20px;
	}
h2 {
	font-size: 18px;
	}
	
h3 {
	font-size: 16px;
	}

h4 {
	font-size: 14px;
	}

.pageTitles {
	display: block;
	margin: 10px 0px 10px 10px;
	}
	
	.titleSmall {
		font-size: 14px;
		/*display: block;*/
		font-weight: bold;
		}
		
		.titleBy {
			font-size: 12px;
			display: block;
			float: right;
			}
		
	
#shadow {
	width: 910px;
	margin: 0 auto;
	background-image: url(images/bckgrnd_shadow.png);
	background-repeat: repeat-y;
	background-color: #fff;
	}
	
#shadow_end {
	width: 910px;
	background-image: url(images/shadow_bttm.png);
	background-repeat: no-repeat;
	height: 15px;
	background-color: #EEE;
	}
	
#container {

		margin: 0 auto;
		width: 900px;
		background-color: #fff;
		background-attachment: fixed;
		background-color: #FFF;
	/*	background-image: url(images/bkgLogo.png);
		background-position: center center;
		background-repeat: no-repeat;*/
	
		
	}
	
#header {
	margin:0; padding:0;
	height: 90px;
	background-image: url(images/jpr_header.png);
	background-repeat: no-repeat;
	}
		
#contact {
	margin: 5px 0 15px 30px;
	font-size: 14px;
	font-weight: bold;
		}
		
#navBar {
	margin: 0; padding: 0;
	background-image: url(images/nav_gradblue.png);
	background-repeat: repeat-x;
	background-color: #1b5d90;
	border-top: #1778b8 1px  solid;
	height: 31px;
		}
		
	#main1 {
		margin:0; padding:0;
		background-image: url(images/leftbar.gif);
		background-repeat: repeat-y;
		}
	#main2 {
		margin:0; padding:0;
		/*background: #FFF top right repeat-y;*/
		background-color: transparent;
		}
	#left {
		float:left;
		width:150px;
		margin:0; padding:0;
		/*background-color: #195C8F;*/
		font-size:80%;
		background-image: url(images/currentevents_slice.gif);
		background-position: top;
		background-repeat: no-repeat;
		padding-top: 30px;
		}
	#right {
		float:right;
		width:150px;
		margin:0; padding:0;
		background-color: #FFFFFF;
		font-size:80%;
		height: 100%;
		}
	#middle {
		margin:0 150px;
		background-color: transparent;
		font-size:80%;
		min-height:600px;
 		height:auto !important;
  		height:600px;
		background-image: url(images/watermark.gif);
		background-position: center 50px;
		background-repeat: no-repeat;
		}
		
#middle_form {
		margin:0 150px;
		background-color: transparent;
		font-size:80%;
		min-height:600px;
 		height:auto !important;
  		height:600px;
	
		}
		
/*	#middle {
		font-size:80%;
		background-attachment: fixed;
		background-color: #FFF;
		background-image: url(images/bkgLogo.png);
		background-position: center center;
		background-repeat: no-repeat;
		height: 500px;
		width: 600px;
		margin-top: 0;
		margin-right: 150px;
		margin-bottom: 0;
		margin-left: 150px;
	
	
}*/

	.column-in {
		margin:0 0 1.25em 0; padding:0.5em 1em;
		}
	 .footer-in {
		margin: 0 150px 0 150px; padding: 0.5em 1em;
		}
		.footer-in p {
			font-size: 10px;
			text-align: center;
			}
	.clear {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	/*h1,h2,h3,h4 { margin: 0.2em 0 }*/
	p { margin: 0.5em 0 }
	a { color:black; outline: none; }
	
	.copy { text-align:center; font-size:80% }
	
	.currentevents, .currentevents a{
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		}

#secondary_content {
	display: none;
	}

#book_left {
	width: 150px;
	float: left;
	}
	#book_left p {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		}

#book_right {
	width: 380px;
	float: left;
	padding-left: 20px;
	}
	
.book_info {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	}
/*.rightcolumnbox {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #000000;
	 padding: 5px;
	 border-top-style: outset;
	 border-right-style: outset;
	 border-bottom-style: outset;
	 border-left-style: outset;
	 border-top-color: #000000;
	 border-right-color: #000000;
	 border-bottom-color: #000000;
	 border-left-color: #000000;
	 margin: 5px;
	 height: 125px;
	 width: 125px;
}*/

.rightcolumnbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	padding: 5px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin: 5px;
	height: 115px;
	width: 125px;
}

#footer {
	background-color: #FFF;
	border-top: #000 1px solid;
	}

.errormsg {
	display: block;
	}

/* specifics for the about page */
.aboutcont {
	margin: 0;
	padding: 2em;
}

	.aboutcont p {
			margin-right: 15px;
			font-size: 12px;
			font-weight: normal;
		}
	
	.aboutcont br {
			clear: both;
	}
/*-----------------------------*/	
	
img.floatleft,.floatleft {
		margin-right: 10px;
		float: left;
	}
	
img.floatright,.floatright {
		margin-left: 10px;
		float: right;
	}


fieldset {
	border: none;
	padding-bottom: 20px;
	}
	fieldset legend {
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 15px;
		}

/* class for body text - indented 25px*/	
.mccont {
	margin-left: 30px;
	margin-right: 25px;
	}



.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 3px 0 3px 0;
padding-left: 110px; /*width of left column containing the label elements*/
/*height: 1%;*/
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: right;
padding-right: 10px;
}

.cssform label.topics{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 390px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: left;
padding-right: 10px;
}
/*.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*	width: 200px;
}*/


	
.cssform textarea{
	width: 300px;
	height: 75px;
}

.cssform .mychecks {
	width: 20px
	}
	

	
.cssform p.address {
	font-size: 16px;
	font-weight: bold;
	}
	
.nobullet {
 margin-right: 25px;
 margin-left: 30px;
 list-style: none;
 font-weight: normal;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.threepxfix{
	margin-left: 5px;
}

.submit {
 	margin-top: 15px;
	margin-left: 150px;
	}
	
/* Drop Down Menu CSS */

#nav {
	float: right;
	width: 750px;

	}

ul.dropdown {
	/*width: 750px;*/
	height: 31px;
	background-image: url(images/nav_gradblue.png);
	background-repeat: repeat-x;

	}
	
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}


ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 /*line-height: 1.3em;*/
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 3px 0 0 0;
	 /*border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;*/
	 /*background-color: #1b5d90;*/
	 background-color: transparent;
	 color: #FFF;
	 width: 120px;
	 height: 28px;
	 padding-left: 5px;
	 outline: none;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
		 background-color: #686868;
		 color: #FFF;
		
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFF; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFF; }
	ul.dropdown a:active	{ color: #FFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 margin-top: 0px;
	
	}
	
	ul.dropdown ul li{
		width: 140px;	
	}

ul.dropdwon li.dir ul {
	background-color: #1b5d90;
	}
	
ul.dropdown li.dir ul li {
	border-bottom: 1px solid #1778b8;
	padding-left: 5px;
	background-color: #1b5d90;
	}
	
ul.dropdown li.dir ul li a {
	display: block;
	height: 29px;
	font-size: 12px;
	color: #FFF;
	/*background-color: #1b5d90;*/
	
	}
ul.dropdown li.dir ul li a:hover{
	color: #FFF;
	/*background-color: #686868;*/
	}
ul.dropdown li.dir ul li:hover,ul.dropdown li.dir ul li.hover {
	background-color: #686868;
	}

ul.dropdown li a {
	display: block;
	height: 28px;
	}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 0px;
 background-image: url(images/SpryMenuBarDown.gif);
 background-position: 65% 50%;
 background-repeat: no-repeat;
}

/* Pull Quote stuff */
.quoteboxright {
	float: right;
	width: 380px;
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 1em 1em 0;
}

.quoteboxleft {
	float: left;
	width: 380px;
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 1em 1em 0;
}

.quotebox {
	/*width: 380px;*/
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	padding: 0 10px 0 10px;
	/*margin: 0 1em 1em 0;*/
}

.quotebox .by {
	float: right;
	width: 300px;
	padding-right: 10px;
	font-weight: bold;
	}
	
.quotebox p {
	font-weight: 300;
	}
	
.quoteboxright p,.quoteboxleft p{
	margin: 0;
}

.quoteboxright blockquote,.quoteboxleft blockquote,.quotebox blockquote {
	line-height: 1.3;
	font-weight: bold;
	padding: 0.25em;
	margin: 0;
}

.quoteboxright .by,.quoteboxleft .by {
	padding: 0.5em;
}

#left-column {
	width: 245px;
	float: left;
	padding: 0;
	}
	
#right-column {
	width: 245px;
	float: right;
	padding: 0;
	}