/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
	background:url(../images/tile_bg.jpg) repeat-x top #fff; 
}

body.front {
	background:url(../images/tile_bg_front.jpg) repeat-x top #fff;
	height: 610px;
}


body.front h1 {
	margin-bottom:12px;
}

body.front h2 {
	margin-bottom:10px;
}

a img {
	border: none;
}

a {
	font-weight: normal;
	text-decoration: underline;
	color: #1A98C0;
}

a:link, a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #1A98C0;
	outline: none;
}

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

.qtip-link, .qtip-additional-element {
	border-bottom: 1px solid #fff;
	cursor: default;
	color: #000;
	display: inline;
	font-weight:bold;
}

.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 10.5px;
	line-height: 12px;
	z-index: 15000;
}

/* Normal Table */
table {
	background:#27A0CD;
	margin-bottom:10px;
	border-right:1px solid #27A0CD;
}

table th {
	padding:5px;
	color:#fff;
	font-size:115%;
	text-align: left;
	background:#27A0CD url(../images/tabletop.gif) repeat-x;
}

table th a, 
table th a:link {
	color:#FFF;
	text-decoration:none;
}

table th a:hover {
	color:#FFF;
	text-decoration:underline;
}

table  td {
	background: #fff;
	padding:5px;
	vertical-align: top;
	border: 1px solid #27A0CD;
}

#page-wrapper,
.region-bottom {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#page {
}

/*
 * Header
 */
#header {
		background:url(../images/header/header.jpg) no-repeat center #fff;
		height:238px;
		width:960px;
}

.front #header {
	background:url(../images/header/header.jpg) no-repeat bottom #0180A3;
	height:610px;
	width:960px;
}

#header .section {
}

.region-header {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 960px;
  margin-left: 0; /* LTR */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 760px;
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.sidebar-second #content {
  width: 760px;
  margin-left: 0; /* LTR */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 560px;
  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  margin: 0;
  padding: 0;
}

.region-content-front-1 {
	  float:left;
	  width:316px;
}

body.i18n-ga .region-content-front-1 {
	  width:100%;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 3em; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 200px;
  margin-left: 0; /* LTR */
  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 200px;
  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

/*
 * Footer
 */
 
#footer_top {
    background:url(../images/footer/footer_bg.jpg) repeat-x bottom #fff;
	width:100%;
	margin: auto;
}
  
#footer_top_middle {
	background:url(../images/footer/footer.jpg) no-repeat center #fff; 
	width:940px;
	height:139px;
	margin: auto;
}

#footer_wrapper {
	  background-color:#6B9D3C;
	  width: 100%;
	  margin: auto;
	  height:340px;
}

#footer {
	background-color:#6B9D3C;
	width:960px;
	margin: auto;
}

.region-footer-1 {
	  color:#FFF;
	  float:left;
	  width:260px;
}

.region-footer-2 {
	  color:#FFF;
	  float:left;
	  width:400px;
}

#footer .region-footer-2 .content .icon_links p {
	line-height:0px;
}

.icon_links {
	padding:auto;
	margin:auto;
}

.region-footer-3 {
	color:#FFF;
	float:left;
	width:300px;
}

#footer_bottom_wrapper {
	  width: 100%;
	  margin: auto;
	  background:url(../images/footer/footer_bottom.jpg) repeat-x top #8CB33E;
	  padding:0px;
	  height:55px;
}

#footer_bottom {
	background:url(../images/footer/footer_bottom.jpg) repeat-x top #8CB33E;
	width:960px;
	margin: auto;
	color:#FFF;
	font-size:70%;
	padding: 5px 0 0 0;
}

#footer_bottom .content p.footer_bottom_left {
	clear:both;
	margin:0px;
	padding:0px;
	background-color:#8CB33E;
	float:left;
	width:660px;
}

#footer_bottom .content p.footer_bottom_right {
	margin:0px;
	padding:0px;
	background-color:#8CB33E;
	float:right;
	width:300px;
	text-align:right;
}

#footer_bottom .content p.footer_bottom_left a,
#footer_bottom .content p.footer_bottom_left a:link,
#footer_bottom .content p.footer_bottom_left a:visited {
	text-decoration:underline;
	color:#FFF;
}

#footer_bottom .content p.footer_bottom_left a:hover {
	color:#FFF;
	text-decoration:none;
}

/*
 * Footer Content
 */

#footer a{color:#fff;}
#footer ul, #footer ul li{
	margin:0 !important; 
	padding:0 !important; 
	list-style:none;}
	
#footer ul li a{
	padding:3px 7px 3px 7px; 
	background: #436B18; 
	color:#fff; 
	-moz-border-radius: 4px;
     border-radius: 4px;
	 margin-right:3px;}
	 
#footer ul li a:hover, #footer ul li a:active{background: #8BB33E; }

#footer ul , #footer li, #footer p {font-family: Verdana, Geneva, sans-serif !important;
list-style: square;
padding:8px 0 0 0 !important; 
margin:0 !important;
font-size:1.05em; 
line-height: 1.8em;
margin-bottom:5px;
}


#footer ul li a:link,
#footer ul li a:visited {
    color: #fff;
	text-decoration: none;
	/*padding:0 2px 0 2px;*/
}

.contact-list{
	font-family: Verdana, Geneva, sans-serif !important;
	margin:0 0 14px;
	color:#fff;
	line-height:14px;
	font-size:11px;
}

.contact-list dt{
	float:left;
	width:72px;
}

.contact-list dd{margin:0;}
.contact-list a{color:#fff;}
.map-holder{
	background: url(../images/footer/bg-map.png) no-repeat;
	width: 288px;
	height: 128px;
	padding:6px;
}

.region-footer-2 p {
	line-height:0.7em !important;
}

a.visit:link, a.visit:visited { background: url(../images/footer/visit.gif); } 
a.visit_im:link, a.visit_im:visited { background: url(../images/footer/visit_im.gif); } 

a.outreach:link, a.outreach:visited { background: url(../images/footer/outreach.gif); }
a.outreach_im:link, a.outreach_im:visited { background: url(../images/footer/outreach_im.gif); } 

a.youth:link, a.youth:visited { background: url(../images/footer/youth_engagement.gif); }
a.youth_im:link, a.youth_im:visited { background: url(../images/footer/youth_engagement_im.gif); } 

a.u_links:link, a.u_links:visited { background: url(../images/footer/links.gif); }
a.u_links_im:link, a.u_links_im:visited { background: url(../images/footer/links_im.gif); }

a.visit:link, a.visit:visited,
a.outreach:link, a.outreach:visited,
a.youth:link, a.youth:visited,
a.u_links:link, a.u_links:visited,
a.visit_im:link, a.visit_im:visited,
a.outreach_im:link, a.outreach_im:visited,
a.youth_im:link, a.youth_im:visited,
a.u_links_im:link, a.u_links_im:visited {
	display: block;
	width: 316px; 
	height:58px;
	text-decoration:none;
	margin:0;
	padding:0;
} 

a.visit:hover,
a.outreach:hover,
a.youth:hover,
a.u_links:hover,
a.visit_im:hover,
a.outreach_im:hover,
a.youth_im:hover,
a.u_links_im:hover {background-position: 0px 58px;}



.link-twitter, .link-fb, .link-da, .link-rss, .link-flickr {
	background-image:url(../images/footer/social_icons.png);
	height:28px;
	width:28px;
	text-indent:-999px;
	display:block;
	overflow:hidden;
	float:left;
	margin-right:3px}

.link-twitter:hover {
	background-position:0 bottom}

.link-fb {
	background-position:-28px 0}
.link-fb:hover {
	background-position:-28px bottom}

.link-flickr{
	background-position:-56px 0}
.link-flickr:hover {
	background-position:-56px bottom}

.link-rss {
	background-position:-84px 0}
.link-rss:hover {
	background-position:-84px bottom}

.social_icons{
	margin:auto;
	padding:auto;
	height:28px;
	width:160px;
	float:left;
	display:block;
	padding-top:10px;
	}



/*#footer .region-footer-1 .content .social_icons p {
	line-height:28px;
}
*/


/*
 * Page bottom
 */
.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-bottom {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/

.hide{ visibility:hidden;}

.clear { clear:both; }


a.map_small:link, a.map_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/map.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
	margin: 15px 15px 10px 0;
}
a.law_small:link, a.law_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/law.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
	}
a.mla_small:link, a.mla_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/mla.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
}

a.time_small:link, a.time_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/timeline.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
}
a.levels_small:link, a.levels_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/levels.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
}
a.budget_small:link, a.budget_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/budget.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
}

a.tour_small:link, a.tour_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/tour.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
		margin: 15px 15px 10px 0;
}
a.vote_small:link, a.vote_small:visited 	{
	width: 180px; 
	display: block;
	background: url("../images/landing_small/years_8_11/vote.jpg"); 
	height:155px; 
	float:left;
	text-decoration:none;
	margin: 15px 15px 10px 0;
}

a.map_small:hover, a.law_small:hover, a.mla_small:hover, a.time_small:hover, a.levels_small:hover, a.budget_small:hover, a.tour_small:hover, a.vote_small:hover  	{background-position: 0px 155px;  margin: 15px 15px 10px 0;}

/* BLOCKQUOTE */ 
blockquote {
	background: transparent url("../images/quotes/speech_marks_left.gif") no-repeat 0px 0px;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}

blockquote cite { font-style: italic; }

blockquote > p:first-child { text-indent: 30px; font-size: 120%; margin-bottom: 0.7em; color: #1F9DC6 ; }
blockquote p { font-size: 120%;  margin-bottom: 0.7em; }

.lastword { padding: 0 30px 0 0; background: transparent url("../images/quotes/speech_marks_right.gif") no-repeat right top; color: #404040; }

div#node-88 div.content {
	display:none;
}

.FloatLeft {
	float:left;
	width: 33.33333333333333%;
}

/* NEWS PAGE */
.news-item {
	padding-bottom:15px;
}

.news_title a {
	color:#97B238;
	font: 1.40em Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.news_title a:hover {
	text-decoration:underline;
}

.news_date {
	color: #706E6E;
	font-style:italic;
}

.view-mode-node_embed {
	padding:30px 0px;
}

.view-mode-node_embed h2,
.view-mode-node_embed .field-type-text {
	display:none;
}