/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: Verdana,Arial,Times;
	font-size: small;
	color: #333333;
	line-height: 1.166;	
	margin: 0px; 
	padding: 0px;
}


#header_of_page{
/*		background-image:url(images/topbannerbackground.jpg);*/
/*		position: absolute; */
/*		top: 0px;
		left: 0px;
		right: 0px;*/
		height: 72px;
		min-height: 72px;
		width:1000px;  /*very important, otherwise will wrap the text if window is made smaller*/
		color:#000000;
/*		background-color:#bcbcde; *//*header of top section */
		background-color:#425190; /*header of top section */
}

#wrapper{
	width:1000px;
/*	background-color:#ff0ffe; /*header of top section */
	background-color:#425190; /*background left navigation bar */
}

#left_navigation_bar{
	float: left;
	width:160px;
	padding: 0px 4px 0px 3px;
 color: #aaaaaa; /*dont know */
	background-color:#425190; /*background left navigation bar */
 /*	border-right: none; */
/*	border-bottom: 1px solid #cccccc;*/  /* all at bottom of left menu */
	font-size: small;
	/*margin: 0px 2px 3px 2px;*/
}

#left_navigation_bar h3{
	padding: 10px 0px 2px 5px;  /*headers on left menu*/
/*	margin: 0px;*/
 color: #cccccc;
 /* border-bottom: 1px solid #cccccc;*/
	margin: 0px 2px 3px 2px;
}

#left_navigation_bar a{ /*left menubar actual items */
	width:145px;
	height:12px;
/* background-image:url(images/button_0.gif);*/
 display: block;
	padding: 3px 1px 3px 10px;
	background-color:#7b9e33; /*color of left menu bar items*/
 	border: 1px solid #000000; /*color of top line of second menu*/
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	color: #cccccc; /*text color of left menu items*/
 }

#left_navigation_bar a:hover{ /*left menubar second level when mouse over */
 background-image:none;
/* background-image:url(images/button_1.gif);*/
	/*border-top: 1px solid #000000;
	border-right: 1px solid #cccccc; /*color of top line of second menu*/
 /*border-bottom: 1px solid #cccccc;/*color of bottom line of menu items when mouse*/ 
	/*border-left: 1px solid #000000;/*color of bottom line of second menu*/ 
	background-color: #ffcc33; /*background color when mouse over left menu items */
	background-color: #6b8e23; /*background color when mouse over left menu items */
 	text-decoration: none;
 color: #ffffff; /*text color of left menu items with mouse over*/
 	/*margin: 0px 2px 3px 2px;*/
}

#left_navigation_bar a:active{ /*left menubar second level when mouse over */
 background-image:none;
	padding: 4px 0px 2px 11px;
	color: #ffffff;   /*text color of left menu items with mouse over*/
	/*margin: 0px 2px 3px 2px;*/
}

body.index a#index,
body.logout a#logout,
body.articles a#articles,
body.products a#products,
body.tools a#tools,
body.narrators a#narrators,
body.authors a#authors,
body.newsletters a#newsletters,
body.contact a#contact,
body.login a#login { 
/* background-image:none;
	border-top: 1px solid #000000;
	border-right: 1px solid #ffffff; /*color of top line of second menu*/
/* border-bottom: 1px solid #cccccc;/*color of bottom line of menu items when mouse*/ 
/*	border-left: 1px solid #000000;/*color of bottom line of second menu*/ 
	background-color: #ffffff; /*background color when selected */
	text-decoration: none;
 color: #000000; /*text color of left menu items with mouse over*/
	padding: 4px 0px 2px 11px;
	/*margin: 0px 2px 3px 2px;*/
}

div#middle_part{
	float: left;
 width:865px;
	padding-bottom:10px;
//	height:800px;
	background-color: #ffffff; 
}

div#right_part{
	float: left;
 width:135px;
	height:100px;
	min-height:100px;
	clear:right;
	color: #ffffff;   
	background-color: #425190; /*my dark orange*/
}

div#footer
{
	clear:both;
	width: 1240px;
	background-color:#b8c1d6; /*background left navigation bar */
/*		background-color:#666699; /*header of top section */
 }
.spacer {
	border:0px;
	height:0px;
	clear:both;
	width:0px;
		background-color:#000699; /*header of top section */
	}


#top_navigation_bar{
/* position: absolute; top: 70px;	left: 175px; /* this line is necessary, otherwise the top menu goes all
	to the bottom if the user resizes the window*/ 
	padding: 10px 10px 6px 10px; /*for the individual menu items*/
	width: 750px;
/*	margin:0px 0px 0px 178px; */
/*	border-left: 1px solid #ccd2d2;*/
}
#top_navigation_bar a:link, #top_navigation_bar a:visited { /*top menubar actual items */
/*	display: block;*//*makes it go in next line*/
	padding: 3px 15px 3px 15px;
	border-top: 1px solid #333333; /*color of top line of second menu*/
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
 border-left: 1px solid #333333; 
/*	border-bottom: 1px solid #555555;*//*color of bottom line of second menu*/ 
/*	background-image:  url("bg_nav.jpg"); *//*grey field*/
	font-weight: bold;
	background-color:#FBD284; /*amtd dark orange*/
	background-color: #6b8e23; /*my dark orange*/
 	color: #ffffff; /*text color of top menu items*/
 }
#top_navigation_bar a:hover{ /*top menubar second level when mouse over */
/*	border-top: 1px solid #cccccc;*/
	background-color:#FFF0DC; /*amtd light orange background color when mouse over top menu items */
	background-color: #ffee55; /*my light orange background color when mouse over top menu items */
	background-color:#F5e5b9; /*my new light orange background color when mouse over top menu items */
	background-color:#7b9e33; /*interpolate my dark and amtd light orange background color when mouse over top menu items */
 /*	background-image: none;*/
	font-weight: bold;
	text-decoration: none; /*suppress underline*/
}

body#login_login a#login_login,
body#login_signup a#login_signup,
body#login_forgot_pd a#login_forgot_pd,
body#login_change_pd a#login_change_pd,
body#tools_adjustcolor a#tools_adjustcolor,
body#tools_blog a#tools_blog,
body#tools_other a#tools_other,
body#article_search a#article_search,
body#article_details a#article_details,
body#article_download a#article_download {
	color: #450f34;
 	background: #ffffff;
 border-bottom: none;
}

#top_navigation_bar a#disabled {
/*	color: #955f84; */
 	background: #ffccee;
}




#top_cross_links{
 position: absolute; top: 70px;	left: 700px; /* this line is necessary, otherwise the top menu goes all
	to the bottom if the user resizes the window*/ 
	padding: 10px 10px 6px 10px; /*for the individual menu items*/
	width: 790px;
/*	margin:0px 0px 0px 178px; */
/*	border-left: 1px solid #ccd2d2;*/
	font-size: small;
}
#top_cross_links a:link, #top_cross_links a:visited { /*top menubar actual items */
/*	display: block;*//*makes it go in next line*/
	padding: 3px 15px 3px 15px;
	border-top: 1px solid #333333; /*color of top line of second menu*/
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
 border-left: 1px solid #333333; 
/*	border-bottom: 1px solid #555555;*//*color of bottom line of second menu*/ 
/*	background-image:  url("bg_nav.jpg"); *//*grey field*/
	font-weight: bold;
	background-color:#FBD284; /*amtd dark orange*/
	background-color: #ffcc33; /*my dark orange*/
	color: #333399; /*text color of top menu items*/
}
#top_cross_links a:hover{ /*top menubar second level when mouse over */
/*	border-top: 1px solid #cccccc;*/
	background-color:#FFF0DC; /*amtd light orange background color when mouse over top menu items */
	background-color: #ffee55; /*my light orange background color when mouse over top menu items */
	background-color:#F5e5b9; /*my new light orange background color when mouse over top menu items */
	background-color:#ffde88; /*interpolate my dark and amtd light orange background color when mouse over top menu items */
/*	background-image: none;*/
	font-weight: bold;
	text-decoration: none; /*suppress underline*/
}


#content{
 position: absolute; top: 100px;	left: 180px; /* this line is necessary, otherwise it is to far on top,
	and below the menubar items*/
 padding: 5px 0px 0px 5px; /*I made the position, so that in an extreme scenario without padding it 
	would be just close to the upper left corner*/
/*	margin:0px 0px 0px 178px; */
/*	border-left: 1px solid #000000;*/
	width: 790px;
}


#content_table{
 position: absolute; top: 100px;	left: 180px; /* this line is necessary, otherwise it is to far on top,
	and below the menubar items*/
	padding: 5px 0px 0px 5px;
/*	margin:0px 0px 0px 178px; */
	width: 1400px;
/*	overflow:auto;*/

}




/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
/*	color: #005FA9; */
	color: #0050ff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font-weight: bold;
	font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-weight: bold;
	font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-weight: bold;
	font-size: 100%;
 color: #ff0000; /*dont know*/
/* color: #334d55; */
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 100%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
/* font-weight: bold; 
	font-size: 1em;*/
 color: #000000;
}
				
input{
/*font-family: Arial,sans-serif;*/
height:auto;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#small_font{
	padding: 1px; /*how far the table moves away from the left frame*/
/*	background-color: #F5f7f7; */
	font-size:small;
}
#smaller_font input{
	font-size: small;
}
#smaller_font select{
	font-size: small;
}
#smaller_font table{   
 font-size: small;   
}

#xsmall_font{
	padding: 1px; /*how far the table moves away from the left frame*/
/*	background-color: #F5f7f7; */
	font-size: x-small;
}
#xsmall_font input{
	font-size: x-small;
}
#xsmall_font select{
	font-size: x-small;
}
#xsmall_font table{   
 font-size: x-small;   
}

.skipLinks {display: none;}


#category_in_frame {
		border: 1px solid #121212; 
 		padding: 0px; 
		background: #fffff0;
 }
#category_in_frame table{
  width:99%;
}
#category_in_frame tr{
/* height:2.9em;*/
}
#category_in_frame input{
	font-size: x-small;
 position:relative; 
/*	padding: 5px;*/ /*padding around the text that is typed in the entry field*/
/*	top:-1px;*/
}
#category_in_frame select{
	font-size: x-small;
 position:relative; 
/*	top:-1px;*/
}

#category_in_frame_title {
 height:20px;
		background: #333377; 
 		color: #ffffff;
 		padding:0px;
}
#category_in_frame_title tr{
 height:20px;
}
.text_next_to_entry_field {
  position:relative; 
		top:-2px; 
}

#text_in_frame {
		border: 1px solid #cccccc; 
		padding: 0px; 
		background: #EEEEEE;
}