/* -----------------------------------

THE CONSTITUTION PROJECT

MAIN CSS DOCUMENT
04/22/2008
created by: ASAA MULTIMEDIA

-------------------------------------- */

body {
 font-family:Arial, Helvetica, sans-serif;
 width:980px;
 margin:0 auto;
 }

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6 { font-family:"avantgarde bk bt", Arial, Helvetica, sans-serif; }

h6 { font-size:12px; color:#2f2e45; font-weight:normal; padding:3px 0 3px 0 }

a:link, a:visited { color:#333333; }
a:hover { color:#5b66b0; text-decoration:none; }

/* --------- START NAVED Div's --------- */

#header { background:url(images/header.gif) no-repeat; width:980px; height:131px; }
	.homeLink {
		float:left;
		display:block;
		width:280px;
		height:95px;
		text-decoration:none;
	}

#content {
	float:left;
	width:440px;
	margin-right:6px;
}
	#content h2, #content h2.noLogo { 
		margin:1em 0 4px 0;
		padding:0 0 2px 0;
		border-bottom:3px dotted #d4dce3;
		font-size:18px;
		font-weight:normal;
		color:#2f2e45;
		background:url(images/logosmall.jpg) no-repeat top right;
	}
	#content h2.noLogo { background:none; }
	#content h2 a:link, #content h2 a:visited { color:#303d93; text-decoration:none; }
	
	#content h3 { 
		font-weight:100; 
		color:#9E9E9E; 
		font-size:16px;
		border-bottom:1px dotted #9e9e9e;
		margin:1em 0 10px 0; 
	}
	
	#content h5 { color:#232f84; font-size:13px; margin-top:3px; }
	#content h5 a:link, #content h5 a:visited { color:#232f84; font-size:13px; }
	#content h4 { font-size:15px; font-weight:normal; }
	
	#content img.thumbLeft { padding:10px; float:left; }
	#content img.thumbRight { padding:10px; float:right; }
	
	#content p, #content p.descr { 
		font-size:12px; 
		line-height:18px; 
		font-family:Tahoma, Arial, Helvetica, sans-serif; 
		margin-top:10px;
		padding-bottom:5px;
	}
	#content p.descr { border-bottom:1px dotted #e8e8e8; margin-top:0 }
	
	#detailContent { margin-left:20px; }
		#detailContent p { margin-top:0; }
		#detailContent a:link, #detailContent a:visited { font-size:12px; color:#232f84 }
		#detailContent a:hover { color:#7B6DEE; }
		
	#content .date { color:#858cbc; font-size:11px; }
	#content .title { font-size:13px; }
		#content .title a:link,	#content .title a:visited { color:#333; }
		#content .title a:hover { color:#5b66b0; }
		
.contentSubnav { font-size:11px; margin:10px 0 5px 0; text-align:center; }
.contentSubnav a:link, .contentSubnav a:visited { color:#232f84; font-weight:bold; }
.contentSubnav a:hover { color:#7B6DEE; }

.attachment { float:right; margin:0 0 0 15px; }

#rightbox {
	float:left;
	width:326px;
	background:url(images/rightbox.jpg) no-repeat;
	font-size:12px;
	padding-right:10px;
	height:600px;
}
	#rightbox h2 {
		font-size:14px;
		font-weight:normal;
		margin:0 0 0 1.2em;
		padding-bottom:4px;
		background:url(images/dotted.gif) bottom left no-repeat; 
	}
	#rightbox .date, #rightbox .subject { margin:6px 0 0 2em; padding:0; color:#858cbc; }
	#rightbox .subject, #rightbox .subject a:link, #rightbox .subject a:visited { color:#303d93; text-decoration:none }
	#rightbox .subject a:hover { color:#d42945; }
	#rightbox .more { margin:6px 0 0 2.5em }
	#rightbox .sep { margin:0 0 0 1em; padding:0; }
	
#quote {
	background:url(images/quote.gif) no-repeat;
	height:30px;
	padding:12px 0 0 12px;
	color:#5b6294;
	font-size:12px;
	margin-bottom:0;
}

#footer {
	background:url(images/footerbg.gif) no-repeat;
	width:980px;
	margin:0 auto;
	clear:both;
	padding-top:19px;
	font-size:12px;
	text-align:center;
}
	#footer a:link, #footer a:visited { color:#000; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	#footer #asaabug {
		color:#293587;
		font-size:10px;
		margin-top:7px;
		line-height:12px;
		background:#fff;
		padding-top:7px;
	}

/* --------- START MAIN NAVIGATION  --------- */

.preload1 {background: url(images/navleftcorner_a.gif); }
.preload2 {background: url(images/navbg_a.gif); }

#mainnav { width:656px; float:left; clear:both; }
#othernav { float:left; width:315px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:11px; padding-top:15px; }
	#othernav a:link,	#othernav a:visited { color:#ff0000; font-style:italic; }
	#othernav a:hover { color:#32354b; }

.topnav {
 padding:0 0 0 0px;
 margin:0;
 list-style:none;
 height:36px;
 background:transparent url(images/pro_drop4_back.gif);
 position:relative;
 z-index:500;
 font-family:arial, verdana, sans-serif;
}
.topnav li.top {display:block; float:left; }
.topnav li a.top_link {
 display:block;
 float:left;
 height:36px;
 line-height:27px;
 color:#273176;
 text-decoration:none;
 font-size:11px;
 font-weight:bold;
 padding:0 0 0 5px;
 cursor:pointer;
 background: url(images/navleftcorner.gif) no-repeat;
 margin-right:3px;
 }
.topnav li a.top_link span {
 float:left;
 display:block;
 padding:4px 10px 0 5px;
 height:32px;
 background:url(images/navbg.gif) right top;
}
.topnav li a.top_link:hover {color:#000;
 background: url(images/navleftcorner_a.gif) no-repeat;
 line-height:25px;
 color:#fff;
 }
 
  .topnav li a.active_top_link { color:#fff; text-decoration:none; !important }
 
.topnav li a.top_link:hover span {background:url(images/navbg_a.gif) no-repeat right top; color:#fff; }

.topnav li:hover > a.top_link {color:#000; background: url(images/navleftcorner_a.gif) no-repeat; line-height:25px; }
.topnav li:hover > a.top_link span {background:url(images/navbg_a.gif) no-repeat right top;}

#active { 
 background: url(images/navleftcorner_a.gif) no-repeat;
 color:#fff;
 line-height:25px;
 display:block;
 float:left;
 height:36px;
 line-height:27px;
 color:#fff;
 text-decoration:none;
 font-size:11px;
 font-weight:bold;
 padding:0 0 0 5px;
 cursor:pointer;
 margin-right:5px;
 }
#active span {
 float:left;
 display:block;
 padding:3px 10px 0 5px;
 height:33px;
 background:url(images/navbg_a.gif) no-repeat right top;
 } 

.topnav table {
 border-collapse:collapse;
 width:0;
 height:0;
 position:absolute;
 top:0;
 left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topnav a:hover {visibility:visible; position:relative; z-index:200; }
.topnav li:hover {position:relative; z-index:200; }

/* keep the 'next' level invisible by placing it off screen. */
.topnav ul {
 position:absolute;
 left:-9999px;
 top:-9999px;
 width:0;
 height:0;
 margin:0;
 padding:0;
 list-style:none;
}
.topnav ul.sub1 {width:220px; }
.topnav ul.sub2 {width:110px; }
.topnav ul.sub3 {width:140px; }
.topnav ul.sub4 {width:112px; }

.topnav :hover ul {
 left:0;
 top:35px;
 background: #b9d3fb;
 padding:3px;
 border:1px solid #3a93d2;
 border-width:0 1px 1px;
 white-space:nowrap;
 height:auto;
 z-index:300;
}
.topnav :hover ul li {
 display:block;
 height:20px;
 position:relative;
 font-weight:normal;
 width:auto;
}
.topnav :hover ul li a {
 display:block;
 font-size:11px;
 height:20px;
 line-height:20px;
 width:auto;
 padding:0 10px;
 color:#000;
 text-decoration:none;
}
.topnav :hover ul li a:hover {background:#616cb3; color:#fff; }

/* --------- START LEFT NAVIGATION  --------- */

#leftnav {
	float:left;
	clear:both;
	margin-right:10px;
	padding-top:1em;
}
	#leftnav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#leftnav ul li {
			display:block;
			background:url(images/leftnav_topedge.gif) no-repeat top right;
			color:#fff;
			font-weight:bold;
			font-size:12px;
			text-transform:uppercase;
			float:left;
			margin-top:2px;
			clear:both;
			width:188px;
		}
		#leftnav ul li span { 
			float:left; 
			background:url(images/leftnav_top.gif) no-repeat top left; 
			height:21px; 
			padding:3px 0 0 3px;
			font-weight:bold;
			width:180px;
			
		}
			#leftnav ul li.sub {
				background:none;
				display:block;
				color:#fff;
				font-weight:bold;
				height:21px;
				font-size:10px;
				text-transform:uppercase;
				float:left;
				color:#6b6b6b;
				margin-top:2px;
				text-transform:none;
			}
			#leftnav ul li.sub a { 
				float:left; 
				background:url(images/leftnav_element.gif) top left no-repeat; 
				height:18px; 
				padding:3px 0 0 2px;
				width:180px;
				color:#6b6b6b;
				text-decoration:none;
				font-size:10px;
				text-transform:none;
				border-right:1px solid #B3B3B3;
			}
			#leftnav ul li.sub a:hover { background:url(images/leftnav_element.gif) bottom repeat-x; color:#000; border-right:1px solid #B3B3B3 }
			#leftnav a:hover span { background-position:100% -42px; }
			

/************* LIST TABLE ***************/

#listTable, #listTable-alt {
	background: #fff url(graphics/bg-body.gif) repeat-x;
	font:76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	}
#listTable p, #listTable-alt p {
	text-align:center;
	}	
#listTable a:link {
	color:#d42945;
	text-decoration:none;
	border-bottom:1px dotted #ffbac8;
	}	
#listTable a:visited, #listTable-alt a:visited {
	color:#d42945;
	border-bottom:none;
	text-decoration:none;
	}		
#listTable a:hover, #listTable-alt a:hover,
#listTable a:focus {
	color:#f03b58;
	text-decoration:underline;
	}
#listTable table a,
#listTable table a:link,
#listTable table a:visited {
	border:none;
	}							
	
#listTable img, #listTable-alt img {
	border:0;
	margin-top:.25em;
	margin-bottom:.25em;
	}	
#listTable table, #listTable-alt table {
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	}
		#listTable-alt table { border:none !important; }
#listTable caption, #listTable-alt caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
#listTable tr.odd td	{
	background:#edeef5
	}
#listTable tr.odd .column1	{
	background:#edeef5;
	}	
#listTable .column1	{
	background:#f9fcfe;
	}
#listTable td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}		
	#listTable td.icon, #listTable-alt td.icon { padding:0 !important; }
	#listTable td.left, #listTable-alt td.left { text-align:left; line-height:normal; }
			
#listTable th, #listTable-alt th {
	font-weight:normal;
	color: #303884;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
		#listTable-alt th { border:none !important; }
#listTable thead th, #listTable-alt thead th {
	background:#dfe1ed;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#303884
	}	
	 #listTable-alt thead th { background:none !important; }
#listTable tfoot th, #listTable-alt tfoot th {
	text-align:center;
	background:#dfe1ed;
	}	
#listTable tfoot th strong, #listTable-alt tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#303884;
		}		
#listTable tfoot th em, #listTable-alt tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
	
/*************** END LIST TABLE *****************/