@charset "utf-8";
/* CSS Document */

#background {
	width: 990px;
	background-color: #999999;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    margin-bottom: 0px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}

#everything {
    width: 910px;
    margin-left: auto;
    margin-right: auto;
/*    padding: 20px;    */
      padding-left: 10px;
       padding-right: 10px;
       padding-top: 3px;
       padding-bottom: 0px; 

    overflow: hidden;
    background-color: #Ffffff;
 /*   text-align: center;  */
}
#all-content {
/*  position: absolute;      */
   margin-left: 170px;
   width: 750px;
   margin-top: 0px;
}

#right-column {
 /*   position: absolute;    */
 /*   float: right;   */
    margin-left:  375px;    
    padding-left: 20px;
    padding-right: 10px;
    width: 335px;
    border-left:solid 1px #666666;   
}
#full-page {
    padding-left: 10px;     
    padding-right: 10px;
}
#left-column {
/*	margin-left: 100px;  */
    float: left;
    width: 335px;
    padding-left: 10px;
    padding-right: 0px;
/*    border-right:solid 1px #666666;      */
}

#rightof3-column {
 /*   position: absolute;    */
 /*   float: right;   */
    margin-left:  505px;    
    padding-left: 10px;
    padding-right: 10px;
    width: 227px;
        border-left:solid 1px #666666; 
}

#leftof3-column {
/*	margin-left: 100px;  */
    float: left;
    width: 220px;
    padding-left: 10px;
 /*   padding-right: 10px;   */
    
}
#centreof3-column {
	margin-left: 10px;  
    float: left;
    width: 230px;
    padding-left: 15px;
    padding-right: 25px;
        border-left:solid 1px #666666; 

}

.right-text {
	text-align: right;
	}

.image-centre {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#menu-image {
 /*   display: block;  */
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
 /*   margin-right: 25px;  */
}


/* use the dot to make is a class (can be reused) rather than # which makes it id which should be unique */
.image-right {
    float: right;
/*  width : 105px; */
/* floated object needs width declared   */
    margin-left: auto;
    margin-right: auto; 
    padding-left: 10px;
    padding-top: 0px;
}
.image-left {
    float: left;
    width : 105px;  
/* floated object needs width declared   */
    margin-left: auto;
    margin-right: auto; 
    padding-left: 10px;
    padding-top: 0px;
}
#navbar {
    float: left;  
    width: 170px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
}

#main_nav_list {
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    list-style-type: none;
    
}
#main_nav_list li {
    margin: 0px;
    padding: 0px;
    width: 165px;
    border-bottom: 1px solid #3c3c3c;
}
#sub_nav_list {
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    list-style-type: none;
    
}
#sub_nav_list li {
    margin: 0px;
    padding: 0px 0px 0px 15px;
    width: 150px;
    height: 14px;
    border-bottom: 1px solid #3c3c3c;
}


/*--- main navigation items ------------------------------------------------*/

#main_nav_list a {
    display: block;
    text-align: left;
    overflow: hidden;
    width: 165px;
    padding: 0;
    margin: 0;
    
    text-indent: 0px;
}


a.main_nav_item {
    height: 26px;
    line-height: 22px;
}

a.main_nav_item_hover {
    height: 26px;
    line-height: 22px;
}

a.main_nav_active_item {
    height: 26px;
    line-height: 22px;
}


#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 0px;
		width: 910px;
		height: 74px;
		margin-left: 0px;
	padding: 0px;
}
#header {
	text-align: center;
/*	padding-bottom: 10px; */
	width: 910px;
	/*	display: block;   */
		width: 910px;
		height: 150px;   
	margin-left: 0px;
	margin-bottom: 10px;
	
}
.comp_header {
	text-align: center;
	padding: 0px;
	width: 910px;
	height: 150px;
	margin-left: 0px;
	margin-bottom: 20px;
	
}
.cm_header {
	text-align: center;
	padding: 0px;
	width: 910px;
	height: 150px;
	margin-left: 0px;
	margin-bottom: 20px;
	
}
/*--- main heading items ------------------------------------------------*/


#news_header {
   position: absolute;          
          width: 720px;
    height: 136px;
    margin-left: 15px;
    top:0px;
        left: 165px;
  float: right;   
	}
	
#LHS_header {
/*	float; left;     */
	text-align: left;
	position: absolute;  
       height: 136px;
       padding-bottom: 3px;
       margin-left: 0px;
       padding-left: 0px;
}
#events_header {
	position: absolute;
          width: 720px;
    height: 136px;
    margin-left: 15px;
    top:0px;
    left: 165px;
/*  float: right;      */
}