body {
	font: 72% arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#FFFFFF;
	/*font: 11px/13px Arial, sans-serif;*/
}

table {
	font: 100% arial,sans-serif;
}

#pageborder{
width:752px; 
text-align:center; 
border:1px solid #cccccc;
position:relative;
background-color:#FFFFFF;
margin:0px auto;
}

#homewrapper {
  text-align:center;
}



#wrapper {
  text-align:center;
}


H1 {
margin-top:10px; 
margin-bottom:20px;
color:#333399;
font-family: Trebuchet, Arial, san-serif;
font-size:18px;
line-height:22px;
text-align: left;
}

* html H1 {
margin-top:10px;
margin-bottom:10px;
}
h2 {
color:#000000;
font-size: 16px;
}

a:hover{
	color:black;
}

#content {
	text-align:center;
	padding-bottom: 50px;
	/* padding-bottom corresponds to +10 to position footer */
}
#homewrapper #content {
	padding-bottom: 0;
}

/* end general styles */

/* begin header */

#Header1_topBar{
	height:80px;
	background-color:#333399;
	text-align:center;
	margin-bottom:1px;
	overflow: hidden;
}

/* end header */

/*start navigation*/

#navwrapper{
	padding-top:10px;
	text-align:right;
	background-color:#333399;
}

#navutilities {
position:absolute;
float:left;
color:#CCCCCC;
font-weight:bold;
text-decoration:none;
}

#navutilities a,
#navutilities a:link,
#navutilities a:visited {
color: #cccccc;
text-decoration:none;
}

#navutilities a:hover,
#navutilities  a:focus {
background-color: #9CD4F7;
color: black;
text-decoration:none;
}

/*current Link*/
#navutilities a#current,
#navutilities a#current:link,
#navutilities a#current:visited { 
font-weight: bold;
border: 1px solid #CC9900;
background-color:#CC9900;
text-decoration:none; 
}

#navcontainer {

text-align:right;
position:absolute;
right:0px;

font-family: Verdana, Arial, sans-serif;
font-size:11px;
}

#navcontainer a { 
text-decoration: none; 
}

#navcontainer ul
{
text-align:right;
background-color:#333399;
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer li { display: inline; }

/*1st level elements*/

#navcontainer ul {
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
border-left:  3px solid #ffffff;
background-color: #000000;
padding: 2px 0;
margin-bottom: 2em;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited {
border: 1px solid #333399;
color: white;
padding: 0px 8px;
/*background:#339                                               ADDED*/
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #9CD4F7;
color: black;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { 
font-weight: bold;
border: 1px solid #CC9900;
background-color:#CC9900; 
}

/*Second and subsequent levels*/
#navcontainer ul ul {
width:688px; /*650*/
text-align:right;
background-color:#339;                                          /*MODIFY*/
color:#FFFFFF;
font-size: 90%;
position: absolute;
right:0px;
top: 28px;
border: none;
padding: 10px 5px;
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited {
color: #FFFFFF;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus {
border: 1px solid white;
color: white;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { 
border: 1px solid #95b1bb;
font-weight: bold; 
background-color:#339;                                                /*ADDED*/
}
/*END NAVIGATION*/

#navcontainer ul ul {background:transparent}
/*
#navcontainer ul ul li{background:#fc0}
*/
/*end navigation*/

#homepage_container {
	position:relative;
    text-align:left;
	background-color:#FFFFFF;
	padding: 38px 0 0 0;
}

* html #homepage_container {
	height:1%;
}


#righthome_col{
position:relative;
top:0px;
float:right;
width:193px;
background-color:#333399;
}


#clearit{clear:both}


#animation_container {
	position:relative;
	height:286px;
	text-align:right;
}
#bookShadow {
	position: relative;
	float: left;
	display: inline;
	width: 120px;
	height: 286px;
	margin: 0 0 0 -120px;
	background: url(images/bookShadow.gif) no-repeat left top;
}
#jwatrBook {
	position: absolute;
	top: -43px;
	left: -22px;
	background: url(images/jwatrBook.png) no-repeat left top;
	width: 256px;
	height: 340px;
	z-index: 20;
}
* html #jwatrBook {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jwatrBook.png', sizingMethod='crop');
}

#home_horz_callout{
background:#CC9900;
height: 47px;
padding: 12px 0 11px 45px;
}
#OutreachROTYW {
	position: absolute;
	top: 260px;
	right: -38px;
	background: url(images/OutreachROTYW.png) no-repeat left top;
	height: 206px;
	width: 206px;
	z-index: 15;
}
* html #OutreachROTYW {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/OutreachROTYW.png', sizingMethod='crop');
}


#home_content {
	overflow: hidden;
	padding: 0 0 30px 0;
}
* html #home_content {
	height: 1%;
	overflow: visible;
}

#home_content_leftText {
	float: left;
	display: inline;
	padding: 15px 0 0 0;
	margin: 0 0 0 95px;
	width: 350px;
	font-size: 100%;
}
#home_content_leftText p {
	line-height: 18px;
	font-size: 11px;
	padding: 10px 0 5px;
	margin: 0;
}

#home_content_rightText {
	float: right;
	display: inline;
	padding: 30px 0 0 0;
	margin: 0 40px 0 0;
	width: 216px;
	text-align: center;
}
.rtCaption {
	padding: 5px 0;
	font-family: Georgia, serif;
	font-size: 11px;
	color: #666;
	line-height: 14px;
}
.greyBubble {
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	width: 160px;
	height: 60px;
	background: url(images/homeBubble.gif) no-repeat left top;
}
.greyBubble a {
	display: block;
	width: 160px;
	height: 50px;
	padding: 10px 0 0 0;
	text-decoration: none;
	font-family: Georgia, Serif;
	font-size: 10px;
	color: #333399;
	text-align: center;
}
.greyBubble a:hover {
	color: #333399;
}
.greyBubble a span.bTitle {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}
.blueBubble {
	margin: 20px 0 0 0;
	width: 216px;
	height: 60px;
	background: url(images/homeBlueBubble.gif) no-repeat left top;
}
.blueBubble a {
	display: block;
	width: 216px;
	height: 50px;
	padding: 10px 0 0 0;
	text-decoration: none;
	font-family: Georgia, Serif;
	font-size: 10px;
	color: #fff;
	text-align: center;
}
.blueBubble a:hover {
	color: #fff;
}

.blueBubble a span.bTitle {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
}
.addMargin {
	margin-right: 25px;
}


.featurelogo {
border:3px solid #99d;
border-bottom:3px solid #006;
border-right:3px solid #006;
padding:3px;
}

.featurelogo1 {
border:3px solid #99d;
border-bottom:3px solid #006;
border-right:3px solid #006;
padding:1px 1px 1px 1px;
}

.featuretext {
font-family: Georgia, "Times New Roman", Times, serif;
text-align:left;
width:193px;
height:40px;
color:#FFFFFF;
padding:3px 5px 3px 10px;
}

.featuretext a{
	color:#cc9900;
}

.featuretext a:hover{
	color:#cccccc;
}

* html .featuretext {
color:#FFFFFF;
padding:5px 5px 5px 8px;
}


/*end home page elements */

/*start 2-column secondary page styles */
.quotes {
	color: #aa6600;
	font-weight: normal;
	text-align:left;
	font-size:11px/13px;
	padding-left:20px;
	padding-right:20px;
}

.name {
font-style:italic;
}

.booktitle {
font-weight: bold;
font-style:italic;
}

.callout {
float:left;
clear:right;
width:100%;
margin-left:-21px;
border-left:24px solid #333399;
font-size:12px; 
width:100%;
position:relative; 
font-weight:normal;
color:#333399; 
text-align:left;
padding:5px 5px 5px 10px;
background-color:#eeffff;
}


* html .callout {
margin-left:-11px;
width:105%;

}


/* html .callout {
margin:0px 0px 0px 0px;
position:relative;
right:20px;
left:-20px;
border-left:24px solid #333399;
float:left;
clear:right;
width:105%;
text-align:left;
padding:5px 5px 5px 10px;
background-color:#eeffff;
}
*/

                
#frontUserNav2 {
	position:relative;
	width:750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#FFFFFF;
	text-align:center;
}

#featurebox_container {
	padding: 0 0 40px 0;
}

#featurebox_container2 {
position:relative;
margin-left: auto;
margin-right: auto;
text-align:left;
width:750px;
}

.featurebox_022,.featurebox_032 {
position:relative;
margin-left:0px;
}

.featurebox_012 {
position:relative;
text-align:left;
margin-left:0px;
float:left;
width:30%;
margin-right:4%;

}


.secondary_content {
position:relative;
float:right;
text-align: left;
width:60%;
min-height:100%;
margin-top:180px;
padding-left:20px;
padding-right:20px;
padding-bottom:40px;
border-top:2px solid #cccccc;
border-left:2px solid #cccccc;
}

* html .secondary_content {
height:100%;
}

.blue_topband {
text-align: left;
float:right;
width:100%; 
margin-right:0px;
margin-left:300px;
position:absolute;
top:0px;
right:0px;
height:150px;
background-color:#BDE0FC;
}

.figure_container {
	position:relative;
	width:175px;
	height:300px;
	padding: 30px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:transparent;
	text-align:center;
}
.left_lower_container {
    padding: 10px 20px 10px 20px;
    text-align:left;
	position:relative;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#000000;
	text-align:left;
	color:#cccccc;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
    line-height: 18px;
    overflow:hidden;
}

* html .left_lower_container {
	width: 100%;
  	font-size: 9px;
    font-weight:bold;
  	line-height: 18px;}
	
.left_lower_container a{
	color:#CCCCCC;
}

.left_lower_container a:hover{
	color:#FFFFFF;
}

#register_container{
position:relative;
margin-left: auto;
margin-right: auto;
text-align:left;
height:100%;
width:500px;
}

#Table1 {
font: 11px/13px Arial, sans-serif;
}

.textbox {
border:1px solid #999999;
background-color:#cccccc;
}
/*end secondary page elements */

/*end frontUserNav */

/*end 2-column secondary page styles */
/* begin registration form styles */

/* end registration form styles */

/* begin footer */
#footer {
	clear:both;
	color:#666666;
	padding:40px 0px 0px 0px;
	position:relative;
	width:750px;
	height: 40px;
	margin: -40px auto 0px auto;
	font: 11px/15px Arial;
	text-align:center;
	background-color: #FFFFFF;

}
.indexPage #footer, * html .indexPage #footer {
	padding: 20px 0 0 0;
	margin: 0;
}

* html #footer {
	padding:30px 0px 0px 0px;
	margin: -40px auto 20px auto;
}

#footer a {
	font:bold 11px/15px Arial;
	text-decoration:none;
	color:#666666;
	font-weight: normal;
}
#footer a:hover{
	color:black;
}
/* end footer */
/* custom list(s)*/
.customlist{
	font: 11px/13px Arial, sans-serif;
}
/* end of custom list(s) */