/*----------------------------------------
Name: master.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("modx.css");




/* 2011 changes
----------------------------------------*/

#bigfeature {display:block; position:relative; width:770px; height:400px; background-color:#efefef;}

#carousel_wrap a:link, #carousel_wrap a:visited {color:#554D4D; text-decoration:none;}

#carousel_wrap a:hover {color:#ee8100; text-decoration:none;}


#iss_top {display:block; background-color:#ecf2f7; color:#2c6595; width:760px; min-height:300px;}
#iss_left {border-right:1px solid #efefef;float:left; display:block; background-color:#ffffff; color:#444444; font-family:lucida grande;  width:450px; padding:8px; margin:5px 10px 5px 0;}
#iss_right {float:right;  width:245px; min-height:400px; display:block; background-color:#fbfcf6; color:#444444; font-family:lucida grande; padding:8px; margin:5px 0 5px 10px; }
#pagenew { width:955px; margin:0; padding:0; border:0 solid #efefef;}


#new_banner_issues {display:block; background-color:#db7700; height:36px;margin:0; padding:0; width:760px;}
#bigwhite {color:#ffffff;font-size:28px;padding:4px 2px 0 4px; margin:9px 0 0 0;}
#sub {color:#db7700;font-size:22px;padding:4px 2px 0 4px; margin:0;}
#sub2 {color:#db7700;font-size:20px;padding:4px 2px 0 4px; margin:0;}


#pagenew {padding:0;}
#pagenew  p {font-size:13px;line-height:125%;}

#content_column {display:block; float:left;width:750px; padding:0; margin:0; background:transparent;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:768px;	
	min-height:300px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://frameworksinstitute.org/elements/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	/* some styling for overlay triggers */
	
	#triggers img {
		cursor:pointer;
		margin:0;
		float:right;
		background:transparent;
		border:0;
		padding:0;
	}

/* Footer   
----------------------------------------*/
#footernew
{
	clear: both;
	padding: 15px 0 0 0;
	margin:0;
	background: #ecedea;
	height: 40px;
}

#footernew p 
{
	text-align:center;
	font-size:10px;
}




/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.leftp 		{float:left; padding:10px 10px;}
.right 		{float:right;}
.rightp 		{float:right; padding:10px 10px;}

.clear     	{clear:both;height: 0; line-height: 0.0; font-size: 0;}
.small  {font-size:.625em;text-align:left;}
#movie .caption {font-size:.825em;text-align:left;line-height:1.3em; padding:5px 5px;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.smallcaps		{font-size:.825em;text-transform:uppercase;}



/* Tables
----------------------------------------*/
#col2 table { border:1px;}
#col2 th, #col2 td { padding:8px;}
 







/* Email
---------------------------------------*/

label.hidden {
    display: none;
}

.kaput {
margin:0;
padding:0;
margin-top:0px;
margin-left:20px;
height:22px;
width:170px;
color: #1a1a1a;
border:1px solid #eeeeee;
border-top:1px solid #B1D0EF;
border-left:1px solid #B1D0EF;
font-size: 11px;
}


.kaputbutton {
padding: 6px 6px 8px 6px;
font-size: 85%;
vertical-align: middle;
border:1px solid #cccccc;
border-top:1px solid #eeeeee;
border-left:1px solid #eeeeee;
background-color:#e8f2fa;
font-weight: bold;
margin-left:30px;
margin-top:10px;
width:140px;
}
 
 
 



/* Elements
----------------------------------------*/
body, p, td, th, li
{

	color:#554d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;  /* Tip: Treat this as 10pt. */
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #3c3c3c url(/elements/images/vwall.gif) repeat-x;
}
 


.dark {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	background: #22252A url(/elements/images/spacer.gif) no-repeat;
}
 




/*  horizontal text nav  DONE */



#ezinewrap { margin:0;padding:0;height:36px;width:100%;border:0;overflow:hidden;margin-top:8px;}



#hnavwrap { margin:00;padding:0;height:36px;width:100%;border:0;background:transparent  url(/elements/images/hnavwall.gif) repeat-x top left; overflow:hidden; border:1px solid #ffffff;}
 
ul#hnav {
position:relative;
top:0;
left:0;
height:36px;
margin:0;
padding:0;
white-space: nowrap;
border:0;
line-height:40px;
float:right;
}

#hnav li
{
display: inline;
list-style-type: none;
text-transform:uppercase;
line-height:40px;
}

#hnav li a {text-decoration:none; padding:18px 25px 11px 6px; font-size:11px;}

#hnav li a:link, #hnav a:visited {color: #554d4d;}

#hnav li a:hover { 
	background-color:transparent;
	background-image: url(/elements/images/hoverfx.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	margin: 0;
}

#hnav .highlite { 
	background-color:transparent;
	background-image: url(/elements/images/hoverfx.gif);
	background-repeat: no-repeat;
	background-position: center right;
	margin: 0;
	text-decoration:none; 
	padding:18px 25px 11px 6px; 
	font-size:11px;
	line-height:40px;
}

.parent {display:inline; float:left; text-decoration:none; padding:16px 25px 11px 6px; font-size:11px; text-transform:uppercase;}





/* Vertical column nav * DONE
----------------------------------------*/

#vnavwraphome {margin:2px 0 0 5px; padding:0;float:left; position:relative; top:0; left:0;}

#vnavwrap {margin:9px 0 0 5px; padding:0;float:left; position:relative; top:0; left:0; border-top:1px solid #ffffff;}




#vnav ul
{
margin:0;
padding: 0;
list-style-type: none;
border-top:1px solid #D5D7D1;
width:170px;
}


#vnav ul li ul
{
margin:0;
padding:0;
list-style-type: none;
border:0;
width:170px;
}

 
#vnav li a 
{
display:block;
height:18px;
width:170px;
padding:0;
margin:0;
font-size:12px;
padding:5px 0 0 4px;
color: #575a4f;
background-color:#ecedea;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


#vnav li ul li a 
{
display:block;
height:18px;
width:170px;
padding:0;
margin:0;
font-size:12px;
padding:5px 0 0 4px;
color: #575a4f;
background-color:#e4e6e0;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}




#vnav a:link, #vnav a:visited {color: #575a4f;text-decoration: none;}

#vnav a:hover, #vnav a:active, #vnav #on {background-color: #ee8100;color:#ffffff;}


* html #vnav li a { /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}








/* accordion menu */

li h3.head, li h3.selected { 
background-color:transparent;
margin: 0;
}







/* Layout
----------------------------------------*/


#container_wrap {width:960px;margin:0 auto;text-align:left; background:#ffffff;border:1px solid #efefef; margin-top:25px;}

#container_wraphome {width:960px;margin:0 auto;text-align:left; background:#ffffff;border:1px solid #efefef;}
#container_wrapdark {width:960px;margin:0 auto;text-align:left; background:#414141;border:1px solid #232323; margin-top:25px;}


#pagetop {width:960px;height:137px;background:#ffffff;}

#pagetop h1 a  {display:block; position:relative; left:0; top:0; width:960px; height:137px; text-indent:-9999px; border:0;background:#ffffff url(/elements/images/pagetop.gif) no-repeat;}


#pagetopdark {width:960px;height:137px;background:#414141;}

#pagetopdark h1 a  {display:block; position:relative; left:0; top:0; width:960px; height:137px; text-indent:-9999px; border:0;background:#ffffff url(/elements/images/pagetopdark.jpg) no-repeat;}
 
 
 

#page { width:960px; margin:0; padding:0; }

#pagedark { width:960px; margin:0; padding:0;background:#414141; }


#col1 {width:180px;margin:0;padding:0;float:left;}

#col2home { width:770px; margin:0; padding:0; margin-right:2px; margin-bottom:4px; float:right; background-color:#ffffff;border:0;}

#col2 { width:770px; padding:0; margin: 0 0 4px 3px;float:left; background-color:#ffffff;}

#col3 {width:1px;margin:0;padding:0;float:right;}




/* home features 
-----------------------------------------*/



#feature1 { width:770px; height:225px; margin:0; padding:0; background:transparent url(/elements/images/featurewall1.jpg) no-repeat;border:0;}

#feature1 h2 {color:#ffffff; font-size:2.0em;}
#feature1, #feature1 p {color:#ffffff; font-size:14px;}




#feature2 { display:block; width:570px; margin:5px 0 0 0; padding:0; float:left; background-color:#ecedea;border:1px solid #d5d7d1; padding:0 0 0 20px}

#feature2 h2 {text-transform:uppercase; color:#898a88; font-size:1.85em; margin:0; padding:8px 0 0 0; line-height:10px;}
#feature2 h4 {display:inline; text-transform:uppercase; color:#21262d; font-size:1.25em; margin:0; padding:10px 0;}
#feature2 p  { font: normal 12px Arial, sans-serif !important;}









/* for presentations 
---------------------------------------------- */

#present {display:block; width:770px; height:550px; border:1px solid #ffffff;}

#present .narrowleft {width:400px; float:left; padding:0 0 0 30px;}


#present .big {font-size:14px; line-height:160%;}
#present h2 {font-size:24px; line-height:100%;}

 

a.box:link {
text-decoration: none;
background: transparent;
padding: 3px 6px;
margin:0 10px 0 0;
border: 1px solid #D5D7D1;
font-size: 11px;
}

a.box:visited {
text-decoration: none;
background: transparent;
padding: 3px 6px;
margin:0 10px 0 0;
border: 1px solid #D5D7D1;
color:#d5d7d1;
font-size: 11px;
}

a.box:hover {
text-decoration: none;
background-color:#D5D7D1;
padding: 3px 6px;
margin:0 10px 0 0;
border: 1px solid #D5D7D1;
color:#ffffff;
font-size: 11px;
}

a.box:active {
text-decoration: none;
background-color:#D5D7D1;
padding: 3px 6px;
margin:0 10px 0 0;
border: 1px solid #D5D7D1;
color:#ffffff;
font-size: 11px;
}



/* ezine
----------------------------------------*/

.ezq {display:block; padding:10px 10px; margin:15px 15px; border: 4px solid #D5D7D1;}





/* fonts in the page
----------------------------------------*/
 
#col1 p {font-size:1.0em;line-height:1.6em; padding:2px 10px;}

#modx {padding:0 15px 10px 20px;}
#modx p, #modx, #modx table th, #modx table td {font-size:13px;line-height:125%;}
#modx .by {display:inline; text-transform:uppercase; color:#21262d;}
#modx ul li {font-size:13px;line-height:normal;}
#modx ol li {font-size:13px;line-height:125%; margin-bottom:10px;padding-left:5px;}
 
#modx .db {display:block; width:678px; height:30px; background:transparent  url(/elements/images/decorativebreak.gif) no-repeat; overflow:hidden; border:0;}



#modx ul li
{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
padding-left:15px;
background: url(/elements/images/sosimple.png) no-repeat -4px 1px;
border: solid 1px #ffffff;
margin-bottom:5px;
}

 

#modxpress ul li
{
list-style-type: none;
margin: 0;
padding: 2px 0 8px 8px;
border: solid 1px #ffffff;
margin-bottom:15px;
font: normal 14px Arial, sans-serif !important;
}

#modxpress a {text-decoration:none;}
 
 
 #modx .column {width:335px; padding:10px 30px 10px 0; float:left;}
 
 
 
 
 /* new fonts in the page */
 
#col1 p {font-size:1.0em;line-height:1.6em; padding:2px 10px;}

.box {padding:10px 15px 10px 10px;}
.box p, .box, .box table th, .box table td {font-size:13px;line-height:125%;}
.box .by {display:inline; text-transform:uppercase; color:#21262d;}
.box ul li {font-size:13px;line-height:normal;}
.box ol li {font-size:13px;line-height:125%; margin-bottom:10px;padding-left:5px;}
 
.box .db {display:block; width:678px; height:30px; background:transparent  url(/elements/images/decorativebreak.gif) no-repeat; overflow:hidden; border:0;}



.box ul li
{
list-style-type: none;
padding: 0;
margin: 0;
margin-left:20px;
padding-left:15px;
background: url(/elements/images/sosimple.png) no-repeat -4px 1px;
border: solid 1px #ffffff;
margin-bottom:5px;
}

 

.boxpress ul li
{
list-style-type: none;
margin: 0;
padding: 2px 0 8px 8px;
border: solid 1px #ffffff;
margin-bottom:15px;
font: normal 14px Arial, sans-serif !important;
}

.boxpress a {text-decoration:none;}
 
 
 .box .column {width:335px; padding:10px 30px 10px 0; float:left;}
 
  
 
 
 

/* Footer  DONE
----------------------------------------*/
#footer
{
	clear: both;
	padding: 25px 0 0 0;
	margin:0 3px 0 3px;
	background: #ecedea;
	height: 34px;
	width: 950px;
	border:1px solid #ffffff;
}

#footer p 
{
	text-align:center;
	font-size:10px;
}


#footerdark
{
	clear: both;
	padding: 25px 0 0 0;
	margin:0 3px 0 3px;
	background: #414141;
	height: 26px;
	width: 950px;
	border:0;
}

#footerdark p 
{
	text-align:center;
	font-size:10px;
}





/* Search
----------------------------------------*/


#ajaxSearch_form { margin-top:5px; margin-left:7px; width:170px;height:130px;float:left; background:#aaaaaa url(/elements/images/searchwall.gif) no-repeat top left;}

#ajaxSearch_input {
margin:40px 0 0 8px;
padding:0;
height:22px;
width:150px;
color: #1a1a1a;
border:1px solid #b2b2b2;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
font-size: 11px;
}


#ajaxSearch_submit {
padding:0;
margin:0;
margin-left:10px;
width:140px;
height:53px;
border:0;
background:#aaaaaa url(/elements/images/searchbutton.gif) no-repeat;
text-indent:-9999px; 
font-size:1px;
text-decoration: none;
}


  
#ajaxSearch_intro, .ajaxSearch_intro {display:none;}

fieldset {border:0;}




/* search results */

.ajaxSearch_result {display:block; border:1px solid #e4e6e0; padding:10px 10px; margin:10px 10px;}
.ajaxSearch_resultLink {font-weight:bold;}
.ajaxSearch_extract p {display:inline;}




/* Skips 
---------------------------------------*/
 .skip {display: none;}
a.skip {display: none;}
#axs {display:none;}
#cc  {display:none;}



 



/* jquery clickable blocks */

 .pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	display:block; 
	border:1px solid #e4e6e0; 
	padding:10px 10px; 
	margin:10px 10px;
	border: solid 1px #efefef;
	font-size:13px;
	color:#2B67BB;
}
.pane-list li:hover {
	background-color: #f0f1ed;
}

.pane-list li a {
	text-decoration:none;
	font-weight:bold;
}





/* video */

#movie {display:block; float:right; margin:10px 10px;}
#movieleft {display:block; float:left; margin:10px 10px 10px 80px;}




/* share */

#share {display:block; clear:both; margin:10px 10px;}




#rssfeed {display:block; float:right; width:210px; height:240px; overflow:hidden;}






 #modx_nopad {padding:0; margin:0;}


#map-wrap { width:770px; height:400px; margin: 10px 0 0 6px; padding:0; border:0;}
#map_canvas {height: 400px; width: 280px; float: left; position: relative; z-index: 30 !important; }

ul#locations { list-style: none; width: 210px; height:400px; float: left; overflow-y: scroll; overflow-x: hidden; padding:0 20px 0 0;}
ul#locations h3 {font-size:11px; font-weight:bold; line-height:12px; padding:0; margin:0;}
ul#locations li p.longdesc, ul#locations li p {font-size:11px; padding:0; margin:0; }
#locations li { padding: 0; margin: 8px 0; width: 210px; float: left; position: relative;  z-index: 20; }
ul#locations li:hover, ul#locations li.hover { background:  #E0EEE0 url(../images/shadow.png) 128px 0 repeat-y; }
ul#locations li:hover h3, ul#locations li.hover h3 { color: #6B8E23; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }


#content { width: 200px;}

#more-info { border:0;width: 250px; float: left; background: #fff; padding:0; }
#more-info * { position: relative; z-index: 40; font-size:11px; line-height:14px; }
#more-info h2 {font-size:18px; line-height:19px; margin:0 0 10px 0; padding:0;}
#more-info > div { background: #E0EEE0;  padding: 20px; height: 360px;}
.longdesc { display: none; }