/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  dl, body, a, img, div, dt, ul, div, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, html, blockquote, fieldset, input, dl, dt, dd, ul, li 
  { margin: 0px;
    padding: 0px;
    border: 0;
    }
    
html{
font-size:100.01%; /*sets all subsequent font to 10px = 1em*/
}    
   
body{
font-size: 82%; /*sets all subsequent font to 10px = 1em*/
background-image:  url(assets/graphics/gradient_bg.jpg);
background-repeat: repeat-x;  
background-color: #f0f5f9;  
}
 
#container { 
width: 800px; 
margin-left: auto;
margin-right: auto;
background-color: transparent;
overflow: hidden; /*this sets helps the height*/
}

#proj-pic {
margin-left: 0px;
}

.yellow{
color: #067ba2;
}

#header {
clear: both;
}

#head-top {
width: 800px; 
} 

#head-top-1{
height: 23px; 
}

#head-top-2{
height: 27px; 
background-image: url(assets/graphics/heading_strip.jpg);
}

#head-top-left{
width:50%;
float:left;
}
#head-top-right{
width:50%;
float:left;
}

#head-top-2 p.left{
color: #fff;
font-size:  1.0em;
padding-top: 5px;
padding-left: 30px;
text-align:left;
}

#head-top-2 p.right{
color: #fff;
font-size:  0.9em;
padding-top: 7px;
padding-right: 15px;
text-align:right;
}

#head-mid {
width: 800px; 
height: 180px; 
background-image: url(assets/graphics/header.jpg);
} 


#head-bot {
width: 800px; 
} 

#head-bot-1{
height: 15px; 
}

#head-bot-2{
height: 25px; 
background-image: url(assets/graphics/menu_strip.jpg);
padding-top: 7px;
overflow: hidden;
}

#navlistop
{
list-style-type: none;
}

#navlistop li
{
border-right: 1px solid #3f5560;
float: right;
line-height: 1.2em;
margin: 0.7em -.1em 0 .1em;
padding: 0 1.5em 0em 1.5em;
font-size:  0.8em;

}
   
#navlistop li a
{  
color: #2A3F68;
font-size:  1.2em;
}
   
#navlist
{
list-style-type: none;
margin-right:20px;
}

#navlist li
{
border-right: 1px solid #AECCDB;
float: right;
line-height: 0.8em;
margin: 0 -.1em 0 .1em;
padding: 0 .5em 0.1em .5em;
}

#navlist2
{
list-style-type: none;
margin-right:20px;
}

#navlist2 li
{
border-right: 1px solid #AECCDB;
float: right;
line-height: 0.8em;
margin: 0.7em -.1em 0 .1em;
padding: 0 .5em 0.1em .5em;
font-size:  0.9em;
}

a{
color: #AECCDB;/* robin has added */
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:  1em;
}

a:hover{/* robin has added */
color:#fff;
}

p{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:  1em;
color: #2A3F68;
}

#main{
  	overflow: hidden;
  	display: inline;
}

#main .column {
margin-top:5px;/* robin has added */
  	float: left;
  	padding-bottom: 10020px;  /* X + padding-bottom */
   margin-bottom: -10000px;  /* X */
   overflow: hidden;
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;
}

#main .title-box {
	background-color: #AECCDB;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;

}

.title-box p{
	padding-left: 15px;
	padding-top: 5px;
	font-size:  1.1em;
}

img {
padding-bottom: 20px;
}
img.no-bot-padd {
padding-bottom: 0px;
}
#middle {
margin-left: auto;
margin-right: auto;
}



#left {
	float: left;
	width: 362px;
	background-color:#E9EFF2;/* robin has added */
	background-image: url(assets/graphics/home_bg.jpg);
	background-repeat:no-repeat;/* robin has added */

}

#left p.main{
padding-bottom: 20px;
line-height: normal;
padding-right: 30px;
font-size: 0.9em;
padding-left: 15px;
}


#middle p.main{
margin:0;
padding-top: 0;
padding-bottom: 0;
line-height: normal;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 0.9em
}

#right p.main{
padding-bottom: 20px;
line-height: normal;
	padding-right: 0px;/* robin has altered */
	padding-left: 15px;
	font-size: 0.9em
}

#middle {
	float: left;
	width: 152px;
	background-color: #D8E5EC;
}
#right {
	float: left;
	width: 161px;
	background-color: #C9DAE3;
	margin-left:5px;/* robin has added */
}

.line {
border-top: #AECCDB solid 1px;
height:0px;
padding:0;
width:100%;
margin-bottom: 10px;
margin-top: 10px;
line-height:0px   /* This is a ie hack because to reduce 
			the height to zero, you need to make this zero */
}

#fillerdiv{
width: 100%;
float: left;
background-color: #000;
height: 20px;
}

#footer-wrapper{ /* this is needed cos the above 3 
columns backgrounds will overlap the footer otherwise*/
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10020px;
  margin-bottom: -10000px;
  background: #f0f5f9;         /* Same as body 
                            background */
							
}       
                        
#footer{
width: 800px;
clear: both;
position: relative;
}

#foot-1{
height: 15px; 
}

#foot-2{
height: 32px; 
background-image: url(assets/graphics/menu_strip.jpg);
}

#foot-3{
padding-top: 10px; 
height: 45px; 
padding-right: 15px;
}

#foot-3 p{
float: right;
}
/* What the Gibson genius has contributed*/
#left h2{
padding-left:15px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#067BA2;
}

#left h3{
padding-left:15px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#9960A1;
}
#left h4{
padding-left:15px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#067BA2;
}


#middle h2{/* robin has added */
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#067BA2;
}

#news_story{/* robin has added */
margin-top:2em;
margin-bottom:2em;
border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #067BA2;

}
.news_date{
padding-left:1em;

}

.left_input_box {/* robin has added */
margin-left:15px;
margin-top:10px;
	border: 1px solid #067BA2;
	background-color: #ffffff;;
	padding: 3px;
	}
	
.middle_input_box {/* robin has added */
margin-top:10px;
border: 1px solid #067BA2;
background-color: #ffffff;;
padding: 3px;
	}
	
	.dynamic_button {/* robin has added */
	margin-top:15px;
	margin-bottom:15px;
		background-image: url(assets/graphics/dynamic_button.gif);
    	display: block;
		width: 129px;
		height: 27px;
		cursor: pointer;  
    		}
    		
 .dynamic_button_over {/* robin has added */
 margin-top:15px;
	margin-bottom:15px;
		background-image: url(assets/graphics/dynamic_buttonover.gif);   
    	display: block;
		width: 129px;
		height: 27px;
		cursor: pointer;   ;
    		}

#main a{/* robin has added */
font-weight:normal;
color:#067BA2;
}
#main a:hover{/* robin has added */
font-weight:normal;
color:#9960A1;
}
#main a{/* robin has added */
font-weight:normal;
color:#067BA2;
}
#main li{/* robin has added */
margin-left:30px;
color:#067BA2;
font-family:Arial, Helvetica, sans-serif;
}
#zoom li{
font-size:0.9em;
margin-left:0px;
margin-top:-10px;
padding-bottom:15px;
vertical-align: middle;
	text-align:left;
	color:#AECCDB;
	list-style-image: url(assets/graphics/zoom.gif);
	font-family:Arial, Helvetica, sans-serif;
}

.project_thumb{
margin-bottom:15px;
text-align:left;
height:30px;
background-image:url(assets/graphics/view.gif);
background-repeat:no-repeat;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#9960A1;
}
.project_thumb_over{
margin-bottom:15px;
text-align:left;
height:30px;
background-image:url(assets/graphics/view_over.gif);
background-repeat:no-repeat;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#9960A1;
}

#project_thumb h3{
padding-top:5px;
padding-left:15px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#067BA2;
}