/***************************** Look and Feel Styles *********************************/
/*		RI.gov Agency, Municipality and Elected Official Style Sheet		 		*/
/*		Template Look and Feel: Version Charles of RI.gov					 		*/
/*		Style Sheet: Version 3.0													*/
/*		Date Modified: June 2009													*/
/***********************************************************************************/

/************************************** Styles **************************************/
/*		These styles control the look and feel elements of the template  			*/
/*																					*/
/***********************************************************************************/

/******************************* Main Body Styles ************************************/

/* Begin Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* End Reset CSS - Thanks Eric Meyer */



/* group for clearing floats - Dan Cederholm */


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

}

.groupleft:after {
	content: ".";
	display: block;
	height: 0;
	clear:left;
	visibility: hidden;
}

.groupright:after {
	content: ".";
	display: block;
	height: 0;
	clear:right;
	visibility: hidden;
}


#contentarea{
    margin:0 auto;
    max-width: 1100px;
	margin: 0em auto 0 auto;
	min-width: 780px;
}

.clear {clear: both; height: 0;}


/*** MainContent foat clearing ***/

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

#mainContent {float: left; width: 100%; }
.topnews {clear: both; background-color: #E55A2B; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #fff;} 
.topnews a {color: #fff; text-decoration: none; font-weight: bold;}
.topnews a:hover {color: #def;}
.topnews a:visited {color: #fff;}
.topnews.recovery a {background: url(/img/topnews/recovery.gif) left no-repeat; padding-left: 38px; }
.topnews.transparency a {background: url(/img/topnews/transparency.gif) left no-repeat; padding-left: 20px; }


#mainContent .topnews div {float: left; display: block; list-style-type: none; list-style: none; list-style-image: none; width: 15%; margin-right: 3%; margin-left: 2%;}


#mainContent .topnews h3 {margin-top: .75em; margin-bottom: .5em;}
#mainContent .topnews h3 a {color: #fff; font-weight: bold;}
#mainContent .topnews h3 a:hover {color: #fff;}
#mainContent .topnews h3 a:visited {color: #fff;}

html, body {
	text-align: left; 
	margin: 0px; 
	padding: 0px;
	color: #000; 
	min-width: 960px;
}


body {background: #DAF0F9;}

body { font-size: 80%; }
p { margin: 0 0.1em 1em 0.1em; padding-top: 0; }
body,td,tr,div { font-family: Helvetica, Arial, Verdana, sans-serif; }
form {margin: 0px; padding: 0px;}
#topNav input { font-size: 0.9em; }

ol li {list-style: decimal;}
ol.alpha li {list-style: upper-alpha;}

dl {margin: 0 .5em 1.5em .5em;}
dt {font-weight: bold;}
/***************************** Top Nav Styles ************************************/
#topNav { 
	text-align: right;
	background: #3E95C4 url(../img/site/headerbar.gif) top left repeat-x;	
	padding-bottom: 4px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	margin: 0px;
	font-weight: bold;
	line-height: 2em;
}

#topNav, #bottomNav, #topNav a { 	
	color: #003051;
	font-weight: normal;
	padding: 6px;
	text-decoration: none;
}

#topNav a:hover {text-decoration: underline;}

/***************************** Quick Links Styles ************************************/

#mainContent .quickLinks {
	border: 2px solid #ddd;
	float: left;
	margin: .2em 10px 5px .2em;
	font-size: .9em;
	line-height: 1.1em;
	width: 13em;
	font-weight: normal;
	color: #003a67;
	background: #BBE3EA;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
}



#mainContent .quickLinks a {font-weight: normal; color: #fff; text-decoration: none;  display: block;}

#mainContent .quickLinks ul {margin-bottom: 0; padding: .2em;}

#pageContainer #mainContent .quickLinks ul li{
	border-bottom: 1px solid #eee;
	margin: 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	color: #003a67;
	background: none;
	background-image: none;
	font-weight: bold;
}


#pageContainer #mainContent .quickLinks ul li ul {margin: 0 0 0 0; padding: 0;}

#pageContainer #mainContent .quickLinks ul li ul li {border-bottom: none; border-left: none; background: none; margin: 0; padding: 0; font-size: 1em; }


*+html #pageContainer #mainContent .quickLinks ul { margin: 0; display: block;}

*+html #pageContainer #mainContent .quickLinks ul span.close {display: inline-block;}

#pageContainer #mainContent .quickLinks ul li {font-size: 1em; color: #003a67; padding: .1em .3em .1em 0; float: left; width: 100%;}
#pageContainer #mainContent .quickLinks ul li a {font-weight: normal; padding: .75em 0 .75em .3em; color: #003a67;  margin: 0 1em 0 .5em; }
#pageContainer #mainContent .quickLinks ul li a:hover {color: #555;}
#pageContainer #mainContent .quickLinks ul li.selected a {font-weight: bold;}
#pageContainer #mainContent .quickLinks ul li ul li a{font-weight: normal}
#pageContainer #mainContent .quickLinks ul li a:visited {color: #003a67;}

/******************************* Center right column Styles **************************************/

.centercolumn.norightrail {
    margin-right: 0px;
}

.centerRightContent {
	margin-left:14em;
}


#rightRail .sidebarContent h1 {
	background: url(../img/site/h1.gif) top left no-repeat;
	font-size: 1em;
	font-family: Georgia, 'Times New Roman' serif;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin: 4px 0px 0px 7px;
	display: block;
	padding: 7px 60px 4px 5px;
}


#rightRail img {max-width: 90%; border: 0px solid #ccc;}

strong {font-weight: bold;}

/**** New Footer ***/

#pageFooter {
clear: both;

width: 100%;
background: #248FB5 url(../img/site/pageFooter/wave.png) top center repeat-x;
font-size: 1em;
overflow: hidden;
}

.contentfooter {
	margin: 0 auto;
	width: 100%;
	height: 17em;
	max-width: 1100px;
	overflow: hidden;
}

* html dl {background: none;}

#pageFooter .left {float: left; width: 170px; background: transparent url(../img/site/pageFooter/left.gif) top left no-repeat; height: 17em;}
#pageFooter .right {float: right; height: 100px;}
#pageFooter .left a {width: 120px; height: 52px; text-indent: -9999px; position: relative; top: 75px;}
#pageFooter .left a:hover {background: none;}

/*** Social Link Styles ***/

#pageFooter a.twitter {background: url(../img/site/icons/twitter.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.facebook {background: url(../img/site/icons/facebook.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.flickr {background: url(../img/site/icons/flickr.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.youtube {background: url(../img/site/icons/youtube.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.linkedin {background: url(../img/site/icons/linkedin.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.vimeo {background: url(../img/site/icons/vimeo.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}

#pageFooter a.rss {background: url(../img/site/icons/feed.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter a.wordpress {background: url(../img/site/icons/wordpress.png) center left no-repeat; padding-left: 20px; margin-bottom: .3em;}
#pageFooter dd a.help {font-weight: bold; color: #FDCA99;}
#pageFooter dd a:hover.help {background-color: #003a67;}

#pageFooter dl {margin-top: 5.5em; color: #fff; width: 17%; float: left; text-align: left; padding: 0; background-color: #248FB5;}
#pageFooter dt {font-weight: bold; font-size: 1.1em; padding-left: .1em; padding-bottom: .4em;}
#pageFooter dd {font-size: .9em; line-height: 1.5em;}
#pageFooter dl.about {padding: 0;}
#pageFooter dl.agencylist {padding: 0;}
#pageFooter dl.socialweb {padding: 0 2em;}
#pageFooter dl.translation {padding: 0;}

#pageFooter a {color: #fff; display: block; font-weight: normal; padding: .1em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#pageFooter a:hover {color: #fff; text-decoration: underline; background-color: #16598B;  background-color: #16598B; background-color: rgba(25,75,128,.35);}
#pageFooter a:visited {color: #fff;}




/***************************** Main Content Area Styles ************************************/
#mainContent a {
	font-weight: normal;
}

#mainContent p {line-height: 1.5em;}

#mainContent h1 { font-size: 1.4em;font-weight: normal; color: #fff; line-height:1em;}
#mainContent h2 { font-size: 1.2em; font-weight: bold; text-align: left; margin: .5em; line-height: 1.7em; padding: 0; border-bottom: 1px solid #ccc; }
#mainContent h3 { font-size: 1.1em; font-weight: normal; text-align: left; margin: .3em 0 0 0; padding: 0 .6em;}
#mainContent h4 { font-size: 1.1em; text-align: left; margin: .9em 0 0 0;  padding: 0 .8em; font-weight: bold; font-family: Georgia, 'Times New Roman', serif; color: #555;}

#mainContent h1{
	background-color:  #194B80;
	border-bottom: 3px solid #fff;
	padding: 4px;
}

#mainContent .blueContent {
	background-color: #E3F6FB;
	font-weight: normal;
	color: #143E6D;
	padding: 4px;
	margin-bottom: 0px;
}

#mainContent .blueContent ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}


#mainContent .darkblueContent {
	background: #fff url(../img/site/lightblueContent.gif) top left repeat-x;
	font-weight: normal;
	color: #003a67;
	margin: 0;
	padding:0;
}



#mainContent .darkblueContent .content{
	padding-bottom: .5em;
}

#mainContent .darkblueContent h1 {
	background: #194b80 url(../img/site/darkblueHeader.gif) top left repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	border-bottom: 3px solid #fff;
	margin: 0px 0px 0px 0px; 
}

#mainContent .darkblueContent ul li{
	list-style-image: url(../img/site/small_bullet_links.gif);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-left: 5px;

}


#mainContent .lightblueContent, #mainContent .lightgreyContent {
	background: #fff;
	background-color: #fff;
	color: #003a67;
	margin-bottom: 0;
	font-size: 1em;
	margin-top: 1em;
	line-height: 1.5em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: .5em;
	border-top: 1px solid #DAF0F9;
}

#mainContent .lightblueContent p {padding: 0 .6em;}
#mainContent .lightblueContent img {padding: .3em; margin: .3em; background: #fff; border: 1px solid #ccc;}

#mainContent .lightblueContent h1 {
	background: url(../img/site/bluefade.gif) top left repeat-x;
	color: #003051;
	font-size: 1.3em;
	padding: .4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}



#mainContent .lightblueContent ul li, #mainContent ul li {
	list-style-image: url(../img/site/small_bullet_links.gif);
	margin-left: 1.5em;
}

#mainContent .lightgreyContent p {padding: .4em;}
#mainContent .lightgreyContent {color: #333333;}


#mainContent .lightgreyContent h1 {

	background: #fff url(../img/site/grayfade.gif) top left repeat-x;
	color: #333;
	font-size: 1.3em;
	padding: .4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#mainContent .lightgreyContent h2 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#mainContent .lightgreyContent ul li, #mainContent ul li {
	list-style-image: url(../img/site/small_bullet_links.gif);
}



/***************************** Breadcrumb Styles **********************************/

#mainContent .breadCrumb {
	font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	color: #333;
	margin: 4px 0px 8px 0px;
}

#mainContent .breadCrumb a {
	text-decoration: underline;
	font-weight: normal;
}

#mainContent .breadCrumb a:hover {
	color: #2490C0;
}

#mainContent .breadCrumb a:visited {
		color: #143E6D;
}


/******************************* Right Rail Styles **************************************/
#rightRail {
	margin: 0px;
	float: right; 
	width: 170px;
	padding-top: 2.4em;
}

* html #rightRail {padding-top: 2.6em;}

#rightRail a{
	font-weight: normal;
}

#rightRail ul {
	margin-top: 10px;
	margin-left: 0;
	padding-left: 1.2em;
}

#rightRail ul li {
	list-style-image: url(../img/site/small_bullet_links.gif);
	padding-bottom: 8px;
	padding-right: 5px;	
}


#rightRail .sidebarContent .content {
	background-color: #FAFAFA;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #cecece;
	width: 144px;
	padding: 1px 5px 1em 5px;
	margin: 0 0px 10px 7px;

}

#rightRail .sidebarContent .content p {

	font-size: .85em;
	color: #333;
	padding: 4px;
}

#rightRail .sidebarContent .content ul li {font-size: .9em;}


#rightRail .sidebarContent h1 a, .sidebarContent h1 a:hover{
	text-decoration: none;
	color: #194b80;
}


/***************************** Overall Link Styles **********************************/
a {color: #143E6D; text-decoration: underline; font-weight: bold}
a:link {color: #143E6D; text-decoration: underline; font-weight: bold}
a:visited {color: #343434; text-decoration: underline; font-weight: bold}
a:hover {color: #2490C0; text-decoration: underline; font-weight: bold;}
a:active {color: #F26522; text-decoration: underline; font-weight: bold}


/*************************** REX and RSS Button Styles ******************************/
.rexButton {
	border: 1px solid;
	border-color: #66A8CC #194b80 #194b80 #66A8CC;
	padding: 0 3px 0px 3px; 
	margin: 0px;
	font: bold 10px verdana, sans-serif;
	color: #FFF;
	background: #3690BD;
	text-decoration: none;
}

.xmlButton {
	border: 1px solid;
	border-color: #FC9 #630 #630 #F96;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	font: bold 10px verdana, sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
}

.rexButton a, .xmlButton a, 
#mainContent .rexButton a, #mainContent .xmlButton a,
#rightRail .rexButton a, #rightRail .xmlButton a 
{ 
	color: #fff;
	text-decoration: none;
}


/******************************* Misc Text Styles **********************************/
.smallText {
	font-size: 0.8em; 	
	padding-top: 0.2em;
}


.rsspubdate {
	font-size: .9em;
	margin-top: 8px;
	color: #333;
	line-height: 1.5em;
	color: #333; 
	font-family: Georgia, 'Times New Roman', serif; 
	font-style: italic;
}


#mainContent .rsspubdate {padding-left: .5em;}

#mainContent div.rssheadline a{padding: 0px; font-size: 1em; padding: 0 .5em; font-weight: bold; display: block;}

.rssdescription {color: #666666; padding: 0 .5em;}

.top {
	text-align: center;
	font-size:0.9em;
	padding: .2em .5em .2em .5em;
	float:right;
	background-color: #fff;
	border: 1px solid #fff; 
	margin: .2em .5em .2em .5em;
	
}



#mainContent ol {
	margin: 1em 2em;
}	

#mainContent ol li {
	padding-bottom: 1em;
}

a[href$=".pdf"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat;
	 
}

a[href$=".PDF"] { 
	padding-left: 21px; 
	background: url(../img/content/pdf.gif) top left no-repeat; 
}




a[href$=".xls"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat;
	 
}

a[href$=".XLS"] { 
	padding-left: 21px; 
	background: url(../img/content/xls.gif) top left no-repeat; 
}


a[href$=".mov"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".MOV"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".wma"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".WMA"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".wmv"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".WMV"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".avi"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".AVI"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}


a[href$=".mp4"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".MP4"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".mpg"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".MPG"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".mpeg"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".MPEG"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}


a[href$=".rm"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}

a[href$=".RM"] { 
	padding-left: 21px; 
	background: url(../img/site/video.gif) top left no-repeat; 
}




a[href$=".vcf"] { 
	padding-left: 19px; 
	background: url(../img/site/vcard.gif) left no-repeat; 
}

a[href$=".VCF"] { 
	padding-left: 19px; 
	background: url(../img/site/vcard.gif) left no-repeat; 
}


a[href$=".ppt"] { 
	padding-left: 19px; 
	background: url(../img/site/ppt.gif) left no-repeat; 
}

a[href$=".PPT"] { 
	padding-left: 19px; 
	background: url(../img/site/ppt.gif) left no-repeat; 
}



#mainContent a[href^="mailto"] { 
	padding-left: 18px; 
	background: url(../img/site/email.gif) left no-repeat; 
}

#mainContent a[href^="MAILTO"] { 
	padding-left: 18px; 
	background: url(../img/site/email.gif) left no-repeat; 
}


#pageFooter a[href^="mailto"] { 
	padding-left: 0px; 
	background: none; 
}

#pageFooter a[href^="MAILTO"] { 
	padding-left: 0px; 
	background: none; 
}

.vcard {padding: 0 4px; font-size: .8em;}

caption {text-align: left; margin: 1em 0 0 0; padding: 0; font-weight: bold;}

#pageContainer #mainContent .contentbox h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.6em; padding: .2em; margin: 0em .3em; border-bottom: 0px solid #E8E8E9;}

#pageContainer #mainContent .contentbox h3 {margin: 0; padding: 0;}
#pageContainer #mainContent .contentbox  {paddging: .5em;} 


a.fr {background: url(../img/site/flickr.gif) left no-repeat;}
a.fb {background: url(../img/site/facebook.gif) left no-repeat;}
a.twt {background: url(../img/site/twitter.gif) left no-repeat;}
a.yt {background: url(../img/site/youtube.png) left no-repeat;}
a.fb {background: url(../img/site/facebook.png) left no-repeat;}


/*** Tabs ***/


#tabs {
	height: 1.7em;
	margin-left: 10px;
	cursor: pointer;
	margin-left: 0;
	font-size: .9em;
	font-weight: normal;
}

#mainContent #tabs .unselected a {
	text-decoration: none;
	background: #E2E3E4; 
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #eee;
	padding: 5px 4px 2px 4px; 
	margin: 0 2px 0 0;
	color: #003a67; 
	float: left;
}

#mainContent #tabs .unselected a:hover {background: #BDBDBD; color: #fff;}
#mainContent #tabs .selected a:hover {background: #D9EFF3; color: #003a67; }

#mainContent #tabs .selected a {
	text-decoration: none;
	background: #D9EFF3; 
	padding: 5px 4px 2px 4px; 
	color: #003a67; 
	margin: 0 2px 0 0;
	float: left;
}

.tabContent {	
	border:  1px solid #eee; 
	background: #fff url(../img/site/bluefade.gif) top left repeat-x;
	padding: .3em;
	font-size: .9em;
	margin: 0;
	cursor: pointer;
	color: #333;
}

#pageContainer #mainContent .tabContent ul li a {
	color: #003a67;
	cursor: pointer;
}	

#pageContainer #mainContent .tabContent ul li a:hover {background-color: #fff; color: #DB7834;}

.tabContent img {border: 1px solid #ddd; padding: .2em; margin: .2em;}
#mainContent .tabContent h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #003a67; padding: 0;}

#mainContent img {border: 1px solid #ccc; padding: .3em; margin: .5em; background-color: #fff;}
#mainContent #pageContainer .initiatives.getfit #mainContent img {border: 0px solid #ccc; padding: .3em; margin: .4em; background-color: #fff;}

#mainContent .dashboard img {border: none; background-color: none;}
#mainContent .dashboard h1 {letter-spacing: .2em;}

#sliver {-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}

#sliver img {float: left;}


.quickJump ul li{ margin: 0px; padding: 0px;}

a[href$=".pdf"], a[href$=".PDF"] { 
	background: url(../img/site/pdf.gif) center left no-repeat; 
	padding: 4px 0 4px 19px;
}

#pageContainer #mainContent .lightblueContent img {border: 1px solid #eee; padding: .4em; margin: .4em; background-color:#fff; max-width: 98%;}

/*  
#pageContainer #mainContent table {margin-top: 1em; width: 100%; max-width:100%; background-color:#fff; }
#pageContainer #mainContent table tr td {border: 1px solid #ccc; vertical-align:text-top;}
#pageContainer #mainContent table tr th {border: 1px solid #ccc; background-color: #CCCCCC; color:#222;}
#pageContainer #mainContent table tr td p {padding: 0;}
#pageContainer #mainContent table tr.even td {background-color: #eee;}
*/




.bigbutton {margin: 2em .5em; background: url(../img/backgrounds/gloss.png) center left repeat-x;}

#pageContainer #mainContent .bigbutton a {border: 1px solid #ccc; margin-bottom:1em; background-color: #3F8FB5; padding: 1em; color: #fff; font-weight:bold; text-decoration: none;}
#pageContainer #mainContent .bigbutton a:hover {border: 1px solid #ccc; background-color: #194b80; color: #fff; padding: 1em;}


#pageContainer #topNav, #pageContainer #topNav a {color: #fff;}


/** Headline slider ***/

.sliderboxNav {
	position: absolute;
	right: 10px;
	top: 14px;
	z-index: 5;
	
}

#mainContent .sliderboxNav a{
	font-weight: bold; 
	text-decoration: none; 
	backgrond-color: #ccc;
	background-color: rgba(0,0,0,.5); 
	padding: .1em .3em 0 .3em; color: #fff; 	
	font-size: 1.3em;
	
}


*+html #mainContent .sliderboxNav a{padding: .3em .5em; }
* html #mainContent .sliderboxNav a{padding: 0em .5em; }
	
#mainContent .sliderboxNav a:hover {background-color: rgba(0,0,0,.2)}

.sliderboxNav div.sliderboxNavMain{
	float:right;
	
}

.sliderboxNav div.progress_box{
	float:right;
	margin-right: 10px;	
}

.sliderboxNav div.progress_box div {
	float:right;
	background-color: rgba(0,0,0,.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: bottom;
	padding-top: .2em;
}


*+html .sliderboxNav div.progress_box div {background: url(../img/site/ie7progress.png) top right no-repeat; }
* html .sliderboxNav div.progress_box div {background-color: #194b80;}


#mainContent .sliderboxNav a.next {-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }

#mainContent .sliderboxNav a.prev {-moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}




#mainContent .sliderboxNav div.sliderboxNavMain a.active_icon {
	font-weight:bold;
	color: #8CCADF;
	vertical-align: bottom;
	background-color: rgba(0,0,0,.8);
}

#new_slide {background: #003a67 url(../img/site/banner.jpg) top left no-repeat; -moz-box-shadow: 2px 2px .7em #bbb;
	-webkit-box-shadow: 2px 2px .5em #bbb;}

#mainContent ul li.headline {height: 290px; margin: 0; padding: 0;  }

#mainContent ul li.headline h3 {position: relative; top: 44px; left: 40px; color: #def; font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; margin-right: 330px; }
#mainContent ul li.headline h3.selected {color: #fff;}


#mainContent ul li.headline p {color: #fff; display:block; font-size: 12px; font-family: helvetica, arial, sans-serif; margin: 0px 170px 0px 37px;] }
#mainContent ul li.headline p.first {padding: 54px 0px 1em 2px; font-weight: bold;}
#mainContent ul li.headline ul li {list-style-type: none; list-style-image: none; padding: 0px 170px 0px 40px; color: #fff;}


/*** Headline Images ***/
#mainContent ul li.headline ul {margin: 0; padding: 0;}
#pageContainer #mainContent ul li.headline {float: left; width: 100%;  margin: 0; padding: 0;}

*+html #mainContent ul li.headline p.first {width: 300px;  position: relative; top: 4px; }
* html #mainContent ul li.headline p {padding: 1em 0;}

#mainContent ul li.headline p {width: 400px; padding: .6em 0 0 0;}

#mainContent ul li.headline a {font-weight: bold; color: #fff;}

.subscribe {margin: .5em;}
#mainContent .subscribe h4 {padding: 0;}

#new_slide {width: 100%; margin: 1em auto 0 auto; padding: 0; }

	
.videoplayer {float: right; width: 300px; margin: 50px 0 0 0; padding:0; }

#mainContent .topnews .email {background: url(../img/site/icons/email.gif) top left no-repeat; padding-left: 20px;}
#mainContent .topnews .twitter {background: url(../img/site/icons/twitter.png) top left no-repeat; padding-left: 20px;}
#mainContent .topnews .facebook {background: url(../img/site/icons/facebook.png) top left no-repeat; padding-left: 20px;}
#mainContent .topnews .rss {background: url(../img/site/icons/feed.png) top left no-repeat; padding-left: 20px;}

#pageContainer dt a{font-weight: bold;}


/*** Video Ratios - A List Apart ***/

#containingBlock {width: 100%;margin: 1em auto;padding: 0;}
.videoWrapper {position: relative; height: 0;}
.videoWrapper div,
.videoWrapper embed, 
.videoWrapper object {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.wideScreen {padding-bottom: 56.25%;}
.fourBYthree {padding-bottom: 75%;}
.chrome_25 {padding-top: 25px;}
.chrome_35 {padding-top: 35px;}



.sliderfeature {float: right; padding: 44px 15px 0 0; width: 310px;}
#mainContent .sliderfeature img {text-align: right; float: right; border: 3px solid #ccc;}
blockquote {float: right; background: #eee; border: 2px solid #ccc; width: 35%; padding: .5em; margin: 0em 1em 1em 2em;}



#mainContent img.noborder {border: none;}



#mainNav a:hover {
	color: #def;
	color: rgba(153,217,232,.85);
}


/*** 37. Video Ratios - A List Apart ***/

#containingBlock {width: 100%;margin: 1em auto ;padding: 0;}
.videoWrapper {position: relative; height: 0;}
.videoWrapper div,.videoWrapper embed, .videoWrapper object {position: absolute; width: 100%; height: 100%; left: 0;top: 0;}
.wideScreen {padding-bottom: 56.25%;}
.fourBYthree {padding-bottom: 100%;}
.chrome_25 {padding-top: 25px;}
.chrome_35 {padding-top: 35px;}

/*** 2. Clearing Floats - Dan Cederholm ***/

.group:after, #mainContent:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.groupleft:after {
	content: ".";
	display: block;
	height: 0;
	clear:left;
	visibility: hidden;
}

.groupright:after {
	content: ".";
	display: block;
	height: 0;
	clear:right;
	visibility: hidden;
}


/*** Idea Button ***/

a.ideabutton {
	background: #F26522 url(../img/site/ideabutton.gif) top left repeat-x;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .15em;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	display: block;
	padding: 1.2em 0;
	text-decoration: none;
	margin-top: .6em;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px .7em #bbb;
	-webkit-box-shadow: 2px 2px .5em #bbb;
	border: 1px solid #FBB040;
}

a.ideabutton:hover {
	color: rgba(0,22,0,.85);
	background: #F26522 url(../img/site/ideabuttonhover.gif) top left repeat-x;
}

.ideabox {font-size: 1em; font-weight: normal;  color: #222; padding: .5em 0 0 0; color: #003a67; margin: .5em .3em 0em .5em; float: right; width: 30%; }
.ideabox p {padding: 0; font-size: .9em;}
.ideabox p a {color: #333;}
.ideabox p a:hover {color: #333;}
#pageContainer #mainContent .ideabox h3 {margin-top: 1em; color: #444; }

#pageContainer #mainContent a {
-webkit-transition-property: color; 
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: linear;
}

.tweets {float: left; width: 65%; 
	background: #BBDFF1;
	background: rgba(95,176,218,.25); 
	margin: 1em 0; 	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}

#pageContainer #mainContent .tweets .rssheadline a {font-weight: normal; padding-left: 1em;}
#pageContainer #mainContent .tweets .rsspubdate {padding-left: 1em; padding-bottom: .3em;}

#pageContainer #mainContent .tweets h2 {
	background: url(../img/content/tweet.gif) center left no-repeat;
	border-bottom: none; padding: .5em; 
	color: #003a67; 
	font-family: Georgia, 'Times New Roman', serif; 
	font-size: 1.2em; 
	padding-left: 28px;

}
#topNav .socialicons {float: left;}
#topNav .socialicons a {padding: 0 .25em;}



#mainContent ul {margin: 0; padding: 0 0 0 5px;}
#mainContent ul.medialist li {
	list-style-type: none;
	float: left;
	list-style-image: none;
	padding: 0;
	margin: 0 3px 0 0;
	line-height: 2.2em;
}

#mainContent ul.medialist li a {text-decoration: none; color: #333; padding: 4px 4px 4px 19px;}
#mainContent ul.medialist li a:hover {text-decoration: none;}

#mainContent ul.medialist li a.twitter {background: #fff url(../img/site/icons/twitter_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.twitter:hover {color: #194b80; background: #fff url(../img/site/icons/twitter.png) center left no-repeat;}
#mainContent ul.medialist li a.youtube {background: #fff url(../img/site/icons/youtube_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.youtube:hover {color: #194b80; background: #fff url(../img/site/icons/youtube.png) center left no-repeat;}
#mainContent ul.medialist li a.facebook {background: #fff url(../img/site/icons/facebook_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.facebook:hover {color: #194b80; background: #fff url(../img/site/icons/facebook.png) center left no-repeat;}
#mainContent ul.medialist li a.flickr {background: #fff url(../img/site/icons/flickr_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.flickr:hover {color: #194b80; background: #fff url(../img/site/icons/flickr.png) center left no-repeat;}
#mainContent ul.medialist li a.wordpress {background:  #fff url(../img/site/icons/wordpress_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.wordpress:hover {color: #194b80; background:  #fff url(../img/site/icons/wordpress.png) center left no-repeat;}
#mainContent ul.medialist li a.rss {background:  #fff url(../img/site/icons/feed_gray.png) center left no-repeat;}
#mainContent ul.medialist li a.rss:hover, #mainContent a.feed:hover  {color: #194b80; background:  #fff url(../img/site/icons/feed.png) center left no-repeat;}

object, iframe {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 3px solid #eee;}

#mainContent .expandcontent ul {margin: 1em 1.8em;}

#mainContent a.vault {
	background: #eee url(../img/content/vault.gif) center left no-repeat; 
	padding: 13px 5px 13px 38px;  
	border: 1px solid #ddd;
	border-radius: 3px; 
	font-weight: bold;
	color: #333;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	text-decoration: none;
	-moz-box-shadow: 2px 2px .3em #ccc;
	-webkit-box-shadow: 2px 2px .3em #ccc;
	margin: .6em 0;
}

#mainContent a.vault:hover {background: #ddd url(../img/content/vault.gif) center left no-repeat;} 

#pageFooter dd a.email {background: none; padding: 0;}



/*** Media Page ***/

#pageContainer.media #bulletlist ul li a {line-height: 1.8em; font-size: .9em;}

#pageContainer.media #mainContent ul li em {margin-top:.6em; padding-left: 20px; color: #555;}
#pageContainer.media #mainContent ul li span {color: #777;}

#mainContent img.noborder {border: none; padding: 0; background: none;}

#rightRail .sidebarContent em.tweet {display: block; padding-left: 20px; padding-bottom: 6px; background: url(../img/site/tweet_rightrail.gif) top left no-repeat;}

#rightRail .sidebarContent em.wordpress {display: block; padding-left: 20px; padding-bottom: 6px; background: url(../img/site/wordpress_rightrail.gif) top left no-repeat;}

#rightRail .sidebarContent em.podcasts {display: block; padding-left: 20px; padding-bottom: 6px; background: url(../img/site/podcast_rightrail.gif) top left no-repeat;}

#pageContainer.media #mainContent h2 {border-bottom: none; font-family: Georgia, 'Times New Roman', serif; color: #003a67; font-size: 2.2em; padding: .4em 0; margin: 0;}


#mainContent span.amp { 
	 font-family: Baskerville, Palatino, "Book Antiqua", serif;
  	 font-style: italic;
  	 font-weight: normal;
  	 color: #003a78;
  	 color: rgba(25,75,128,.75);
}


#pageContainer #mainContent .lightblueContent a.feed acronym {
	background:  url(../img/site/icons/feed_gray.png) center left no-repeat; 
	float: right; padding:  5px 5px 5px 20px; 
	text-align: right;
	display: block; 
	position: relative; top: -2.5em;
	text-decoration: none;
	color: #333;
}

#mainContent .lightblueContent a.feed acronym:hover {
	background:  url(../img/site/icons/feed.png) center left no-repeat; 
	color: #f70;
}


#pageContainer.media #rightRail ul.medialist {margin: 0; padding: 0;}

#pageContainer.media #rightRail ul.medialist li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #eee;
	display: block;
}



#pageContainer.media #rightRail ul.medialist li a {color: #333; font-size: 1.1em; text-decoration: none; padding: .5em 0 .5em 34px; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pageContainer.media #rightRail ul.medialist li a:hover {color: #fff;}

#pageContainer.media #rightRail ul.medialist li a.twitter {background: url(../img/site/social/twitter_off.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.twitter:hover {background: url(../img/site/social/twitter_on.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.youtube {background: url(../img/site/social/youtube_off.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.youtube:hover {background: url(../img/site/social/youtube_on.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.facebook {background: url(../img/site/social/facebook_off.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.facebook:hover {background: url(../img/site/social/facebook_on.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.flickr {background: url(../img/site/social/flickr_off.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.flickr:hover {background: url(../img/site/social/flickr_on.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.wordpress {background: url(../img/site/social/wordpress_off.gif) top left no-repeat; margin-bottom: 5px;}
#pageContainer.media #rightRail ul.medialist li a.wordpress:hover {background: url(../img/site/social/wordpress_on.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.rss {background: url(../img/site/social/rss_off.gif) top left no-repeat;}
#pageContainer.media #rightRail ul.medialist li a.rss:hover {background: url(../img/site/social/rss_on.gif) top left no-repeat;}

 {font-size: 4em;}

a.feedback {
	background: #2190B6 url(../img/site/feedback.gif) left no-repeat; 
	text-transform: uppercase;
	letter-spacing: .15em;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	display: block;
	padding: .9em 0;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

a.feedback:hover {color: #def;}


a {
-webkit-transition-property: color; 
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: linear;
}

a {
-webkit-transition-property: background-color; 
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: linear;
}

a {
-webkit-transition-property: background; 
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: linear;
}

#mainNav a, #rightRail a, #mainContent a {
-webkit-transition-property: color; 
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: linear;
}


#pageContainer.home .sidebarContent {margin-top: -2em;}

* html .sidebarContent h1{margin-top: 1em;}

#mainContent img[alt^="PDF Document"] { 
	display: none;
}