<!-- system wide -->

img		{
	border: 0;
	display: block;
	}

body	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #1c1c1c;
	font: 12px 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/DAALogo.gif) 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;}
#dropzone {position:absolute;margin-left:20px;width:360px;margin-top:85px;font-size:12px;font-weight:700;color:#6a6a6a;top:0;right:0;left:0;}
#dropzone a {color:#6a6a6a;text-decoration:none;}
#dropzone a:hover {color:#111;}

#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,a.dzone {background-color:#0097d0;}
#topmenu a.two,a.dztwo {background-color:#0087be;}
#topmenu a.three,a.dzthree {background-color:#007aab;}
#topmenu a.four,a.dzfour {background-color:#006998;}
#topmenu a.five,a.dzfive {background-color:#016390;}
#topmenu li.one {background-image:url(../images/contacts.jpg); }
#topmenu li.two {background-image:url(../images/media.jpg); }
#topmenu li.three {background-image:url(../images/services.jpg);}
#topmenu li.four {background-image:url(../images/clients.jpg); }
#topmenu li.five {background-image:url(../images/news.jpg); }
#topmenu li.dzone {background-image:url(../images/login.gif);}
#topmenu li.dztwo {background-image:url(../images/browse.gif); }
#topmenu li.dzthree {background-image:url(../images/drop.gif);}
#topmenu li.dzfour {background-image:url(../images/get.gif); }
#topmenu li.dzfive {background-image:url(../images/delete.gif);}
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:#016390;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/leftback2008.gif) left repeat-y;
	padding-top:1px;
}

#leftpanel {
	width:164px;
	min-width:164px;
	/*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:164px;
	min-height:25px;
	font-size:11px;
}
/*html>body #leftpanel h3 {width:150px;}*/
*.leftmenu {margin:0;margin-left:0;padding-left:0;width:131px;}
*.leftmenu li {list-style:none;float:left;margin:0;line-height:20px;width:131px;
	/*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:137px;
			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.menuselected {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
{
	color:#016390;
	margin: 10px 40px 0px 20px;
	padding: 10px 5px 0px 0px;
	font-size:15px;
	font-weight:600;
	/*border:1px solid #f36;*/
}


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

}

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

#page p{
	margin: 0px 40px 0px 20px; 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;*/
}

#page table
{
	margin: 0px 40px 10px 20px; padding: 10px 5px 0px 0px;
}

#pagemargin
{
	margin: 0px 40px 10px 20px; padding: 10px 5px 0px 0px;
}

#pagetitle
{
	width:625px;
	margin: 10px 0px 0px 12px;
	float:left;
	color:#69b5d2;
	padding:25px 0px 5px 5px;
	font-size: 19px;
	font-weight:700;
}
.quoteticker
{
	margin: 0px 0px 0px -17px;
	float:left;
	color:#69b5d2;
	padding:0px 0px 30px 0px;
	font-size: 19px;
	font-weight:700;
	vertical-align:middle;
	height:20px;
}
.tickertext
{
	font-size:14px;
	color:#016390;

}

#tickerAnchor
{
	text-decoration:none;
}

#page q
{
	color:#016390;font-style:italic;
}
#page qwidth
{
	width:50px;
	color:#016390;font-style:italic;
}
#page *.footnote
{
	font-size:xx-small;
	color:#aaa;
}

#subTitle
{
	color:#016390;
	margin: 10px 10px 0px 20px;
	padding: 10px 5px 0px 0px;
	font-size:17px;
	font-weight:600;
	/*border:1px solid #f36;*/
	display:block;
	clear:right;
}

#knockoutleft
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:left;
	margin: 15px 10px 15px 20px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutleft {margin-left:40px;margin-bottom:5px;}
#knockoutleft q
{
	color:#000;font-style:italic;
}
#knockoutright
{
	/*margin: 10px 1em 1em 0;
	padding:0.25em;*/
	width:180px;
	float:right;
	margin: 15px 20px 15px 40px; padding:0.25em;
	border:1px solid;
	font-size:small;
	background-color:#eee;
}
html>body #page #knockoutright {margin-right:40px;margin-bottom:5px;}
#knockoutright q
{
	color:#000;font-style:italic;
}

#knockoutleft p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutleft p {margin: 10px 20px 5px 0px;}

#knockoutright p
{
	padding:1px;
	margin: 10px 5px 5px 0px;
}
html>body #page #knockoutright p {margin: 10px 5px 5px 10px;}


#subKTitle
{
	margin: 5px 5px 5px 5px;
	color:#dea145;
	width:auto;
	padding:5px 5px 5px 5px;
	border-bottom:2px solid #dea145;
	font-weight:bolder;
	/*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;
}

*.list-numbered
{
	margin-left:60px;padding-left:10px;
	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;
	margin-bottom:0px;
	color:#6a6a6a;
}

#picleft
{
	top:10px;
	float:left;
	display:block;
	padding:10px;
}
#picrightnoborder
{

	float:right;
	display:block;
	padding:10px;
	padding-top:0px;
	margin:5px;
	margin-top:-5px;
	border-style:none;
}

#picright
{
	top:10px;
	float:right;
	display:block;
	padding:10px;
	margin:5px;
	border:1px solid;
}


#username, #password,#dropfile,#droprecipient,#dropdescription,#dropcompList,#submit
{
	margin-left:12px;
	padding-left:40px;
	margin-top:5px;
}
html>body #username, #password,#dropfile,#droprecipient,#dropdescription,#dropcompList,#submit
{
	margin-left:12px;
	padding-left:25px;
	margin-top:5px;
}


#loginform p
{
	margin-left:12px;
	padding-left:37px;
}
html>body #loginform p
{
	margin-left:12px;
	padding-left:25px;
}
#row-odd, #row-even
{
	width:554px;
	padding-left:10px;
	margin-left:1px;
}
#row-odd
{
	background-color:#eee;
}
#row-even
{
	background-color:#fff;
}

#row-odd ,#row-even  {text-decoration:none;
			display:block;float:left;
			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 #row-odd,#row-even a {width:auto;text-decoration:none;} /*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 \*/
#row-odd,#row-even  {float:none;}	/*end of hack*/
#row-odd:hover,#row-even:hover {background-color:#69b5d2;border:none;}


#label
{
	font-size:small;
	color:grey;
}

#label p
{
margin-left:5px;
display:inline;
font-size:x-small;
}

#label p.brwFilename
{
	font-size:small;
	color:#086123;
	display:inline;
}


#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;}

#simpletable
{
	margin-left:40px;
	width:500px;
	border-collapse:collapse;border:2px outset #016390;
}
*.colheader,*.tableitem
{
	border:solid #016390 1px;
	padding:10px;
	border-top:solid #016390 1px;
}
*.colheader
{
	background-color:#016390;
	color:#fff;
	border-color:#016390;
}


.wrap {
	padding-top: 1px;
	background: url(images/BG-light-horizontal-dots.gif) top left repeat-x;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f3e37;


}


/* accordion togglers */
.toggler, a.accnews, a.accnewsselected
{
	font-weight:600;text-decoration:none;
	font-size:14px;
	color: #fff;
	display:block;
	width:100%;
	cursor:pointer;
	height:25px;
 	background-image:url(../images/leftbutton.gif);background-repeat:repeat-y;
	vertical-align: middle;
	border-bottom:1px solid #eeeeee;
	padding-left:20px;padding-right:5px;
	padding-top:5px;padding-bottom:5px;
	width:137px;
}

a.accnewsselected
{
	background-image:none;
	background-color:#000;
}

.toggler div{
	margin-left: 10px;
	position: relative;
}

.toggler div img{
	position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;
}

.toggler div span{
	margin-left: 35px;
	line-height: 20px !important;
	line-height: 25px ;
}


/* toggler hover */

.togglerHover
 {
	font-weight:600;text-decoration:none;
	font-size:14px;
 	color: #fff;
	padding-left:20px;padding-right:5px;
	padding-top:5px;padding-bottom:5px;
	width:137px;
	cursor:pointer;
	height:25px;
	background: #000;
	vertical-align: middle;


}
.togglerHover div{
	margin-left: 10px;
	position: relative;
}

.togglerHover div img{
	position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;
}

.togglerHover div span{
	margin-left: 35px;
	line-height: 20px !important;
	line-height: 25px ;
	border-bottom: 1px dotted maroon;
}

/* accordion elements */

.accordion {
	color: #3f3e37;
	text-align:left;
	padding-left: 10px;
	background-color: #70bbdb;
	background-color:#4489a6;
	width:154px;
}

.navlink
{
	color:#016390;
	margin: 30px 10px 0px 20px;
	padding: 10px 5px 0px 0px;
	font-size:12px;
	font-weight:300;
	/*border:1px solid #f36;*/

}
label.formlabel {color:#4489a6;width:25%;margin-left:5px;float:left;display:inline;text-align:right;margin-right:5px;line-height:12px;margin-top:10px;padding-bottom:10px;}

*.fullwidthtext
{

	margin-right:10px;
	margin-top:10px;
	width:60%;
}

.done, .dtwo, .dthree, .dfour, .dfive
{
	font-size:large;
	font-weight:600;
	text-decoration:none;
	margin:10px;
}
.dtwo
{
	font-size:larger;
	font-weight:750;
}

.dthree
{
	font-size:x-large;
	font-weight:825;
}
.dfour
{
	font-size:xx-large;
	font-weight:900;
}
.dfive
{
	font-size:smaller;
	font-weight:300;

}

.middle
{
	margin:25px;
}


*.newslettermove
{
	margin-top:-15px;
}


*.noborderimg
{
	border-style:none;
	border-color:#fff;
}