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


<!-- 
body  {	
	font: 100% Verdana, Arial, sans-serif;
	background:#CCCCCC;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #555555;
	font-size: 0.7em;
	line-height: 16px;
	background: url(Images/background.jpg);
}




#container { 
	width: 970px;
	background:url(Images/bg_shadow.gif) top center repeat-y;
	margin: 0 auto;
	padding:0 auto; 
	text-align: left;
	margin-bottom:0px;
	padding-bottom:30px; 
} 

.style2 {
color: #333333;
text-decoration:none;
}

/*----------------------------------- LOGO TOP BAR--------------------------------------------------------*/
#LogoHead {
    width:960px;
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:5px;
	text-align: left;
}

#logo {
margin-left:-3px;
}

a img {
border:none;
}


#topNav {
margin-top:-20px;
padding-bottom:0px;
margin-right:10px;
margin-bottom:0px;
float:right;
}


#topNav p{
padding:0;
margin:0;
}

#topNav a{
text-decoration:none;
color:#004D95;
}

#topNav a:hover{
text-decoration:underline;
color:#004D95;
}

/* -------------------------------------------------HEADER--------------------------------------*/




/*-----------------------------------MAIN NAV----------------------*/

#head_image {
margin-left:5px;
}

*html ul.nav a {height:1px}



/*------------------------------------------------------------------LEFT SIDEBAR----------------------------------*/

#sidebar1{
	float: left; 
	width: 460px; 
    margin-top:10px;
    padding-top:5px;
	
    margin-right:0px;
    margin-left:5px;
	padding-bottom:0px;
    padding-left:10px;
}	
	
#sidebar1 h1{
font-size: 2.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #353938;
padding-top:0px;
padding-bottom:2px;
}

#sidebar1 h2{
padding-top:5px;
}

/*----------------------PROJECTS----------------------------*/

#Projects {
	float: left; 
	width: 460px; 
    margin:0px;
	padding:0px;
}


#col1 {
width:230px;
float:left;
}

#cap {
margin-top:-145px;
float:left;
margin-left:65px;
}

#cap h1 {
font-size:1em;
color: #000000;
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
}



#cap p {
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:20px;
font-size:1em;
line-height:2em;
}


#im1 {
margin-top:10px;
padding-top:10px;
width:65px;
height:60px;
background:url(Images/stockwell_thumbnail.jpg);
background-position:top left;
background-repeat:no-repeat; 
}


#im2 {
margin-top:5px;
padding-top:5px;
width:65px;
height:60px;
background:url(Images/epping_thumbnail.jpg);
background-position: bottom left;
background-repeat:no-repeat; 
}



#im3 {
margin-top:10px;
padding-top:10px;
width:65px;
height:60px;
background: url(Images/harlow_thumbnail.jpg);
background-position:top left;
background-repeat:no-repeat; 
}


#im4 {
margin-top:5px;
padding-top:5px;
width:65px;
height:60px;
background: url(Images/hert_thumbnail.jpg);
background-position: bottom left;
background-repeat:no-repeat; 
}
/*--------------------------------------------------MID BAR----------------------------------------------------*/

#midBar{
	float: left; 
	width: 235px; 
    margin-top:10px;
    padding-top:5px;
	
    margin-right:10px;
    margin-left:0px;
	padding-bottom:0px;
    padding-left:20px;
	padding-right:0px;
    }


    #midBar h1{
    color: #FFFFFF;
    background:#004D95;
    width:215px;
    height:18px;
    font-size:1em;
    font-weight:bold;
    padding-left: 10px;
    padding-top:3px;
    margin-bottom:10px;
    margin-top:0px;
    }


     #midBar h2{
     color: #FFFFFF;
     background: #00664C;
     width:215px;
     height:18px;
     font-size:1em;
     font-weight:bold;
     padding-left: 10px;
     padding-top:3px;
     margin-bottom:10px;
     margin-top:20px;
     }


#midBar p{
margin-top:5px;
}

     #midBar ul {
     font-size: 1em;
     list-style-type:none;
	 padding:0;
     margin:0;
     }

     #midBar li {
     background-image:url(Images/blue_bullet.png);
     background-repeat:no-repeat;
     background-position:1px 7px;
     margin-left:0px;
     line-height:1.1em;
     padding: 0.4em 10px
     }

/*--------------------------------------------------------------------NEWS RIGHT SIDEBAR-------------------------------*/


#news {
	float: right; 
	width: 202px; 
	margin-right:5px;
	margin-top: 10px;
	padding-right:10px;
	padding-left: 10px;
	padding-top: 5px;
}

#news p {
padding-top:3px;
padding-bottom:5px;
margin:0px;
}


#news p.news {
margin-bottom:0px;
padding-bottom:0px;
padding-top:5px;
}

#news h2, #sidebar1 h2 {
margin: 0;
color: #353938;
font-size:1.3em;
font-weight:bold;
margin-bottom:8px;
}


p a.simLine  {
	color:#004D95;
	display:block;
	text-align:left;
	font:1em Verdana;
	text-decoration:none;
}

p a.simLine:hover {
	color: #84ABD7;
	text-decoration:none;
}



/*--------------------------------------------------------------------FOOTER--------------------------------------------------*/


#footer {
	width: 960px;
	margin: 0 auto;
	padding:0 auto; 
	text-align: left;
	margin-bottom:0px;
	margin-top:-2px;
	padding-top:0px;
	padding-bottom:10px; 
	border-top:2px solid #e9e9e9;
} 

#footer h1 {
    font-size:1em;
    font-weight:normal;
    margin-left:10px;
	padding-top:8px;
	margin-bottom:5px;
	color: #333333;
}

#footer p {
    margin-left:10px;
	margin-top:5px;
	color:#969696;
	font-size:0.9em;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
<!--[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
.thrColElsHdr #sidebar1, .thrColElsHdr #sidebar2 { padding-top: 30px; }
.thrColElsHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

<![endif]-->