.welcome {
	min-width: 767px;

}

.welcome a { 
	color: #000000;
}
.welcome a:hover {
	color: #802b27	 
}
.welcome a.logo-nav:hover { color: #ffffff; }


#logo-bottom {
	width: 689px;
}

.welcome #rounded-bottom {
	background-image: url("images/w-bg-grad-sidebar-7799cc-f4f7fb-62.gif"); /*gradient from 7799cc to f4f7fb with 62% opacity; gradient from 0 to 400 */
	background-color: #f4f7fb;

	background-attachment: scroll;
	background-position: top;
	background-repeat: repeat-x;

	border-right: 1px solid #7799cc;
}

.welcome #top-rounded-bottom {
	background-color: #7799cc;
}



/* ----------------- LEFT SIDE BAR ----------------------------- */
#left_side { 
	font-family: Verdana; 

	background-image: url("images/w-bg-grad-sidebar-7799cc-f4f7fb-62.gif"); /*gradient from 7799cc to f4f7fb with 62% opacity; gradient from 0 to 400 */
	background-color: #f4f7fb;

	background-attachment: scroll;
	background-position: top;
	background-repeat: repeat-x;

	border-right: 1px solid #7799cc;
	}


td.left_side-item {
	color: #000;
	padding:5px 0px 5px 5px;
}
#left_side-item2 {
	color: #000;
	border:0;
	padding:0px 0px 0px 5px;
}
#search-button  { 
	background: #d0d0d2;
	color: #555;
	font-family: Verdana, sans-serif; 
	font-weight: bold; 
	font-size: 85%; 
	padding: 1px 6px;
	border: 1px solid;
	border-top-color: #aaa;
	border-left-color: #aaa;
	border-right-color: #555;
	border-bottom-color: #555;
	margin-top: 4px;
}
#search {
	width:126px;
}
#whatnew {
	font-weight:bold; 
	color:#000000;
	padding:0px 0px 0px 5px;
} 
#whatnew-item {
	color:#000000;
	padding:0px 0px 0px 15px;
} 



/* ----------------- MIDDLE COLUMN ----------------------------- */
#second-column {
	background-color: #ffebce;
	background-image: url("images/w-bg-grad-ffebce-welcomepage.gif"); 

	background-attachment: scroll;
	background-position: top;
	background-repeat: repeat-x;

	border-bottom: 1px solid #7799cc;

	width: 701px;
/*	width: 626px;*/
}

#main_title { 
	font-size: 10pt;
	font-family: verdana;
	font-weight: bold;
	text-align: center;
	padding:20px 15px 25px 15px;
	margin-bottom: 0;
}


#wonder-message {
	font-family: Verdana; font-size: 10pt; font-weight: bold; color: #990000;  

	text-align: center;
	padding:0px 15px 20px 15px;
}


#bottomrow {
	background-color: #f4f7fb;
	}


/* ------------------------ RIGHT COLUMN ---------------------------- */
#right_side { 	  
	background-color: #f4f7fb;

	border-left: 1px solid #7799cc;
	}
/* the cdc-header-rows all for extending right column colors up into the cdc header */
#cdc-header-row2 {
	border-left: 1px solid #7799cc;
	background-color: #f4f7fb;
}
#cdc-header-row3 {
	border-left: 1px solid #7799cc;
	background-color: #f4f7fb;
}
#cdc-header-row4 {
	border-left: 1px solid #7799cc;
	background-color: #f4f7fb;
}


/* ------------- TABS AND THEIR PAGES -----------------------------*/

/* two div provide pages connected to the tabs */
/* tabs sit above this div. provides right side of blue inset. top of blue inset is provided as background to the rounded-tabs element below. */
div.tab-div {
	background: #7799cc;  /*blue bar in form */
	clear: both;
	padding: 0px 4px 0px 0px;
}

/* tabs sit above this div. provides border around entire page */
.tab-div2 {
	background-color: #ffffff;
	padding: 10px 0;
	clear: both;
	border: 1px solid #777799;
}

 

/* graphic tabs */
div.rounded-tabs {
	float:left;
	clear: both;
	background:url("images/bar-blue.gif") repeat-x bottom;
	width: 100%;

	/*	width: 900px;*/	 /* this fixed width keeps buttons from stacking when window is sized down very small.*/
	/*	works but buttons stack when shrinking window
		background:url("images/bar-blue.gif") repeat-x bottom;
		width: 100%;
	*/
	}

div.rounded-tabs ul {
	margin:0;
	padding:0 0 0px 0px;
	list-style:none;
	}

div.rounded-tabs li {
	float:left;
	background:url("images/tab-7799cc-left.gif") no-repeat left top;
	padding:0 0 0 9px;
	margin-right: 5px;
	}

div.rounded-tabs li a {
	display:block;
	background:url("images/tab-7799cc-right.gif") no-repeat right top;
	padding:4px 15px 4px 6px;
	text-decoration:none;
	font-family: Arial; 
	font-size:9pt; 
	font-weight: bold;
	color:#5e5e5e;
	}

div.rounded-tabs li a:hover {
	color: #802b27	
	}

div.rounded-tabs li.current {
	background-image:url("images/tab-777799-border-left.gif");
	position: relative;
	top: 1px;
	}
div.rounded-tabs li.current a {
	background-image:url("images/tab-777799-border-right.gif");
	color:#000000;
	padding-bottom:4px;
	}




/* ----------- CONTENTS OF TAB PAGES ------------------------- */

td.topic_heading { width: 100%;
	background: no-repeat url("images/HeadingEmpty.gif");
	padding: 5px 0 5px 25px;
	font-family: Arial; 
	font-size:12pt; 
	font-weight: bold;
}

td.topic_heading h2 {
	margin: 0;
	font-family: Arial; 
	font-size:12pt; 
	font-weight: bold;
}

td.sub_topic h3 {
	margin: 0;
	font-size:10pt; 
}

td.topic_item {padding-left:10px}
td.topic_item2 {padding-left:20px} 

td.alphaList1 { border-bottom: 1px solid #f8d59f; width: 73%; height: 22px; }
td.alphaList2 { border-bottom: 1px solid #f8d59f; width: 15%; height: 22px; }
td.alphaList3 { border-bottom: 1px solid #f8d59f; width: 12%; height: 22px; }
td.alphaList1_1 { border-bottom: 1px solid #f8d59f; padding-left:12px; width: 73%; height: 22px; }
tr.a_z_row {border-bottom: 1px solid #f8d59f; }

th.alphaList1 { font-size: 12pt; }
th.alphaList2 { font-size: 12pt; }
th.alphaList3 { font-size: 12pt; }


/* ----------- CONTENTS OF NON-WONDER JUMP PAGES ------------------------- */
/* on jump pages provides border similar to one around tabbed pages, namely blue inset border. */
.jumppage-div {
	background: #fff;
	padding: 3% 3% 3% 3% ;
}

.jumppage-div .title {
	font-size: 11pt;
	font-weight: bold;
}

.jumplist {
	margin-top: 25px;
}

.jumplist ul {
	margin-top: 8px;
	margin-bottom: 0;
}

.jumplist li {
	margin-bottom: 10px;
}

.jumplist li a {
	margin-left: 50px;
}


.title {
	color: #245;
	font-family: Verdana, sans-serif; 
	font-size: 14pt; 
	font-weight: normal;
	text-align: center;
	padding: 20px 0 15px 0;
}


.title .sub {
	font-size: 12pt; 
	font-weight: bold;
	margin-top: 10px;
}