/*  GLOBAL STYLES  */
* {margin: 0; padding: 0;}
html {background:url(images/page_BKG2.gif) top left repeat-x;}
body {font: small "Lucida Grande", Verdana, Arial, sans-serif; line-height: 1; color: #666;}
p {font: 99% "Lucida Grande", Arial, Verdana, sans-serif; line-height: 18px; color: #666;padding: 0 0 18px 0;}

a {text-decoration: none;}
img, a img {border:none;text-decoration: none;}
a:link, a:visited {color: #1188d8;text-decoration:none;padding:0;}
a:hover {color: #cc1600;text-decoration: underline;}

h1 {color:#025e9f; font: bold 1.5em  "Lucida Grande", Verdana, Arial, sans-serif;padding-bottom:15px;}
h2 {color:#025e9f; font: bold 1.4em  "Lucida Grande", Verdana, Arial, sans-serif bold;padding: 0 0 10px 0;}
h3 {color:#2177b4; font: normal 1.25em Verdana, Arial, sans-serif;margin-bottom:10px;}
h4 {color:#2177b4; font: normal 1.0em Verdana, Arial, sans-serif;margin-bottom:10px;}
h5 {color:#af6224; font: normal 1.1em Verdana, Arial, sans-serif;margin-bottom:10px; text-align:center;}


ul {list-style: none;}
ol {margin: 0;padding-left: 20px;padding-bottom: 25px;}	
li {margin: 0;padding:0;}	
/*  END GLOBAL STYLES  */
	
#topcontent{
	text-align:center;
	width:800px;  /*  this sets the width for the whole vertical column */
	height:90px; margin:10px auto; /*  this keeps it centered */
	background:url(images/Stateside-logo.jpg) top left no-repeat;position:relative;border: 0px solid red;}	

#logolink{position:absolute;top:5px;left:5px;width:250px;height:59px;margin:0;padding:0;}
						
#contactBox{position:absolute;top:0px;left:394px;width:400px;margin:0;padding:0;text-align:right;border: 0px solid red;height:45px;}					
#contactBox p {color:#828282; font: normal 12px tahoma, Arial, Helvetica, verdana, sans-serif; letter-spacing:0.10em;margin:0;padding:0px;}	
				
/* START top nav links 
a.contactlink{color:#ffffff;font-family: tahoma, Arial, Helvetica, verdana, sans-serif;font-size:86%;font-style:normal;font-weight:bold;text-decoration:none;padding:2px;}
a.contactlink:visited{color:#ffffff;font-family: tahoma, Arial, Helvetica, verdana, sans-serif;font-size:86%;font-style:normal;font-weight:bold;text-decoration:none;padding:2px;}
a.contactlink:hover{color:#ffff33;font-family: tahoma, Arial, Helvetica, verdana, sans-serif;font-size:86%;font-style:normal;font-weight:bold;text-decoration:none;padding:2px;}*/

/*  this HOLDS THE MENU */
#navcontainer{
	position:absolute;
	top:76px;
	left:280px;
	width:640px;
	margin:0;
	padding:0;
	border:0px solid aqua;
	text-align:right;
}		
	#menu {list-style-type:none;margin:0px 0 5px 0px;padding:0;text-align:right;}
	
	#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;color:#707070;font-family:"Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;border:0px solid #fff;}
	#menu li span {display:block; z-index:100; padding: 5px 10px;font-size:12px;}
	#menu li a, #menu li a:visited {display:block;padding:0;font-size:12px;color:#707070;font-family:"Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;background-color:#e9e9e9;}/* bkg block behind each link */
	
	#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(whitegif.gif);}
	#menu dt {background: #fff;color: #045e9a; margin:0; font-size: 12px; border-bottom:0px solid #fff; float:left; border-right:0px solid #fff;}
	#menu dd {display:none; background: #fff; border-bottom:0px solid #707070; clear:left; margin:0; padding:0; color: #fff; font-size: 13px; text-align:left;}
	
	#menu dt a, #menu dt a:visited {display:block; color:#045e9a; padding: 5px 10px; text-decoration:none;}
	#menu dd a, #menu dd a:visited {background:#fff; display:block; color:#707070; padding: 5px 10px; text-decoration:none;}
	
	#menu li a:hover {border:0;}
	
	#menu li:hover dd, #menu li a:hover dd {display:block;background:#106bae;color:#fff;border-right:1px solid #939393;border-left:1px solid #939393;border-bottom:1px solid #939393;}/* grey borders on submenu only - must have 1px border on #menu li too above */
	#menu li:hover dl, #menu li a:hover dl {color:#106bae;}
	#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #106bae; color:#fff;}/* bkg rollover color is blue, text white */

	/* not used anymore:	
	#navcontainer ul{margin:0;padding:0;list-style-type:none;text-align:center;vertical-align:middle;}*/
	/* #navcontainer ul li {display:inline;font-family: "Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;font-size:101%;font-style:normal;font-weight:bold;letter-spacing:-.25px;margin:0;padding:}*/
	/* #navcontainer ul li a {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;text-decoration:none;padding: 0 12px;color:#939393;}*/
	/* #navcontainer ul li a:hover {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;color:#106bae;}	*/
			

#mainwrap {width: 800px; padding: 0; margin:55px auto; border:0px solid red;}

	#sidebar {width:220px; float:left; margin:0; padding:0; border:0px solid #dad9d6; vertical-align:top;}
	.sidebarText {font-size: 11px;margin:0; padding: 0 0 15px 0; text-align:justify; line-height:16px;}
	.sidebarImage {margin:-23px 0 0 0;padding: 0 0 15px 0;}
	.halfspace{padding: 0 0 6px 0;}
	
	#columnOne{width: 560px;float:right;margin:0 0 30px 0; border:0px solid aqua;}
	#columnOne p {margin:0; padding: 0 0 16px 0;text-align:justify;}
	

#logorow {border:0px solid #efefef; padding:10px;}


#footer			{width:auto;clear:both; margin-top:20px; padding:0px; border:1px solid #d8d8d9;color:#666;}
#footer p 		{padding: 5px;margin:0; color:#999;text-align:center;font-size:97%;}
#footer a:link, #footer a:visited {color:#999;font-size:97%; border-bottom-width: 0;}
#footer a:hover {color: #cc1600;text-decoration: underline;}

/* .copyright	a {color:#999;margin:20px;font-size:9px;font-weight:normal;} */



/*  CLASSES  */
.right 		{text-align:right}
.center 	{text-align:center}
.bold  		{font-weight:bold}
hr 			{border-top:1px solid #ccbfa1;margin:10px 0;padding:0;}
.smallnote { font-family: tahoma, Arial, Helvetica, verdana, sans-serif;font-size: 80%;font-weight:normal;color: #888;padding: 0px 0 18px 0;margin: 0;text-align: center;}

 /*#quote 		{padding: 0; margin: 0 0 1em; background: url(bg_blockquote_open.gif) repeat-x 0 2px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
#quote div 	{padding: 1em 10px .6em 35px; background: url(images/bg_blockquote_open.gif) no-repeat 10px 10px; border-top: 2px solid white; border-bottom: 2px solid white; text-align:center;}
#quote p.quote {padding-right: 15px; margin: 0px; font-size: 96%; text-align:center; background: transparent url(images/bg_blockquote_close.gif) no-repeat bottom right; color: #cc1600; font-weight: bold;}*/

.quotes {font-family: "Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;font-size: 12px;font-style:italic;font-weight:bold;color: #bd1a11;padding:15px 22px;margin: 0;text-align: center;border: 1x solid #9D0202;
	}


	/* #yellowpad{
			width:215px;
			height:270px;
			background:url(images/yelpad_bkg.jpg) left top  no-repeat;
			border: 0px solid red;}
			#yellowpad ul{
				list-style:none;	
				margin:0 0 0 18px;
				padding:0px;
				text-align: left;}	
			#yellowpad ul li a{
				background:url(images/red_tick.gif) left  no-repeat;
				text-align: left;
				font-size: 11px;
				text-decoration: none;
				color: #044a72;
				padding:5px 0 5px 16px;
				margin:9px;
				line-height:26px;}
			
			#yellowpad ul li a:hover{
				background:url(images/red_tick.gif) left  no-repeat;		
				color:#099ce0;
				font-size: 11px;
				}


.firstspanbold{color:#047ac3;font-weight: bold;}

.red{color:#BD1A11;}
.blue{color:#0a609c;}
.clearfix{ clear:both;} */


#projectdetails {border:1px solid #d8d8d9; margin:0; padding:7px;}
#projectdetails h6 {color:#af6224; font: normal 99% Verdana, Arial, sans-serif;margin:0px;}
#projectdetails p {font-size:11px;}
#projectdetails td{padding:4px;font-size:11px;}