/* CSS Document */



/* GLOBAL RULES ------------------------------------------------------ */
body { margin:4px; 	padding:0; 	color: #2F2D20;	font: 75% Tahoma, Verdana, Arial, sans-serif;	line-height: 150%;	letter-spacing: 1px;	}
h1 { font-size: 115%; margin: 0;}
h2 { font-size: 90%; margin: 0 0 9px 3px; text-transform:uppercase; font-weight: bold; letter-spacing: 3px; padding: 0; }
h3 { font-size: 90%; margin: 0; text-transform:uppercase; font-weight: bold; letter-spacing: 2px; padding: 3px 0 0 0; }
h4 { font-size: 85%; margin: 0; text-transform:uppercase; font-weight: bold; letter-spacing: 2px; padding: 3px 0 0 0; }
a { color: #555991; }
a:visited { color: #AC7E8B; }
a:hover { color: #AE384A; }
ul {margin: 0; padding: 0; }
ul li { background:url(images/primary-bullet.bmp) no-repeat 3px 3px; list-style:none outside none; margin: 0 0 .5em 0; padding: 0 0 0 2em; line-height: 120%;}
ul li ul li{ background:url(images/secondary-bullet.bmp) no-repeat 0 3px; margin: 0 0 0 0px;}

#wrapper { padding:0; margin:0; text-align:left; }
.clear { clear:both; height: 1px; }

/* HEADER RULES ------------------------------------------------------ */
#header { padding:0 0 0 20%; text-align:left; margin: 0; border: 1px solid white; }
#subheader { padding:0; margin: 0; float:left; width: 75%; }
#siteTitle { font-size: 100%; margin: 0; font-weight: normal;  }
#siteTitle ul {margin: 0; padding: 0; display: inline;}
#siteTitle ul li { background:none; list-style:none outside none; margin: 0 0 1% 0; padding: 0 0.1em 0 0; line-height: 120%; display: inline;}
#siteTitle ul li ul li{ background:url(images/tertiary-bullet.gif) no-repeat 0 0.3em; margin: 0; padding: 0 0.2em 0 0.9em;}
#siteTitle ul li .first { background:url(images/primary-bullet.bmp) no-repeat 0 0.3em; padding: 0 0.2em 0 1.4em;}

/* CONTACT COLUMN RULES ------------------------------------------------------ */
#contactColumn { float:right; width:23%; margin:0; padding:0;  }
#contactColumn ul li { background:none; list-style:none outside none; margin: 0 0 1% 0; padding: 0 0.4em 0 0; line-height: 140%; }

.pageTitle { font-size: 125%; margin: 3em 0 2em .5em; letter-spacing: 3px; }

/* BREADCRUMB RULES -----------------------------------------------------*/

#breadcrumbs { 	font-size: 75%;	margin: 0 0 0 19%; clear: both; padding: 0;}
#breadcrumbs ul {	display: inline;	border: none;}
#breadcrumbs ul li { background:none; margin-left: 0;	padding-left: 2px;	border: none;	list-style: none;	display: inline;	font-weight: bold; }
#breadcrumbs ul li a { background:none; font-weight: normal; }
/*-----------------------------------------------------*/
/*END Breadcrumb Selectors */

/* MAIN CONTENT (CENTER COLUMN) RULES ------------------------------------------------------ */
#main { text-align:left; padding:0 0 0 20%; }

#content { float:left; width: 75%; padding:.3em 0 0 0; border-top: 2px solid #2F2D20;}
#content a { color: #555991; background-image:none; padding:0; }
#content a:visited { color: #AC7E8B; background-image:none; padding:0;}
#content a:hover { color: #AE384A; background-image:none; padding:0;}
#content h3 {margin: 0 0 0 3px; }
#content h4 {text-transform:capitalize; letter-spacing: 1px; margin: 0 0 0 3px; padding: 0; line-height: 125%; }
#content img {float:left; margin: .3em 1em 0 0; border: 1px solid #555991;}
.download p { margin: .5em 0 .5em 0;} 
#noImageFloat img{ float:none; margin: 0; border: 1px solid #555991;}

/* MAIN CONTENT (CENTER COLUMN) HOME PAGE RECENT PROJECTS RULES ------------------------------------------------------ */
#recentProjects {  }
#recentProjects h3 {margin: 20px 0 0 3px;  }
#recentProjects p { padding: 0 0 0 80px; margin: 0px 0 10px 0;}
#recentProjects ul { padding: 0 0 10px 75px; margin: 0;  }
#recentProjects ul li{ background:url(images/secondary-bullet.bmp) no-repeat 5px 3px; margin: 0; }
#recentProjects a {background:url(images/link-bullet.gif) no-repeat 5px 2px; padding: 0 0 0 20px;  }
#recentProjects a:visited {background:url(images/visit-bullet.gif) no-repeat 5px 2px; padding: 0 0 0 20px; }
#recentProjects a:hover {background:url(images/hover-bullet.gif) no-repeat 5px 2px; padding: 0 0 0 20px; }
#recentProjects img {float:left; margin: 7px 0 0px 4px; border: 1px solid #555991;}
.linkList { line-height: 120%; text-indent: -20px; padding-left:15px;  }
.linkList p  {	margin: 0 0 -10px 0px; }



/* RIGHT COLUMN RULES ------------------------------------------------------ */
#rightColumn { float:right; width:23%; margin:0; padding: .3em 0 .4em 0; border-top: 2px solid #2F2D20;  }
#rightColumn h4 {margin: 1.5em 0 .5em 0; line-height: 110%;  }
#rightColumn ul li { background: none; padding: 0; line-height: 100%; font-size: 90%;}
.inactive {font-weight: bold; }





/* INDENTED STYLES ------------------------------------------------------ */
.nextSection { margin: 2em 0 0 0; padding: 0; border-top: 2px solid #2F2D20;}

#list p { background:url(images/primary-bullet.bmp) no-repeat 0 2px; font-size: 95%; line-height: 125%; margin: 0; padding: 0 0 0 20px; }
#link { font-size: 95%; line-height: 125%; margin: 0; padding: 0; }
#link a {background:url(images/link-bullet.gif) no-repeat 0 2px; margin: 0; padding: 0 0 0 20px;}
#link a:visited {background:url(images/visit-bullet.gif) no-repeat 0 2px; margin: 0; padding: 0 0 0 20px;}
#link a:hover {background:url(images/hover-bullet.gif) no-repeat 0 2px; margin: 0; padding: 0 0 0 20px;}

.secondofTwoColumn { float:right; width:50%; }
.secondofThreeColumn { float:right; width:33%; }
.thirdofThreeColumn { float:right; width:33%; }


/* MAIN NAVIGATION RULES ------------------------------------------------------ */
#navcontainer { margin:0 0 0 176px; padding:0; height:53px; width:585px; }
#navlist { background:url(images/ars_navbar.gif) no-repeat 0 0; margin:0; height:40px; width:585px; padding:0; position:relative; }/* The navlist has a single background image which represents the entire navigation menu image.  Each <li> element has a unique ID and has a precise width and absolute position which corresponds to the appropriate region on the nav background image.  The <span> tags hides the mark-up text in each list item. */
#navlist li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
#navlist li, #navlist a {height:40px; display:block;}
#navlist span {display:none;}


div.row { margin:4px 0; }
/* commented backslash hack v2 for ie5mac \*/
div.row { clear:both; }
/* end hack */ 
.col1 { text-align:right; width:115px; height:20px; margin:4px 2px 0 0; float:left; }
.col2 {	width:220px; height:20px; display:block; float:left; margin:0; clear:none; }
.col2comment { width:195px; height:98px; margin: 0; display: block; float: left; }
.checklabel { width:185px; height:28px; display:block; float:right; margin:0 5px; padding:2px 0 4px 0; }
.check { background-color:#E8E7E4; float:left; }
div.row select { margin:0 0 0 5px; width:150px; }


/* FOOTER RULES ------------------------------------------------------ */
#footer { position:relative; width:760px; clear:both; margin:0; padding:15px 0; font-size:.82em; background-color:#fff; text-align:center;  }
#footer p { margin:0 244px 0 178px; padding:0; }
#footer a { color:#2F2D20; text-decoration:underline; }
#footer a:visited { color:#54ABBF; text-decoration:underline; }
#footer a:hover { color:#D12639; text-decoration:underline; }
#footer .right { position:absolute; top:15px; right:0; text-align:left; width:216px; padding-left:24px; }
#footer img.smlogo { position:absolute; top:10px; left:0; }