/* call common CNY RPDB header and footer styles */
@import url(../../_design/CNYRPDB_CommonStyle.css);

/*
Layout and CSS thanks to Alex Robinson (http://www.fu2k.org/alex/css/)
Additional thanks to Position Is Everything (http://positioniseverything.net/)
and
Rustharian Layouts (http://webhost.bridgew.edu/etribou/layouts/)
*/

body {
	margin:0;
	padding:0;
	background-color:#e7e3c6;
	/* 
	 */
	color:#484118;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
}
/* bizarrely IE6 seems to want to shift to the right by 3px
Could hack to shift everything else back but it looks ok */
body 
	/*{ 
	margin:20px; 
	margin-right:17px; 
}*/

div { 
	border:none; 
	margin:0; 
	padding:0; 
}

#container{

	min-width: 784px; 
	max-width: 1000px; 
	width:expression(document.body.clientWidth < 784? "784px" : document.body.clientWidth > 1000? "1000px" : "auto");
	padding-bottom:20px;
	/*needs to be here for Ff*/
	text-align:center;
	margin:auto;
}

#wrapper1, #wrapper2 { /* These styles aren't called in this document, but are left in for future use */
	margin:0; 
	padding:0; 
}

/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#wrapper1 /* This contains the background image for the right column (if used) */{ 
	/*/*/ 
	/*
	background-image:url(http://pix.cloudband.com/alex/csstest/cssimages/EggzhampleCRightBg.gif); 
	background-position:right top; 
	background-repeat:repeat-y; 
	*/
	/* */ 
}
#wrapper2 /* This contains the background image for the left column (if used) */{ 
	/*/*/ 
	/*
	background-image:url(http://pix.cloudband.com/alex/csstest/cssimages/EggzhampleCLeftBg.gif); 
	background-repeat:repeat-y; 
	*/
	/* */ 
}

.header { 
	margin:0; 
	padding:0; 
	color:#000000; 
}
/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body .header { 
	margin-bottom:-19px; 
	font-family:"\"}\""; 
	font-family:inherit; 
	margin-bottom:0; 
}

/*banner graphic*/
#header-2col .columns .centercolumn .centerpadding {
	background-image:url(banner.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	* height:110px; /* set to height of header graphic (IE)*/
}
#header-2col>.columns .centercolumn .centerpadding {
	height:90px; /* reset for non-IE browsers using child rule (not understood by IE) */
}

#header-2col .columns .centercolumn .centerpadding .pagetitle {
	display:none;/*hide text if graphic banner used*/
	font-size:200%;
	color:#FFF4D5;
	font-weight:bold;
}

#subpagetitle {
	font-size:65%;
	font-style:italic;
}

#empty{}

/* -1px margin-top is so NN4 borders overlap */
.columns {
	margin:0;
	margin-top:-1px;
	padding:0;
	border:solid 1px #000000;
	/* 
	background-color:#ffffff;
	 */
	font-size:inherit;
	color: inherit;
}
/* reset post NN4 */
.columns {
/*/*/ 
	border:none; 
	margin-top:0; 
	background-color:transparent;
/* */ 
}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably**
**NOTE: NN4 adjustments aren't needed as call to style sheet uses @import, which NN4 doesn't understand.
*/
.leftcolumn { 
	float:left; 
	left:0; 
	width:130px; /*127px for IE*/
	margin:0; 
	margin-top:0;/*This seems to have no effect in Ff or IE*/ 
	padding:0;
}
/* reset post NN4 */
.leftcolumn {
/*/*/ 
	margin-top:0;
/* */ 
}
* html body .leftcolumn { /*adjust for IE*/
	margin:-2px; 
	margin-top:0;/*In IE this will change the top of the side menu*/
	padding:0;
	padding-right:20px; /* needed for IE display fix ???*/
}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
*/
.rightcolumn { 
	position:static; 
	float:right; 
	width:0; 
	margin:0; 
	padding:0;
	display:none;
}

/* .centercolumn base settings
 
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left:-25px
margin-right:0
margin-top:-1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left:0;
margin-right:0;
------------------------------------
Other browsers
------------------------------------
margin-left:width of .leftcolumn
margin-left:final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumn { 
	margin:0; 
	padding:0; 
	font-size:inherit;
	color: inherit;
}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumn { 
	margin-right:0; 
	margin-left:-25px; 
}
/* Other browsers */
/*/*/
#header-2col .centercolumn, #body-2col .centercolumn  { 
	margin-right:0; 
}
#header-2col .centercolumn { 
	margin-right:0; 
	margin-left:130px; 
}
#body-2col .centercolumn { 
	margin-right:0; 
	margin-left:165px; 
}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn { 
	margin-right:0; 
	margin-left:0; 
}
/* reset IE


* html body .centercolumn { 
	margin-right:0; 
	margin-left:165px; 
}


*/


* html body #header-2col .centercolumn, * html #body-2col .centercolumn  { /*Seems to have no effect in IE*/
	margin-right:0; 
}
* html body #header-2col .centercolumn { /*Needed for IE*/
	margin-right:0; 
	margin-left:127px; /*Modify for IE*/
}
* html body #body-2col .centercolumn { /*Needed for IE*/
	margin-right:0; 
	margin-left:165px; 
}











.moreinfo, .note {
	background-image: url(bg_h1.jpg);
	margin-bottom:0px;
	padding:.5em;
	border:thin dotted #cccccc;
	width:99%; /* This cures an IE display glitch */
	text-align:center;
}
.moreinfo {
	clear: both; 
	font-size:85%;
}

/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer, .middle { 
	clear:both; 
	margin:0; 
	margin-top:-7px; 
	padding:6px; 
	text-align:center; 
	color:#000000; 
}
/* reset post NN4 */
.footer, .middle {
/*/*/ 
	margin-top:0;
/* */ 
}

.headerpadding, .leftpadding, .centerpadding, .rightpadding { 
	margin:0; 
	padding:10px; 
	font-size:inherit;
	color: inherit;
}

* html body .headerpadding{
margin-top:10em
padding-top:0;
}

/* additional for CNY RPDB */

/* page backgrounds */
#header-2col {  /* This contains the background image for the header columns */
	/*/*/ 
	background-position:left top; 
	background-image: url(banner_img.jpg); 
	background-repeat:no-repeat; 
	/* */ 
}

#body-2col {  /* This contains the background image for the nav columns */
	/*/*/ 
	background-image: url(bgNav.gif); 
	background-position:left top; 
	background-repeat:repeat-y; 
	/* */ 
}

#prefooter-2col { /* This contains the background image for the prefooter left column */
	/*/*/ 
	background-image: url(bgFooter.gif); 
	background-position:left top; 
	background-repeat:repeat-y; 
	color:#9C0000;
	/* */ 
}

#footer-2col { /* This contains the background image for the footer left column */
	/*/*/ 
	background-image: url(bgFooter.gif); 
	background-position:left top; 
	background-repeat:repeat-y; 
	color:#9C0000;
	margin-bottom:-20px; /* This keeps the body background-color  from hanging out below the footer. -20px is overkill, -10 appears to be enough */
	/* */ 
}

.cleardivs {
	clear:both;
	font-size:1px;
	margin-top:-2px;
}


#siteupdated {
	/* display:none; */
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #D8DBAC;
	text-align: right; 
	font-size: 85%;
}



/* Main navigation styles*/
/*Some of the fixes here (thanks to Rustharian layouts (http://webhost.bridgew.edu/etribou/layouts/)) */

#body-2col .columns .leftcolumn .leftpadding #nav
{
	width: 130px;

	/*  The following repositions the menu to overcome the default padding set in .leftpadding  */
	position:relative;
	top:40px;
	left:10px;
}
#body-2col .columns .leftcolumn .leftpadding>#nav
{
	position: relative; /* reset for non-IE browsers using child rule (not understood by IE) */
}

#body-2col .columns .leftcolumn .leftpadding #nav ul,
#body-2col .columns .leftcolumn .leftpadding #nav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

#body-2col .columns .leftcolumn .leftpadding #nav ul
{
background-color:#006600;
}


#body-2col .columns .leftcolumn .leftpadding #nav ul li
{
	margin-top:1px;
/*
	margin-bottom:.7em;
*/
}

#body-2col .columns .leftcolumn .leftpadding #nav ul li a {
	display: block;
	text-decoration: none;
	padding: 3px;
	text-align: center;
	background-color: #20AE59;
	border-style: solid;
	border-width: 5px;
	border-color: #848263;
	
	color: #F3F1E2;
	font-weight: bold;
	font-size:90%;
}

#body-2col .columns .leftcolumn .leftpadding #nav ul li a.page,
#body-2col .columns .leftcolumn .leftpadding #nav ul li a.page:hover
{
	border-width: 2px;
	border-color: #848263;
	padding: 8px;
	background-image:url(bg_nav_page.jpg);
	background-repeat:repeat-y;
	font-weight:bold;
	color:#000;
	text-align:center;
	
	cursor:default;
}

* html #body-2col .columns .leftcolumn .leftpadding #nav ul li a {
/* hide from IE5.0/Win & IE5/Mac */
	height: 1%;
}

#body-2col .columns .leftcolumn .leftpadding #nav ul li a:link {
}
#body-2col .columns .leftcolumn .leftpadding #nav ul li a:active {
	color: #FF8282;
}
#body-2col .columns .leftcolumn .leftpadding #nav ul li a:visited {
	color: #F3F1E2;
}
#body-2col .columns .leftcolumn .leftpadding #nav ul li a:hover {
	color:#FFFFFF;
	border-left-color: #C5C4B1;
	border-top-color: #C5C4B1;
	border-right-color: #6F6D53;
	border-bottom-color: #6F6D53;
	background-color: #24C163;
}


/* Footer navigation styles*/

#footer-2col .columns .centercolumn .centerpadding #nav {
	text-align:center;
	padding-left:165px;
	margin-left:-10px;
}

*html body #footer-2col .columns .centercolumn .centerpadding #nav { /* needed for IE: in this layout, the footer navigation is pushed to the right */
	margin-left:-60px;
}

#footer-2col .columns .centercolumn .centerpadding #nav ul {
	margin:auto;
	text-align:center;
	list-style: none;
	text-align:center;
	padding: 0.3em;
	background-color: inherit;
	line-height:1.75em;
}
#footer-2col .columns .centercolumn .centerpadding #nav ul li {
	display:inline;
}

#footer-2col .columns .centercolumn .centerpadding #nav ul li a {
	text-decoration: none;
	padding: 0.25em;
	
	color: #F3F1E2;
	font-weight: bold;
	font-size:75%;
	margin-left:5px;
	margin-right:5px;
	border-left:2px solid #F3F1E2;
	border-right:2px solid #F3F1E2;
	background-color: #9B9B79;
}
#footer-2col .columns .centercolumn .centerpadding #nav ul li a.page,
#footer-2col .columns .centercolumn .centerpadding #nav ul li a.page:link,
#footer-2col .columns .centercolumn .centerpadding #nav ul li a.page:hover {
	font-weight:bold;
	color:#D9D2A4;
	background-color:#848463;
	border-left:0;
	border-right:0;
}

#footer-2col .columns .centercolumn .centerpadding #nav ul li a.page{
	cursor:default;
}

#footer-2col .columns .centercolumn .centerpadding #nav ul li a:link {
}
#footer-2col .columns .centercolumn .centerpadding #nav ul li a:active {
	color: #FF8282;
	text-decoration: none;
}
#footer-2col .columns .centercolumn .centerpadding #nav ul li a:visited {
	color: #D9D2A4;
	border-left:2px solid #D9D2A4;
	border-right:2px solid #D9D2A4;
}
#footer-2col .columns .centercolumn .centerpadding #nav ul li a:hover {
	color: #848463;
	background-color: #e7e3c6;
}

/* internal navigation*/
/*Link styles*/
a,a:link       {
	color: #339900;
}
a.email {
	cursor:pointer;
	text-decoration:underline;
}
a:active     {
	color: #ffcc99;
	background-color:fff;
}
a:visited    {
	color: #65692E;
}
a:hover      {
	color : #336600;
	background-color:#F7F5F4;
}
/*End Link styles*/

/* footer text display */
#footertext {
	text-align:center;
	font-size:85%;
}

/*
Other styling (non layout related)
*/

.source {
	font: 85%;
	/*border-top : thin dotted;
	border-bottom : thin dotted;
	border-color : #cccccc;*/
	margin-left : 15px;
	margin-right : 15px;
}

.footnote {
	font: 85%;
	border-top : thin dotted;
	border-bottom : thin dotted;
	border-color : #cccccc;
	margin-left : 15px;
	margin-right : 15px;
}

/*
.note {
	border-top : thin dotted;
	border-bottom : thin dotted;
	border-left : thin dotted;
	border-right : thin dotted;
	border-color : #999999;
	background-color : #cccccc;
	margin-left : 15px;
	margin-right : 15px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-style : italic; 
}
*/

table        {
	font-size: 100%;
}

caption      {
	color: #996633 ;
	font-style: normal;
	font-size: 135%;
}

th           {
	background-color: #cccccc;
}
/*Basic table styles*/
/*======================================*/
table td, table th{
border-left:1px solid #bbb;
border-top:1px solid #bbb;
padding:3px;
}
table{
border-right:2px solid #9BAABF;
border-bottom:2px solid #9BAABF;
border-left:1px solid #9BAABF;/* This gets added to the 1px td border set above */
border-top:1px solid #9BAABF;/* This gets added to the 1px td border set above */
}




h1           {
	color: #EEECD7;
	font-weight: bold;
	font-size: 175%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	text-align : right;
	margin-top: -11px;
	margin-left:-45px;
	margin-right:-10px;
	background-image: url(bg_h1.jpg); background-position:right;
}

h2           {
	color: #7B8038;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight : bold;
}

h3           {
	color: #7B8038;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight : bold;
}

h4           {
	color: #7B8038;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight : bold;
}

h5           {
	color: #7B8038;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 115%;
	font-weight : bold;
}

h6           {
	color: #7B8038;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight : bold;
}


.big115      {
	font-size: 115%;
}
.big125      {
	font-size: 125%;
}
.big150      {
	font-size: 150%;
}
.bulletlead  {
	margin-top: 6;
}
.graphicborder {
	background-color: #669999;
	font-size: 75%;
}
.green       {
	color: #336666;
}

.hlight_cen, .hlight_left, .hlight_right {
	font-size: 120%;
	color: #188442;
	font-weight: bold;
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;
	margin:auto;
}
.hlight_cen  {
	text-align : center;
}
.hlight_left {
	text-align : left;
}
.hlight_right {
	text-align : right;
}


/*Sidebar and illustration text*/
.sidebar, sidebarAlert{
text-align:center;
clear:none;
}
.sidebar{
background-image:url(sidebarbg.gif);
}
.sidebarAlert{
	background-color:#B4F1CC;
	border:2px solid #7DDFA4;
}

.sidebar p, .sidebarAlert p{
text-align:center; /*This is necessary to overcome the alignment set on the p tag*/
padding:.75em;
}
.sidebarAlert a{
	color:#BC4F43;
}
.illus_text   {
	font-style: italic;
	font-size: 85%;
}
.illus   {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000066;
}
.illus_left  {
	text-align: Left;
}
.illus_right {
	text-align: Right;
}
/*End Sidebar and illustration text*/


.info        {
	font-style: italic;
	text-align : left;
}
.notice      {
	background-color: #006699;
	text-align: Center;
	color: #FFFFFF;
	padding-right: 5;
	padding-left : 5;
}
.p_2t2b_al   {
	text-align: Left;
	margin-bottom: 3;
	margin-top : 3;
}
.p_al        {
	text-align : left;
}
.redtext     {
	color: #990000;
}
.small25     {
	font-size : 25%;
}
.small50     {
	font-size : 50%;
}
.small65     {
	font-size : 65%;
}
.small75     {
	font-size : 75%;
}
.small85     {
	font-size : 85%;
}
.textnav     {
	font-weight : bold;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.right {
	text-align: right;
}

.floatleft {
	float: left;
	margin-right:1em;
}
.floatright {
	float: right;
	margin-left:1em;
}

dd           {
	margin-bottom: 5;
	margin-top : 5;
}
dt           {
	margin-bottom: 5;
	margin-top : 5;
}

hr           {
	border: medium solid;
	border-color:#D8DBAC;
	clear: both;
	height : 4;
}

li           {
	text-align: Justify;
	margin-bottom: 5;
	margin-top : 5;
}

p            {
	text-align : justify;
}

.red {
	color : Red;
}

.indent, .indent10 {
	margin-left : 1em;
}
.indent20 {
	margin-left : 2em;
}

.debug {
	background-color: #A0A6C9;
}
.MyNote		{ color: Fuchsia; background: White; font-weight: bold; }

/*===========================================================
New as of update 2008-05
===========================================================*/


.FloatLeft,
.FloatRight,
#PictureBorder150,
.PictureBorderFloatLeft,
.PictureBorderFloatRight{
margin-top:.5em;
margin-bottom:.5em;
}
.FloatLeft, 
.FloatClearLeft{
float:left;
margin-right:1em;
}
.FloatRight, 
.FloatClearRight{
float:right;
margin-left:1em;
}
#PictureBorder150 .PictureBorderFloatLeft{
margin-left:-160px;
}
#PictureBorder150 .PictureBorderFloatRight{
margin-right:-160px;
}
/*Adjust for IE*/
* html body #PictureBorder150 img{
margin-left:.5em;
}


.li_clearboth li,  .clearboth{
clear:both;
}
.ClearLeft, .FloatClearLeft{
clear:left;
}
.ClearRight, .FloatClearRight{
clear:right;
}


.clearnone{
clear:none;
}
img.listpad{
margin-right:3em;
}
ul.nolist{
list-style-type:none;
padding:0;
margin:0;
}
.border,.sidebar{
border:1px dotted black;
}
ul.GraphicPad{
display:inline;
}

.ListItemPad li{
padding-bottom:1em;
}

.PlainList{
list-style-type:none;
margin-left:0;
padding-left:0;
}

.block{
clear:both;
display:block;
}

div.FloatRight img{
margin-bottom:.5em;
width:152px;
}
div.FloatRight{
border:medium solid 006;
}

#PictureBorder150 #PictureBorderContent{
margin-left:155;
margin-right:155;
}

.em{
font-style:italic;
}
.strong{
font-weight:bold;
}

.FloatNone{
float:none;
}

.inline{
display:inline;
}
.meeting{
	padding-bottom:.5em;
	border-bottom:3px solid #CACBB8;
}

.ListItemBorders li{
border:2px #ccc solid;
padding:0 .5em 0 .5em;
}
.ListItemBorders li li{
border:none;
padding:0;
}