body {
	margin: 0;
    padding:10px 40px 0 240px;
	min-width: 600px;
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
		}
#header {
			margin-left: -240px;    /* LC fullwidth +left padding*/
			margin-right: -40px;   /* RC fullwidth + CC padding */
		}
.header_image {
	margin-left: 20px;
	margin-right: 20px;
	background-image: url(Images/BG_LOGO.gif);
	background-repeat: repeat-x;
	width: auto;
        }

div.header_image span.header_left {
	float: left;
	width: 40px;
}
div.header_image span.header_right {
	float: right;
	width: 40px;
}

/************* #top_globalNav styles **************/

.top_nav {
	color: #666666;
	margin-left: 20px;
	margin-right: 20px;
	/*white-space: nowrap;*/
	background-image: url(Images/menu_bg.gif);
	height: 27px;
	margin-top: 10px;
	line-height: 25px;
}

div.top_nav span.top_nav_l {
	float: left;
	width: 15px;
}
div.top_nav span.top_nav_r {
	float: right;
	width: 15px;
}
.top_nav_lks {
	margin-top: 10px;	
}
.top_nav img{
 display: block;
}

.top_nav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px;
	font-weight: 600;
}
.top_nav a:link, .top_nav a:visited {
	color: #666666;
}

.top_nav a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #FF6633;
}
#container {
    float:left;
	width:100%;	
	border-left:220px ; /* The width and color of the left rail */
	border-right:20px ; /* The width and color of the right rail */
	margin-left:0px;
	margin-right:0px;
	display:inline; /* So IE plays nice */
}

#center {
	float:left;
	width:100%;
	margin-right:-100%;
    padding: 20px 10px 10px 10px;  
    width: 100%;
        }

#left {
	float:left;
	width:220px;
	margin-left:-240px;
	position:relative;
	padding-top: 20px;
		}

#right {
	float:right;
	width:20px;
	margin-right:-20px;
	position:relative;
		}

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

a:hover {
	color: #0000ff;
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: Verdana,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 115%;
 color: #006699;
}

h2{
 font-size: 110%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

#pageName {
	padding-left: 10px;
}
.head_lines{
	padding: 10px;
	font-size: 80%;
	color: #006699;
}
div.head_lines span.signature {
	color: #666;
	float: right;
	font-weight: 600;
	padding-right: 4px;
}

.head_lines h2{
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.head_lines img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

div.story span.author{
	text-decoration: underline;
}
div.story span.author a:hover{
	text-decoration: none;
	color: #FF6633;
}

/*********** navBar_L styles ***********/
.top_bar {
	background-image: url(Images/topbar220.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 7px;
	margin: 0px;

}
.bot_bar {
	background-image: url(Images/botbar220.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 7px;
	margin-bottom: 15px;    
}
.navBar_L{
	padding: 0px;
	margin: 0px;
	background-image: url(Images/bg.jpg);
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-repeat: repeat;
}
.navBar_L ul a:link, #navBar_L ul a:visited {display: block;}
.navBar_L ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.navBar_L li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body .navBar_L li {border-bottom: none;}

/*********** #L_navLink styles ***********/
.L_navLink{
	/*position: relative;*/
	margin-top: 10px;
	font-family: arial, sans-serif, Verdana, Helvetica;
	font-size: 12px;
	color: #666;
	background-color: #F3F3F3;
}


.L_navLink h2 a:link, .L_navLink h2 a:visited {
	text-decoration: none;
	padding: 10px 0px 10px 15px;
	#006699;
	font-size: 15px
	font-weight: 600;
	text-transform: uppercase;
}

.L_navLink h2 a:hover , .L_navLink h2 a:active {
	color: #FF6633;
	text-decoration: underline;
}

.L_navLink h3 {
	padding: 14px 0px 10px 16px;
	color: #666;
	font-size: 14px
	font-weight: 600;
}

.L_navLink li {
    padding:10px 0px 4px 16px;
    font-size: 95%;
	font-family: arial, sans-serif, Verdana, Helvetica ;
	font-weight: bold;
}

.L_navLink a:link, .L_navLink a:visited {
	text-decoration: underline;
	color: #006699;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, sans-serif, Verdana, Helvetica ;
}
.L_navLink a:active {
	text-decoration: none;
	color: #FF6633;
}
.L_navLink a:hover {
	width: 100%;
	/*color: #FF6633;*/
}

div.L_navLink span.tocontent {
	font-size: 95%;
	font-weight: 600;	
	padding:20px 0px 0px 16px;
}

.L_book_Links{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}
.L_book_Links h3{
	padding: 10px 0px 2px 0px;
	font-size: 90%;
	color: #666;
	font-weight: 600;
}

.L_book_Links li {
padding:12px 0px 4px 18px;
}

.L_book_Links a:link, .L_book_Links a:visited {
	text-decoration: none;
	color: #006699;
	font-size: 90%;
	font-weight: bold;
}

.L_book_Links a:hover {
	width: 100%;
	color: #FF6633;
	text-decoration: none;
}
.L_book_Links a:active {
	text-decoration: none;
	color: #FF6633;
}
/************** #advert styles **************/
#advert_1{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	/*border-top: 1px solid #cccccc;*/
	background-color: #F3F3F3;
}

#advert_1 img{
	display: block;
}
#advert_srch {
	font-size: 80%;
	padding-top: 20px;
	width: auto;
	text-align: center;
	background-color: #F3F3F3;
	margin-bottom: 0px;	
	/*border-bottom: 1px solid #cccccc;*/
	}
.L_pic {
	padding: 20px 0px 10px 0px;
	text-align: center;	
}
/************** # Left headlines styles **************/

.L_headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

.L_headlines p{
	padding: 5px 0px 5px 0px;
}

/************** .feature styles ***************/
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}
.feature h3 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature h2{
	padding: 30px 0px 5px 0px;
	font-size: 110%;
}
.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.feature span.advert {
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 10px 5px 5px 0;
}
.story span.advert {
	float: left;
	padding: 6px 0px 0px 0px;
	margin: 10px 6px 0px 0px;
}

/************** Table of Contents styles ***************/
.toc{

}
.toc h2 {
 font-size: 95%;
 padding: 0px 0px 10px 10px;
 color: #006699;
}
.toc ul a:link, .toc ul a:visited {
	font-size: 85%;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
.toc ul a:active {
	color: #FF6633;
	text-decoration: none;
}
.toc ul a:hover {
	color: #FF6633;
	text-decoration: none;
}
/************* #footer styles ***************/
#footer{
	clear: both;
	margin-left: -240px;
	margin-right: -40px;
	margin-top: 10px;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	text-align: center;
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #cccccc;
}


#footer img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}