/* CSS Document */

body {
	margin : 0px 0px 15px 0px ; padding : 0px ;
	background : #ffffff ; font-family : verdana, arial, sans-serif ;
	font-size : 13px ;
	}
		
p {
	width : auto ; height : auto;
	margin : 0px ; padding : 6px 8px ;
	font-size : 12px ;letter-spacing : 0.5px ;
	}
		
h1{
	width : auto ; height : auto;
	margin : 0px ; padding : 6px 8px ;
	font-size : 20px ; letter-spacing : 0.5px ;
	}
h2{
	width : auto ; height : auto ;
	margin : 0px ; padding : 6px 8px ;
	font-size : 15px ; letter-spacing : 0.5px ;
	}
h3{
	width : auto;
	height : auto;
	margin : 0px;
	padding : 6px 8px;
	font-size : 12px;
	letter-spacing : 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	}
h4{
	width : auto;
	height : auto;
	margin : 0px;
	padding : 6px 8px;
	font-size : 14px;
	letter-spacing : 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	}

				
object,param {
	margin : 0px ; padding : 0px ;
	}
		
a{text-decoration:none; outline: none; }

img { border:none;}
#container {
	width : 700px ; height : auto ;
	margin : 0px auto ; padding : 0px ;
	background-color: #ffffff;
	}
		
#header {
	width : 700px ; height : 124px ;
	margin : 0px ; padding : 0px ;
	}
		
#content {
	width : 700px ; height : auto ;
	border : 1px solid #999 ;
	}
		
#left {
	width : 200px ; height : 100% ;
	margin : 0px ; padding : 0px ;
	border-right: 1px solid #999;
	float : left ;
	}
		
#middle {
	width : 494px;
	height : auto;
	margin : 0px;
	padding : 0px;
	float : left;
	}		
		
.left {float:left}
	
.right {float:right}

.clearBoth {clear:both}
			
#navbar {
	width : 720px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
		
#navbar ul {
	list-style:none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 10px;
	}

#navbar li {
	display: inline;
	}
		
#navbar a:link, #navbar a:visited {

	padding: 3px 10px 2px 10px;

	_padding: 3px 11px 2px 11px;
	color: #D25B31;
	background-color:#FFFFFF;
	text-decoration:none;
	border: 1px solid #999;
	}
		
#navbar a:hover {
	color: #083572;
	background-color:#5F76AA;
	border: 1px solid #999;

	}


		
#midleft {
	width : 233px ;
	_width : 232px ; 
	height : 100% ;
	margin : 5px ; 
	padding : 0px ;
	float : left ;
	}
	
#middir {
	width : 231px ;
	_width : 230px ; 
	height : 100% ;
	margin : 5px ; 
	padding : 0px ;
	float : left ;
	background-color:#FFFF99;
			border: 1px solid #083572;


	}


#midright {
	width : 233px ;
	
	_width : 233px ; 
 
	height : 100% ;
	margin : 5px ; 
	padding : 0px ;
	float : left ;
	}

#midfull {
	width : 475px; height : auto ;
	margin : 5px ; 
	padding : 0px ;
	float : left ;
	}
	

	
#comp {
	width : 450px ; height : auto ;
	margin : 5px ; padding : 0px ;
	float : left ;
	}


#middle dl {
	width : auto ; height : 100% ;
	margin : 0px ; padding : 0px ;
	padding-bottom: 10%;
	padding-right: 10px;
	}
		
#middle dt {
	width : auto ; height : auto ; 
	margin : 0px ; padding : 0px 0px 0px 10px ;
	font-size : small; font-weight : bolder;
	}
		
#middle dd {
	margin : 0px ; padding : 0px 0px 0px 10px ;
	font-size : x-small ;
	
	}
				
#middle a {color : #000;}

#middle a:hover {color : #7B7B7B;
	}

#left dl {
	width : auto ; height : auto ;
	margin : 2px ; padding : 2px ;
	margin-bottom:0px;
	background-color:#CCDBFF;
	}
		
#left dt {
	width : auto ; height : auto ; 
	margin : 0px ; padding : 0px 0px 0px 10px ;
	margin-top:5px;
	margin-bottom:5px;
	font-size : small ; font-weight : bolder ;
	}
		
#left dd {
	margin : 0px ; padding : 0px 0px 0px 10px ;
	margin-bottom: 5px;
	font-size : x-small ;
	}
				
#left a {color : #000;}
	#left a:hover {color : #7B7B7B}

#footerleft {
	font-size : x-small ;
	float: left;
	}

#footerright {
	font-size : x-small ;
	float: right;;
	}
	
#footerright a{color : #000;}
#footerright a:hover {color : #7B7B7B}

	
.curr {
	background-color:#66CC66;
	}

#midfull dl{
	width: 425px;
	font-size:smaller;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 25px;
	background-color:#E8EEFA;
	border-bottom: 5px solid #FFF;

}
#midfull dt{
	width: 345px;

	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	background-color:#E8EEFA;
	margin-bottom: 5px;


}
#midfull dd{
	width: 345px;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

#ref {
	width: 425px;
	font-size:smaller;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 25px;
	background-color:#E8EEFA;
	border-bottom: 5px solid #FFF;
}	

#ref p{
	width: 345px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#E8EEFA;
	font-weight: bold;
}

#ref h6{
	width: 345px;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight: normal;
	margin-bottom: 0px;
}		




#midfull a {
	color : #000;
}
#midfull a:hover{
	color : #7B7B7B;
	text-decoration:none;
}
#midfull h2{
	font-size : 20px ; letter-spacing : 0.5px ;

	}
	
.title {
	background-color:#CCDBFF;
	border-bottom: 5px solid #FFF;
	width: 460px;

	
}

.reference {
	background-color:#FF9900;
	border-bottom: 5px solid #FFF;
	margin-bottom: 10px;
	width: 400px;
	


	
}


.directory {
	width : 233px ;
	_width : 232px ; 
	background-color:#CCDBFF;
	border-bottom: 5px solid #FFF;
	
}

.bio{
	background-color:#CC9933;
	border-bottom: 5px solid #FFF;
	border-top: 10px solid #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 460px;

	
}

.toptip{
	background-color:#FFFF99;
	border: 1px solid #FF0000;
	padding: 10px;
	margin: 10px;
	width: 400px;

	
}

.casestudy{
	background-color:#F3E7ED;
	padding: 10px;
	margin: 10px;
	width: 400px;

	
}

.subtitle {
	border-bottom: 5px solid #FFF;
	background: url(images/bulletd.gif) no-repeat left 5px;
		background-color:#E8EEFA;

	padding-left: 20px;	
	
}

.dirtitle {
	background: url(images/bulletd.gif) no-repeat left 5px;
		background-color:#E8EEFA;

	padding-left: 20px;	
	border: 1px solid #083572;
	margin-bottom: 10px;


	
}

.credit {
	font-size: smaller;
	font-style:italic;
	color:#083572;

	
}

.comp {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
p.quote {
	font-style:italic;
	font-size:9px;
	margin-bottom:5px;
	}
	
p.pquote {
	font-style:italic;
	font-size:9px;
	margin:0;
	padding:0;
	}
	
.imageleft {
	width:160px;
	float:left;
	margin:0 10px;
	}
	
.imageright {
	width:160px;
	float:right;
	margin:0 10px;
	}
#MainContainer {
	width:900px; 
	margin-right:auto; 
	margin-left:auto; }