* {
	margin: 0;
	padding: 0;
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	color: #474747	 /*Main text color*/
	} /*overwrite all default browser settings*/

body {
	padding: 19px 0 0 0;
	margin: 0;
	background-image: url(../../i/shell/bg_home.jpg);
	background-repeat: repeat-x;
	background-color: #DAE7F6;
	font-size: 11px;
	text-align: center; /*part 1 of centering hack*/
	position: relative;
	}


/* LINKS
--------------------------------------------------------------------*/
a, a:visited {
	color: #36578c;
	text-decoration: none;
	outline: none;
	}
	
a:visited {
	text-decoration: none;
	}

a:hover, a:active {
	color: #c71719;
	}


/* GENERAL
--------------------------------------------------------------------*/

p {	
	margin: 10px 0 0px 0;
	line-height: 16px;
	}

ol, ul, li {
	margin: 0 0 0 10px;
	} /* overrides the * margin:0 setting */

img {
	border: 0;
	}


 /* CONTENT LAYOUT
--------------------------------------------------------------------*/
#container {
	width: 844px;
	padding: 0;
	background: white;
	text-align: left; /*part 2 of centering hack*/
	margin: 0 auto; /*part 2 of centering hack*/
	border:1px solid #5b0000; /* khal */
	/* margin-top: 19px; */
	padding: 8px 8px 8px 8px;
	position: relative;
	}


#content-container {
	background-image: url(../../i/shell/bg_container.gif);
	background-repeat: repeat-y;
	border:1px solid #577cb6;
	border-bottom:0px;
	margin-top:1px;
	}

.full_page {
	width: 685px;
	}
	
#maincontent,
#contextual {
	float: left;
	}

#maincontent 
{
	width: 544px;
	margin: 0px 8px 0 0px;
	background-image: url(../../i/shell/bg_maincontent.jpg);
	background-repeat: no-repeat;
	padding:9px 8px 8px 8px;
	}

#contextual {
	width: 269px;
	margin: 5px 0 0 0;
	}
	
/*#contextual { left: 675px; position: absolute; float: right; top: 324px !important; }*/
#community-box { float: right; width: 236px;}
/* Added by Khalil */

.box-clean {
	background-image:none;
	}

.box {
	border: solid 1px #ccd6e7;
	padding: 10px;
	background-color: White;
	margin-bottom: 7px;
	}
	
.box2 {
	border: solid 1px #ccd6e7;
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 7px;
	}
	

#contextual .box,
#joinlogin_box,
.box-header 
{
	background-image:	url(../../i/shell/bg_box.png);
	background-repeat:	repeat-x;
}


.box-action {padding-top:0px;} /*see associated h2 items below*/
.box-action p a {font-weight:bold}

#maincontent .box {background-color:transparent;}

div #home_page  {background-image:none;border:0px}
div #event_view  {background-image:none;}

#action_center_maincontent { clear: both; }

 /* MININAV
--------------------------------------------------------------------*/

/* styles for "more" links in boxes */
.mini_nav {
	font-size: 10px;
	color: #6980B2;
	text-transform: lowercase;
	text-align: right;
	height: 13px;
	margin-bottom:20px; /* Needs to be the same as contextual h2 margin below*/
	}

/* custom for CAS remove */
#news_box .mini_nav {
	height:13px;
	}
	
.mini_nav_bottom {
	CLEAR: both;
	FLOAT: none;
	}


 /* DIVIDERS
--------------------------------------------------------------------*/

.divider {
	border-top: dashed 1px #1px solid #dadada;
	margin-top: 5px;
	height: 5px;
	clear: both;
	}

hr {}


 /* HEADERS
--------------------------------------------------------------------*/

h1 {
	font-size: 16px;
	margin: 0 0 10px 0px;
	color: #CC3300;
	height:33px;
	background-repeat:no-repeat;
	}


h2 {
	font-size: 10px;
	margin: 0 0 10px 0;
	}

h3 {
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

h4 {
	font-size: 12px;
	margin-top: 10px;
	/* margin-bottom: -8px;*/ /* unclear why this is here */
	padding-left: 0px
	}

h1.float,
h2.float,
h3.float,
h4.float {
	float:left;
	} /* floats headers where mini nav is on same line */

h1 span,
h2 span {
	display: block;
	background-repeat: no-repeat;
	} /* "hides" the text used in span tags within header */


#contextual .box h2,
.box h2 {
	margin-bottom:	20px;
	background-repeat: no-repeat;
	}

.box h2 span {height:13px}

#RSVPtoEvent h2 {
	font-size:18px
	} /* makes h2 on view event larger to accomodate graphic */

#blog_form h3,
#login_info h3,
#profile_info h3,
#action_center_maincontent h3	{
	font-size:11px;
	color:white;
	background-color:#375482;
	padding: 3px 3px 3px 8px;
	text-transform:uppercase;
	margin-bottom:7px;
	} /* styles h3 tags used on forms*/
	
#action_center_maincontent h3 {
	margin-top:12px;
	} /* margins for action center forms */



 /* BLOCKS 
--------------------------------------------------------------------*/
 
/* styles the homepage story */
.home-topstory {
	margin-top:-9px;margin-left:-8px;margin-right:-8px;margin-bottom:8px;background-repeat: no-repeat;width:561px;height:278px;
	} /* top story */
	
.link-home-photo {
	position:absolute;left:20px;top:360px;font-size:10px;font-weight:bold;height:32px;width:225px;
	} /* size of h2 on home page */
	
.link-home-photo:hover {
	border-bottom:solid 2px white;
	color:white
	} 
.home-more {position:relative;left:332px;top:247px;font-size:10px;font-weight:bold
}

/* styles the small featured story in the news tab */

.featurestory {margin-top:-5px; width:230px;}

.featurestory p {line-height:14px;margin-top:2px}

.featurestory a {font-weight:bold;}

.featurestory img {float:left;margin-right:10px;margin-bottom:2px;margin-top:4px;border:solid 1px #666666}


/* styles list of documents on recruit page (style applied through CMS) */
.tool {font-size:10px;clear:both;margin-bottom:5px}

.tool a {font-size:11px;font-weight:bold}

.tool img {float:left;margin-right:7px;margin-bottom:5px}


#contextual .box-action h2 {
	height:34px;
	margin-bottom:10px;
	margin-left:-10px;
	display: block;
	padding: 0;
	} /* styles headers with an icon */
	
.box-action .mini_nav 
{
	height:25px;
	padding-top:9px;
	margin-bottom:10px;
	vertical-align:middle;
	} /* styles headers with an icon */


 /* BOXES 
--------------------------------------------------------------------*/

#box-column .item {margin-bottom:20px; clear:both;}
#box-column h4 {font-size:11px;margin-bottom:0px;}
#box-column .author {font-size:10px;margin-top:2px}
#box-column img {margin-right:10px;margin-bottom:5px;margin-top:3px;border:solid 1px #dddddd;float:left;padding:1px}
#box-column p {line-height:14px;margin-top:5px}
							
#box-topstories {padding-bottom:0px}
#box-topstories .item {float:left;width:252px;margin-right:15px;background-color:f7faff;padding-bottom:15px}
#box-topstories h3 {margin-bottom:5px;font-size:11px}
#box-topstories img {float:left;padding:1px;border:1px solid #94a4bd;background-color:white;margin-right:10px;margin-top:0px}
#box-topstories p {margin-top:0px;line-height:14px;font-size:11px}

#box-move {padding-bottom:0px}
#box-move .item {padding-bottom:10px;margin-bottom:10px; clear:both;border-bottom:1px dotted #e0d8d6;}
#box-move h3 {font-weight:normal;margin-bottom:2px}
#box-move img {float:left;padding:1px;border:1px solid #94a4bd;background-color:white;margin-right:10px;margin-top:0px}
#box-move p {margin-top:10px;line-height:14px}


#box-videos-feature {padding-bottom:0px}
#box-videos-feature .item {padding-bottom:10px;margin-bottom:10px; clear:both;border-bottom:1px dotted #e0d8d6;}
#box-videos-feature h3 {font-weight:normal;margin-bottom:2px}
#box-videos-feature img {float:left;padding:1px;border:1px solid #94a4bd;background-color:white;margin-right:10px;margin-top:0px}
#box-videos-feature .nav_expand {margin-right:5px;float:left;border:none}
#box-videos-feature p {margin-top:10px;line-height:14px}

#box-blog-feature {padding-bottom:0px}
#box-blog-feature .item {padding-bottom:10px;margin-bottom:10px; clear:both;border-bottom:1px dotted #e0d8d6;}
#box-blog-feature h3 {font-weight:normal;margin-bottom:2px}
#box-blog-feature img {float:left;padding:1px;border:1px solid #94a4bd;background-color:white;margin-right:10px;margin-top:0px}
#box-blog-feature .nav_expand {margin-right:5px;float:left;border:none}
#box-blog-feature p {margin-top:10px;line-height:14px}

#page_videos #box-videos {float:left;width:236px;height:460px;overflow:auto}
#box-videos .item,
#box-videos2 .item {padding-bottom:10px;margin-bottom:10px; clear:both;border-bottom:1px dotted #e0d8d6;}
#box-videos img,
#box-videos2 img {float:left;margin-right:7px;border:solid 1px #dddddd;}
#box-videos p,
#box-videos2 p {margin-top:3px;line-height:14px}

#box-videos2 .vid_type_hillcast,
#box-videos2 .vid_type_road,
#box-videos2 .vid_type_ads,
#box-videos2 .vid_type_other {display:none}

#page_videos #box-videos2 .vid_type_hillcast,
#page_videos #box-videos2 .vid_type_road,
#page_videos #box-videos2 .vid_type_ads,
#page_videos #box-videos2 .vid_type_other {display:block}

#page_videos_ads #box-videos2 .vid_type_ads {display:block}
#page_videos_hillcast #box-videos2 .vid_type_hillcast {display:block}
#page_videos_road #box-videos2 .vid_type_road {display:block}
#page_videos_other #box-videos2 .vid_type_other {display:block}

#page_news #box-videos2 .vid_recent {display:block}
#page_news_releases #box-videos2 .vid_recent {display:block}
#page_news_speeches #box-videos2 .vid_recent {display:block}
#page_news_endorsements #box-videos2 .vid_recent {display:block}

#page_multimedia_photos #box-photos {float:left;width:256px;}
#box-photos .item {padding-bottom:10px;margin-bottom:10px; clear:both;border-bottom:1px dotted #e0d8d6;}
#box-photos h3 {}
#box-photos img {float:left;margin-right:7px;border:solid 1px #dddddd;}
#box-photos p {margin-top:3px;line-height:14px}

#page_news #box-photos .album {display:none}
#page_news #box-photos .album_recent {display:block}

#page_news_releases #box-photos .album {display:none}
#page_news_releases #box-photos .album_recent {display:block}

#page_news_speeches #box-photos .album {display:none}
#page_news_speeches #box-photos .album_recent {display:block}

#page_news_endorsements #box-photos .album {display:none}
#page_news_endorsements #box-photos .album_recent {display:block}

#box-content p {line-height:18px;font-size:12px}
#box-content .nav-about {margin-bottom:25px}
#box-content .img-about {margin-bottom:5px;float:left;margin-right:15px}
#box-content .video-right {margin-bottom: 5px; float: right; margin-left: 15px;  margin-top: 15px;}
#box-content .video-left {margin-bottom: 5px; float: left; margin-right: 15px;  margin-top: 15px;}

.box-featureaction .img-thumb {padding:1px;border:1px solid #94a4bd;background-color:white;margin-bottom:7px;float:left;margin-right:15px}
.box-featureaction div {float:left;width:303px;}
.box-featureaction h2 {border-bottom:1px dotted #e0d8d6;padding-bottom:5px;margin-bottom:10px}
.box-featureaction h3{font-size:16px}
.box-featureaction .link-continue {font-weight:bold}



/* styles news articles, releases, speeches, etc. */
#article_box {background-image:none}
#article_box h2 {font-size:18px;height:auto;margin-bottom:10px}
#article_box h3 {font-size:12px;}
#article_box h4 {font-size: 11px;font-style: italic;margin-bottom:5px} /* Publication */
#article_box p {font-size:12px;line-height:18px} /* The date at the top of a news article */
#article_box .date {margin-bottom:10px} /* The date at the top of a news article */
#article_box ol,
#article_box ul{list-style-position:inside;} /* CLEAN */


/* styles blog pages */


#blog_preview_box .item {font-size:12px;line-height:18px}
#blog_preview_box .item-comment {font-size:12px;line-height:18px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #cccccc;}

#page_blog-view #blog_preview_box .item {margin-bottom:0px}
#blog_preview_box h2 {font-size:16px;margin-top:5px;padding-bottom:5px;border-bottom:1px dashed #cccccc;margin-bottom:5px}

#blog_preview_box p {line-height:18px;margin-bottom:10px}

#blog_preview_box .info {margin-top:0px;padding-bottom:10px;font-size:11px}
#blog_preview_box .info2 {margin-top:10px;font-size:11px;}
#blog_preview_box .info2 a {font-weight:bold}
#blog_preview_box .info2 img {height:16px;width:16px}
#blog_preview_box .category a {font-weight:bold}
#blog_preview_box .author {font-weight:bold;}
#blog_preview_box .photo-author {margin-top:2px;border:solid 1px #dddddd;float:left;padding:1px}

#blog_preview_box .date {font-size:10px}

#blog_preview_box .photo {border:1px solid #dddddd;margin-top:15px;margin-bottom:10px;padding:1px}

.right {float:right;margin-left:10px;margin-right:7px;}
.left {float:left;margin-right:10px;margin-left:7px;}

#blog_preview_box blockquote {border:1px solid #999999;background-color:#fafafa;margin-right:15px;margin-left:15px;padding: 10px 10px 10px 10px;}

/*styles standard content boxes, like issues pages */
#content_box h3 {font-size:11px;margin-top:20px;margin-bottom:5px;text-transform:uppercase;}



/*styles standard content boxes, like issues pages */
#feature_box h2 {font-size:14px;margin-bottom:10px;}
#feature_box h3 {font-size:11px;margin-top:20px;margin-bottom:5px;text-transform:uppercase;}
#feature_box p {line-height:16px;padding-left: 2px;padding-right:2px}

#feature_box ol,
#feature_box ul {list-style-position:inside;} /* CLEAN */
#feature_box li {margin-bottom: 5px;}

/* styles list of news articles, releases, etc. */
#list_box {background-image:none}
#list_box h3 {text-transform:uppercase;}


/* styles feature articles box in the newroom summary */
#teaser_box h2 {border-bottom:1px dotted #e0d8d6;padding-bottom:5px;margin-bottom:10px}
#teaser_box h3 {font-size:16px;margin-top:10px;}
#teaser_box p {margin-top:5px}
#teaser_box .item {margin-bottom:10px;border-bottom:1px solid #dadada;padding-bottom:10px}


 /* LINK LISTS
--------------------------------------------------------------------*/

ul.headlines {
	list-style-type: none;
	clear: both;
	margin: 0 1px;
}

ul.headlines li {
	padding-left: 0px;
	padding-bottom:7px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 0 0 7px 0;
	vertical-align: top;
	border-bottom:1px solid #dadada;
	}
ul.headlines li span {
	font-size:10px
	}
ul.headlines li a {
	display:block;
	}






 /* MISC TAGS 
--------------------------------------------------------------------*/

/* layout for list of press releases */
.table_pressrelease .date {width:50px;}
.table_pressrelease TD {padding-bottom:5px;vertical-align:top}

/* layout for list of blog posts */
.table_blog .date {width:50px;}
.table_blog TD {padding-bottom:5px;vertical-align:top}


.red, .error {
	color:red;
	}
.orange {
	color:orange;
	}

.grey {
	color:gray;
	}
.error_header {
	font-size:16px;
	font-weight:bold;
	color:red;
	}
.green,.success {
	color:green;
	}

.clear  {
	clear:both;
	width:0px;
	height:0px;
	line-height:0px;
	padding:0 0 0 0;
	}


 /* ACTION CENTER
--------------------------------------------------------------------*/

#raiserCode .large,
#raiserActivity .large,
#raiserCode2 .large,
#raiserActivity2 .large {
	color: #983402;
	font-size: 32px;
	text-align:center;
	font-weight: bold;
	margin: 20px 0 20px 0;
	} /* styles the raise code and activity on raise money*/

#cbNational label,
#cbLocal label,
#cbRegional label {
	font-weight:normal;
	} /*labels on the write a letter to the editor page*/


 /* COVERUP
--------------------------------------------------------------------*/

.cover {
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	background-color: #000000;
	z-index:25; 
	position: absolute;
	}


 /* CSS HACKS
--------------------------------------------------------------------*/
 .clearfix {
	display:inline-block;
}


/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */


.clearfix:after {
	content:"."; 
	display: block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}







 /*TESTING TAGS
--------------------------------------------------------------------*/
.test {border:1px solid red;}
.test2 {border:1px solid green;}
.test3{border:1px solid purple;}


 /* CLIENT SPECIFIC
--------------------------------------------------------------------*/
	
.headline_photo img {
	margin: 0 0 16px 0;
	} /* styles the photo at the top of the middle column*/