body {height:100%; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; margin:0; padding:0;}
html,body {height:100%;}

#sponsor {position:absolute; top:5px; left:5px;}

#site {width:744px; margin:0 auto;}

table {border-collapse:collapse; border-spacing:0;}
td {padding:0; vertical-align:top;}

h1 {font-size:76%; color:#4D545E; margin:0;}
h2 {font-size:71%; color:#4D545E; margin:0;}

p {font-size:64%; color:#4D545E; padding:0; margin:0;}

ul {margin-top:2px; margin-bottom:0;}
li {font-size:64%; padding:0; margin:0;}

a, a:link {
	text-decoration:none; 
	color:#7AA0D1;
	}	
a:active {
	text-decoration:none; 
	color:#778899;
	}	
a:visited {
	text-decoration:none; 
	color:#BCC5D0;
	}	
a:hover {
	text-decoration:underline;
	}
	
img {border:0;}

#accessibilty {width:718px; height:20px; text-align:right; padding:6px 12px 0 12px;}
* html #accessibilty {width:742px; w\idth:718px;}
	#accessibilty a {color:#4D545E;}
	
#header {width:742px; height:165px; background: url("../_images/spring.jpg") no-repeat #B1B5BC; border:1px solid #fff;}
	#header #title {margin:30px 0 0 24px;}
	
#menu {width:718px; text-align:right; background:#7AA0D1; border:1px solid #fff; padding:6px 12px 6px 12px;}
* html #menu {width:742px; w\idth:718px;}
	#menu p,
	#menu a {color:#FFF;}	

/* Box styles */
#web,	
#logo,
#stationery,
#graphics,
#about,
#contact,
#links  {float:left; border:1px solid #fff;}

	#logo h1 {background:#F1F2F2;}
	#logo a.block {display:block; color:#4D545E; background:#E7E9EB; text-decoration:none;}
	#logo a.block:hover {background:#b0c4de;}
	#logo #leftborder {height:236px; border-left:1px solid #E7E9EB;}
	
	#stationery h1 {background:#E7E9EB;}
	#stationery a.block {display:block; color:#4D545E; background:#DADCE0; text-decoration:none;}
	#stationery a.block:hover {background:#b0c4de;}
	
	#web h1 {background:#DADCE0;}
	#web a.block {display:block; color:#4D545E; background:#CCCFD4; text-decoration:none;}
	#web a.block:hover {background:#b0c4de;}
	
	#graphics h1 {background:#D1D4D8;}
	#graphics a.block {display:block; color:#4D545E; background:#C3C7CC; text-decoration:none;}
	#graphics a.block:hover {background:#b0c4de;}
	#graphics #rightborder {height:236px; border-right:1px solid #C3C7CC;}

.idx {width:184px;}
.on {width:658px;}
.off {width:26px;}
.textpage {width:630px;}
	.idx a.block {padding:6px 12px 16px 12px;} /* pads the a to fill the whole block round p */
	.off a.block {padding:6px; height:252px} /* pads the a to fill the whole block round h1 */
	.idx h1,
	.on h1,
	.textpage h1 {padding:6px;} /* padding round h1 when there's no block link present */
	.textpage p {padding:6px 12px 6px 12px;}/* padding round p when there's no block link present */
	
.view {margin-left:80px;}
#left {float:left; width:50%;}
#right {float:right; width:50%;}
	.next {text-align:right;}
#loadarea {height:210px; text-align:center;}
#quoterequest {text-align:center;}
#quoterequest a {color:#4D545E;}

.popup {position:relative; z-index:24;}
.popup span {display:none}
.popup:hover span {display:block; position:absolute; top:0; left:0; width:200px; border:1px solid #7AA0D1; background:#fff; padding:2px;}
.popup ul li {font-size:100%}

#linklist {float:left; width:178px; height:226px; padding:12px 0 0 12px;}
#linklist p {font-size:64%; padding:0;}
.scroll {height:228px; overflow:auto; width:45% !important; margin-right:25px;}

/* resume */
#resume {width:95%; border:1px solid #dcdcdc; margin:6px 12px 6px 12px;}
#resume th {text-align:left; border:1px solid #dcdcdc; padding:4px;}
#resume td {border:1px solid #dcdcdc; padding:4px;}
#resume p {padding:0; margin:0;}
#download {margin:0 auto;}

/* references */
.reference {margin-bottom:10px;}
.reference p {padding-top:12px; padding-bottom:0;}
.reference p.caption {padding-top:0;}

/* contact */
form {width:380px; margin:6px 0 6px 20px;}
form h1 {width:100%; font-size:76%; color:#fff; background:#5A63AD; margin:2px 2px 0 2px; padding:1px 0 1px 2px;}	
form input {font-size:71%; width:352px;}
form select {font-size:71%; width:357px; }
form .textbox_off {background:#eff1f2; border:1px #eff1f2 solid; color:#2f69b5;}
form .textbox_on {background:#d5e3f4; border:1px #d5e3f4 solid; color:#2f69b5;}
form .submit {text-align:right; padding-top:5px;} 
form .submit input {width:100px;}

#adsense {float:right; margin:10px 10px 10px 16px;}

/* links */
.links {padding:6px 12px 6px 12px;}
.links h2 {padding:0 0 3px 0;}
.links p {padding:0;}

#footer {clear:both; width:718px; text-align:left; background:#7AA0D1; border:1px solid #fff; padding:6px 12px 6px 12px;}
* html #footer {width:742px; w\idth:718px;}
	#footer p,
	#footer a {color:#FFF;}	
	
#copyright {float:left; margin-top:5px;}
#copyright p {font-size:61%; color:#7AA0D1;}
#sitescore {float:right; margin-top:5px;}