#mainContainer
	{
	width: 700px;
	min-width: 700px;
	margin: 20px auto;
	 
	}
	
	
#sideBarContentContainer
	{
  
	margin: 0 auto;
	padding: 0;
	width: 698px; /* Original width of 750px (the total width of the page) - the width of the border (2px)*/
	position: relative;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;   
    border-top: #000000 1px solid;
	background: #fff url(fleur-up.gif) no-repeat;    
	}

#sideBar
	{ /* Width of your nav column */
	 width: 130px;
	margin: 0;
	padding: 0;
	
	}

/* IE 6.0: For some reason, if you just specify padding here it'll add 10 px  */
/* to the entire layout and cause the page to scroll horizontally. So we have */
/* to specify the width and then set a margin on it.  The width is equal to   */
/* the width of the column, 190px - the 10px margin * 2                       */
#sideBar p
	{
	margin: 10px auto;
	width: 100px;
	}

#sideBarContentWrapper > #sideBar p
	{
	padding: 10px;
	margin: 0;
	}
	
#content
	{
	float: right;
	width: 458px;
	min-height: 600px; 
	margin: 0;
	padding: 10px; 
	padding-right:80px;
	background: #fff url(fleur-down.gif) no-repeat bottom right;
	}


/* ============================================================================ */
/* NBI Layout/Design styles                                                     */

body
        {
        font-family: Georgia;
        font-size: 12px;
        line-height: 17px;
        margin: 0;
        padding: 0;
        background-image: url(body.jpg);
        }


h2
        {
        font-size: 18px;
		font-style: italic;
		font-weight: normal;
        }

p
        {
        margin-top: 0px;
        margin-bottom: 20px;
        }

.clear_both
        {
        clear: both;
        }

.code
	{
	font-family:"Courier New", Courier, monospace;
	}



/* IE fix for additional padding that otherwise get's rendered between list items */
#sideBar ul li
	{
	height: 1%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#sideBarContentContainer> #sideBar
	{
	height: auto;
	}
	


 /**********vertical menu***************/    
.verticalmenu {
	position: relative;
	top: 150px;    
	text-align: right;  
	border-right: 1px dotted #999;
	
}


.verticalmenu ul{
 list-style:none;
 padding: 10px;
 margin: 0px;  
}

 .verticalmenu li, .verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
   display: block;	
   font: normal 12px Georgia;
   color: black;
   text-decoration: none;
   text-align: right;

   height: 20px;
 }

 .verticalmenu a:hover{
  
   color: #F79837;
 }
        
/***************************h1 image replacement ************************/
    
#header {
	width: 239px;
	height: 28px;
	background-image: url(logo.gif);
	margin-bottom: 40px;
	margin-top:50px;
	
	}
#header span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}


/****************************main image************************/
                  

#main_image img
{
	margin-top:20px;
	margin-bottom: 160px; 
    border:6px double gray;
}