@import url(text.css);
@import url(structures.css);
@import url(forms.css);
@import url(extras.css);
@import url(action.css);
@import url(photos.css);
@import url(thickbox.css);

* {
	margin: 0em; padding: 0em;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%;}

a {
	color: #484080;
	text-decoration: none;}
a:hover {
	color:#000;}

/* ---- */

body {
	color: #333; background: #6c6c6c;
	padding:0px; margin:0px;
	font: 12px "Lucida Grande", Verdana, sans-serif;}

#master-container {
  background: #f0f0f0 url(../img/rootBG.gif) 50% 0% repeat-y;}

.limiter {
	position:relative;
	margin: 0px auto;
	max-width:960px;
	width: expression(document.body.clientWidth > 960? "960px": "auto" );}

#body .limiter {
	background: #fff url(../img/indexBG.gif) 0% 0% repeat-y;}

#header {
	background: url(../img/headerBG.gif) 0% 100% repeat-x;
	overflow:hidden;
	height:48px;}
  #header .limiter {
    max-width:940px;
    width: expression(document.body.clientWidth > 960? "940px": "auto" );
    padding:0px 10px;}
  #header .logo {
    float:left;
    display:block; width:364px; height:40px; margin-top:8px;
    background: url(../img/logo.gif) 50% 50% no-repeat;}
  #header ul#menu {
    float:right;
    line-height:40px; height:40px;
    margin: 8px 0px 0px 0px; padding:0em;
    list-style: none;
    font-family:"Lucida Grande",Verdana,sans-serif;}
    ul#menu li {
      margin:0em; padding:0em;
      line-height:40px; height:40px;
      display: block; float:left;}
      ul#menu li.lit a {
        background: url(../img/menuLit.gif) 50% 100% no-repeat;
        color:#549;
        font-weight:bold;}
        ul#menu a:hover {
          background: url(../img/menuHover.gif) 50% 100% repeat-x;
          color:#000;}
    ul#menu li a {
      display:block; float:left;
      padding:0px 8px; line-height:40px; height:40px;
      font-weight:bold;
      color:#666;}

#panel {
	height:80px;
	background: url(../img/panelViolet80.gif) repeat-x;}
	#panel .wrap-1 {height:80px; background:url(../img/panelViolet80L.jpg) no-repeat;}
	#panel .wrap-2 {height:80px; background:url(../img/panelViolet80R.jpg) 100% 0% no-repeat;}
  #panel .limiter {
		width: expression(document.body.clientWidth > 960? "940px": "auto" );
    max-width:940px;
    padding:10px;
    height:60px;}
#panel.home-page {
	height:120px;
	background: url(../img/panelViolet.gif) repeat-x;}
	#panel.home-page .limiter {
    width: expression(document.body.clientWidth > 960? "960px": "auto" );
  	max-width:960px;
    padding:0px;
		position:static;}
	#panel.home-page .wrap-1 {height:120px; background:url(../img/panelVioletL.jpg) no-repeat;}
  #panel.home-page .wrap-2 {height:120px; background:transparent;}
/* homepage panel */
#panel .photo {
  float:right; width:320px; height:120px;
	background-position:50% 50%; background-repeat: no-repeat;
	position:relative;}
	#panel .photo span {
		position:absolute; bottom:0px; right:0px;
		font-size:10px; padding:8px 8px 8px 24px;
  	color:#fff; background: #000 url(../img/actionPhotos.gif) 5px 50% no-repeat;		
		display:block; visibility:hidden;}
    #panel .photo:hover span {
      visibility:visible;}
	#panel .photo-1 { background-image: url(../img/photo1.jpg);}
	#panel .photo-2 { background-image: url(../img/photo2.jpg);}
	#panel .photo-3 { background-image: url(../img/photo3.jpg);}
	#panel .photo-4 { background-image: url(../img/photo4.jpg);}
	#panel .photo-5 { background-image: url(../img/photo5.jpg);}
	#panel .photo-6 { background-image: url(../img/photo6.jpg);}
	#panel .photo-7 { background-image: url(../img/photo7.jpg);}
	#panel .photo-8 { background-image: url(../img/photo8.jpg);}
#panel .icon-content,
#panel .icon-news,
#panel .icon-outreach,
#panel .icon-announcements,
#panel .icon-media,
#panel .icon-action,
#panel .icon-resources,
#panel .icon-forum {
	padding-left: 80px;
	max-width:870px;
	width: expression(document.body.clientWidth > 960? "870px": "auto" );
	background-position: 10px 50%; background-repeat: no-repeat;}
	#panel .icon-content {background-image: url(../img/sectionTopics.gif);}
	#panel .icon-news,
	#panel .icon-announcements,
	#panel .icon-media {background-image: url(../img/sectionNews.gif);}
	#panel .icon-outreach {background-image: url(../img/sectionOutreach.gif);}
	#panel .icon-action {background-image: url(../img/sectionOutreach.gif);}
	#panel .icon-resources {background-image: url(../img/sectionResources.gif);}
	#panel .icon-forum {background-image: url(../img/sectionForum.gif);}
/* panel w/ titles */
#panel .parent {
	letter-spacing: -1px; text-transform:lowercase;
	font-family: Georgia, serif; font-size:28px; line-height:1em;
	color:#9088c0;
	position:absolute; bottom:15px; left:80px;}
	#panel .parent span {
		display:block; color:#76a; font-size:14px; letter-spacing:1px;}
#panel .page {
	color:#fff; font-size:24px; letter-spacing:-1px; line-height:1em;
	padding-left:10px; border-left:2px solid #548;
	position:absolute; bottom:15px; left:218px;}
	#panel .page span {
		margin-left:10px; font-style:italic; font-size:14px; color:#ddd;}
#panel .quote {
	color:#baf;
	font-size:14px; line-height:1.25em;}
#panel .quote cite {
	display:block; font-size:12px; font-style: normal; text-align:right;
	color:#fff; font-family: Georgia, serif; text-transform:uppercase;}
#panel .links {
	font-size:10px; font-weight:bold;
	position:absolute; bottom:10px;}
	#panel .links a {
		color:#ccc;
		padding:3px;
		margin-right:10px;}
	#panel .links a:hover {
		background:#000; color:#fff;}

/* Tree Menu */
#nav {
  float:left;
	width:220px;
	padding: 0px;}
	* html #nav {
    position:relative;}
	#nav ul {
		list-style:none;
		padding: 10px; margin:0px;}
		* #nav ul {
		  zoom:1;}
  #nav li {
    padding:0px; margin:0px;}
	#nav ul ul {
    padding:0px; margin:0px; background:transparent;}
    * html ul ul {
    height:1%; line-height:1%}
	#nav ul.root li a.root,
	#nav ul.root li a.litroot {
    padding:3px 5px; margin:0px;
		border-left:3px solid #ddd;
		display:block; font-weight:bold; font-size:14px;
		color: #000; background: #ddd;}
		#nav ul.root li a.root:hover {
			border-left:3px solid #605878;
			color:#26203e; background:#fff;}
		#nav ul.root li a.litroot {
			border-left:3px solid #26203e;
			color:#fff; background:#26203e;}
	#nav ul * li a {
		background: url(../img/bulletDim.gif) 5px 60% no-repeat;
    line-height:20px; height:20px;
		padding-left:20px;}
		#nav ul * li a:hover {
			background-color:#fff;}
		#nav ul * a.lit {
			background:#26203e url(../img/bulletLit.gif) 6px 50% no-repeat;
			color:#fff;}
			#nav ul * a.lit:hover {
				background-color:#26203e;}
	#nav ul ul ul li a,
	#nav ul ul ul li a.lit {
		background-position: 16px 50%;
		padding-left:30px;}
	#nav ul ul ul li a.lit {
		background-position: 17px 50%;}
	#nav ul ul ul ul li a,
	#nav ul ul ul ul li a.lit {
		background-position: 26px 50%;
		padding-left:40px;}
	#nav ul ul ul ul li a.lit {
		background-position: 27px 50%;}
	#nav a {
		color:#333;
		display:block;}
		* html #nav a {
		  zoom:1;}
	#nav a span {
		display:block; margin-top:2px;
		color:#444; font-size:10px; font-weight:normal;}
	#nav ul * li a span {
		display:none;}
	#nav ul * a.lit span,
	#nav ul * a.litroot span {
		color:#99c;}

#content {
	padding: 0px 0px 20px 0px;
	margin-left:220px;}

/* Footer */
#footer {
	clear: both;
	background: #6c6c6c url(../img/footBG.gif) 0% 0% repeat-x;}
#footer .limiter {
	padding:20px 0px 30px 0px; height:1em;}

#footer ul.left {
	width:40%;
	float:left;}
#footer ul.right {
	width:40%:
	float:right; text-align:right;}

#footer ul {
	color: #ccc;
	font-size: 10px;}
	#footer ul li {
		margin:0px 5px;
		display: inline;}
	#footer ul a {
		color: #fff;
		border-bottom: 1px dotted #aaa;
		padding:3px;}
	#footer ul a:hover {
		color: #fff; background:#333;
		border-bottom: 0px;}