<!-- system wide -->

img		{
	border: 0;
	display: block;
	}
	
body	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #1c1c1c;
	font: 15px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	background: url(../images/bg.jpg) top center repeat-x;
	}
	
div.spacer 
{
	height:0;
	clear: both;
}
	
<!-- system wide  end-->
	
<!-- banner -->
#headercontainer	{
	width: auto;
	height: 104px;
	padding: 0;
	border: 0;
	margin: 0;
	display:block;
	}

#banner	{
	margin-left:auto;margin-right:auto;
	border: 0;
	padding: 0;
	/*padding-top: 65px;*/
	/*height: 0px !important; /* for most browsers */
	/*height :65px; /* for pre 6.0 IE Win */
	width:820px;height:104px;
	position:relative;
}
#homelogo a
{
	/*background: url(../images/DAAPrintLogo.jpg) no-repeat;*/
		background: url(../images/DAAPrintLogo.jpg) no-repeat;
	float:left;
	height:74px;
	margin:0;
	margin-top:0px;
	margin-left:5px;
	padding:0;
	padding-top:0;
	width:146px;
	display:block;
	/*padding-top: 65px;*/
	/*height: 0px !important; /* for most browsers */
	/*height :65px; /* for pre 6.0 IE Win */
}
#homeicon a {width:60px;height:60px;position:absolute;background-image:url(../images/home.gif);background-repeat:no-repeat;padding:0 5px 0 0;margin:25px 0 0 730px;top:0;right:0;left:0;overflow:hidden;}
#homeicon a:hover {background-image:url(../images/home-over.gif);}

#emailicon a {width:60px;height:60px;position:absolute;background-image:url(../images/email.gif);background-repeat:no-repeat;padding:0 5px 0 0;margin:30px 0 0 780px;top:0;right:0;left:0;}
#emailicon a:hover {background-image:url(../images/email-over.gif);}

#telephone {position:absolute;margin-left:660px;width:160px;margin-top:85px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}

#fontsizeselector h6 {font-size:9px;position:absolute;padding:0 0 0 0;margin:0 0 0 700px;top:0;right:0;left:0;color:#ccc;}
#fontsizeselector a {color:#ccc;text-decoration:none;}
#fontsizeselector a.stylesel {color:#013f5c;text-decoration:none;}
#fontsizeselector a:hover {color:#fff;}

<!-- banner end-->

<!-- top navigation-->
#menuholder {width:100%;background-color:#fff;height:150px;display:block;}
/*IE6 hack to get widths displaying same for the menuholder*/
html>body #menuholder {padding:2px 0 2px 0;}
/*#topmenu {margin:0px 0px 0px 148px;padding-bottom:0;}*/
#topmenu {width:840px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;}
html>body #topmenu {width:860px;}
/* two lines above need to correct IE6 misbehaving with padding/margins */

#topmenu li 
{
	list-style:none;
	float:left;
	margin-left:0;
	padding-top:108px;padding-bottom:1px;padding-left:0;
	font-size:10px;
	white-space:nowrap;
	line-height:51px;
	width:164px;
	background:url(../images/PicBtnBar_01.jpg) no-repeat;
	display:block;
}

#topmenu a {display:block;float:left;
			font-weight:bold;text-decoration:none;
			font-size:18px;
			text-align:right;
			color:#fff;
			padding-left:5px;padding-right:10px;
			width:149px;
			cursor:pointer;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #topmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
#topmenu a {float:none;}	/*end of hack*/
#topmenu a:hover {background-color:#000;}

#topmenu #current a {color:#fff;background-color:#000;}
/*#topmenu #inactive a {color:#aaa;}*/


#topmenu a.one {background-color:#016390;}
#topmenu a.two {background-color:#006998;}
#topmenu a.three {background-color:#007aab;}
#topmenu a.four {background-color:#0087be;}
#topmenu a.five {background-color:#0097d0;}
#topmenu li.one {background-image:url(../images/services.jpg) }
#topmenu li.two {background-image:url(../images/media.jpg) }
#topmenu li.three {background-image:url(../images/clients.jpg)}
#topmenu li.four {background-image:url(../images/news.jpg) }
#topmenu li.five {background-image:url(../images/contacts.jpg) }
html>body #topmenu a.one:hover {background-color:#000;}
html>body #topmenu a.two:hover {background-color:#000;}
html>body #topmenu a.three:hover {background-color:#000;}
html>body #topmenu a.four:hover {background-color:#000;}
html>body #topmenu a.five:hover {background-color:#000;}

*.hilight {color:#69b5d2;font-weight:700;}

#container
{
	width:820px;
	margin-left:auto;margin-right:auto;
	margin-top:1px;
	background-color:#a2f;
	/*border-right:thin solid #fff;
	border-left:thin solid #69b5d2;*/
	border-bottom:thin solid #fff;
	/*clear:both;*/
	background:url(../images/leftback.gif) left repeat-y;
	padding-top:1px;
}

#leftpanel {
	width:246px;
	/*background-image:url(../images/leftmenubackground.png);background-repeat:repeat-y;*/
	float:left;
	/*border: 1px dashed #e41;*/
	padding-top:4px;
	/*background-color:#fff;*/
}

#leftpanel h3
{
	margin:40px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	background-color:#dea145;color:#fff;
	width:246px;
	min-height:25px;
	font-size:11px;
}
/*html>body #leftpanel h3 {width:150px;}*/
*.leftmenu {margin:0;margin-left:0;padding-left:0;width:151px;}
*.leftmenu li {list-style:none;float:left;margin:0;line-height:20px;width:151px;
	/*border: 1px dashed #1f1;*/
}

*.leftmenu a {display:block;
			font-weight:600;text-decoration:none;
			font-size:14px;
			border-bottom:1px solid #eeeeee;
			background:#69b5d2;
			color:#fff;
			padding-left:20px;padding-right:5px;
			padding-top:5px;padding-bottom:5px;
			background-image:url(../images/leftbutton.gif);background-repeat:repeat-y;
			width:219px;
			float:left;
			}
			/*width:0.1em is an IE6 hack to make sure the whole 'box' including padding is a link and reacts accordingly*/
			html>body #leftmenu a {width:auto;} /*this fixes the IE6 hack as IE6 does not understand child selectors and reverts the width to auto.*/
/* Commented backslash hack hides rule from IE5-Mac \*/
*.leftmenu a {float:none;}	/*end of hack*/
*.leftmenu a:hover {background-color:#000; color:#ffffff;border-color:#0097d0 #dbdbdb #dbdbdb #0097d0;background-image:none;}
*.leftmenu a.selected {background-color:#000;color:#fff;background-image:none;}
*.leftmenu a.subselected {color:#fff;border-color:#dea145;font-weight:bold;border-bottom:2px solid #000;}

#randomquote
{
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	padding:10px;
	padding-top:20px;
	text-align:center;
	font-size:20px;
	color:#fff;
	font-style:italic;
	font-weight:800;
	clear:left;
}

*.pressquote
{
	font-family: "Times New Roman", Times, serif;
	color:#444;
	font-style:italic;
	font-weight:800;
	
}

#page
{
	margin-left:245px;
	margin-bottom:25px;
	margin-right:0px;
	/*border: 1px dotted #3d1;*/
}

#page p{
	margin: 0px 40px 0px 40px; padding: 10px 5px 0px 0px;
	color:#6a6a6a;
	/*border-left:solid;border-left-color:#ffc266;border-left-width:thin;
	border-right:solid;border-right-color:#ffc266;border-right-width:thin;*/
	/*border:1px solid #f36;*/
}

#pagetitle 
{
	width:500px;
	margin: 10px 0px 0px 12px;
	float:left;
	color:#69b5d2;
	padding:25px 0px 35px 25px;
	font-size: 19px;
	font-weight:700;
	
}
#page q 
{
	color:#016390;font-style:italic;
}
#page *.footnote
{
	font-size:xx-small;
	color:#aaa;
}

#subTitle
{
	margin: 10px 0px -10px 12px;
	color:#69b5d2;
	padding:25px 0px 0px 25px;
	font-size:19px;
	font-weight:600;
	/*border:1px solid #f36;*/
}

*.leftmenu
{
	list-style-type:none;
	/*float:left;*/
}


*.list-normal {list-style-type:none;
				/*float:left;
				margin: 0px 40px 0px 40px;
				padding: 10px 0px 0px 0px 0px;*/
}
*.list-normal-daabullet 
{
	list-style-image:url(../images/daabullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;	
	color:#6a6a6a;
}
#page a {color:#016390;}


*.list-links
{
	list-style-image:url(../images/daabullet.gif);
	list-style-type:disc;
	margin-left:60px;padding-left:0;	
	color:#6a6a6a;
}

#picleft
{
	top:10px;
	float:left;
	display:block;
}
#picright
{
	top:10px;
	float:right;
	display:block;
}
#subTitle
{
	clear:both;
}

#footercontainer
{
	width:820px;
	margin-left:auto;margin-right:auto;
	float:left;
	background-color:#016390;
	padding:0 0 0 0;
	color:#fff;
	font-weight:900;
	/*margin-left:auto;margin-right:auto;width:750px;*/
	/*border:1px solid #f36;*/
	display:inline;
}

#fcontainer
{
	float:left;width:742px;margin-left:-200px;
	padding:10px;
}
#fleft
{
	float:left;
	width:300px;
	margin-left:100px;
	font-size:xx-small;
	text-align:left;
	
}
/*IE6 hack to get margin postion correct for IE6*/
html>body #fleft {margin-left:200px;}
#fmiddle
{
	margin-left:400px;
	font-size:xx-small;
	font-weight:700;
	text-align:center;
	/*border:1px solid #661;*/
}
#fmiddle a {color:#fff;}

#fright
{
	
	margin-left:-200px;
	font-size:xx-small;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:750px;
	/*border:1px solid #61a;*/
}

#fright a {color:#ffc266;text-decoration:none;}