@charset "utf-8";
/* CSS Document */
/* Optimized for 1024 x 768. No width should exceed 960px.*/


/* ------------- BASIC HTML ELEMENTS ------------- */

body {
	margin: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;	
	background: #FFF url("../images/bg-body.png") repeat-x;
	/*background: #e4e4e4;*/
	/*background: #406490;*/} 

p {
	margin-bottom: 1.2em;}

img {border: none;}

hr {color: #BCBCBC;}

h1,h2,h3,h4,h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em 0;
	color: #444;
	}

h1 {font-size: 1.4em;}

h2 {font-size: 1.3em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}

h5 {font-size: 1em;}

h2.office {
	background: #DADADA; 
	color: #333;
	text-indent: 5px; 
	margin-bottom: 20px; 
	padding: 5px;
	}

h3.office {
	background-color: #EBEBEB;
	text-align: left; 
	text-indent: 8px;
	font-size: 1em;
	padding: 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	}

/*h3.contact {
	background-color: #EBEBEB;
	text-align: left; 
	text-indent: 8px;
	font-size: 1em;
	padding: 8px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 12px 0 20px 0;
	}
*/
a {
	color: #004080; 
	text-decoration: none;
	}

a:hover {
	color: #004080; 
	text-decoration: underline;
	}

/* ------------- TABLES ------------- */

table { 
	border-collapse: collapse;
	margin: 1em 0;
	}
	
thead {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #598527;
	}

thead th {
	background: #DBDBDB;
	}

td, th   {
	padding: 7px;
	text-align: left;
	}	
	
th   {}		

/* ------------- FORMS ------------- */


input, textarea, select {
	color: #333;
	font-size: 1em;		
	border: 1px solid silver;
	background: #FFF;
	text-indent: 3px;
	padding: 3px;	
	/*width: 335px;*/
	margin: 5px;	
	}
	
textarea {
	width: 600px;
	height: 300px;	
	overflow: auto;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
select {text-indent: 0;}

label {	
	float: left;
	margin-right: 15px;
	/*width: 250px;*/
	padding-top: 5px;
	font-size: 1em;
	white-space: nowrap; 
	text-align: right;
	clear: both;
}	

input.search-button {
	width: 54px;
	height: 22px;
	border: none;
	}
	
input.search-button:focus {
	border: none;
	background-color: white;
	}
	
input.checkbox {
	width:50px; 
	border:none; 
	margin-top: 5px;
	}
	
textarea:focus, input:focus {
	border: 1px solid #888;
	background-color: #FFFFE1;
	}	

/* ------------- STYLE CLASSES ------------- */

.display_none  {
	display: none;
	}

.notes  {
	color:#999;
	font-size: .9em;
	}

.border-bottom {
	border-bottom: 1px solid #D2D2D2;
	}

.h-style1 {
	background: #DADADA; 
	color: #333;
	text-indent:5px; 
	margin-bottom: 20px; 
	padding: 5px;
	}
	
.small {
	font-size: .8em;
	}	
	
.noscript {
	text-align:center;
	padding: 3px;
	background-color:#FFC;
	font-size: .9em;
	}
	
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.office-left {	
	float: left;
	width: 350px;
	/*width: 210px; -- use if using left menu */
	text-align: left;
	margin: 15px 10px;
	clear: both;
	vertical-align: top;
}

.office-right {		
	float: right;
	width: auto;
	margin: 15px 5px 15px 0;
	vertical-align: top;
}

/* Links to display reports by years */
.datenav {
	font-size: .85em;
	color: #AAA;	
	margin: 0;
	padding: 0 0 10px 0;
	}
.datenav p {
	color: #666;
	}
.datenav a {
	color: #666;
	}
.datenav a:hover {
	color: #004080;
	}	

/*.boxlink a:link {	
	display: inline-block;
	color: white;	
	background-color: #999;
	padding: 2px 6px;
	font-weight: bold;
	font-size: 1em;
	}		*/

.see-more-button {	
	margin: 10px 0 20px 0;
}

.see-more-button a {
	display: inline-block;
	background: url("../images/see-more-arrow.png") no-repeat 96% center #999999;	 
	padding: 1px 21px 2px 9px;
	font-weight: bold;
	font-size: .75em;
	color: #fff;	
	}

.see-more-button a:hover {
	text-decoration: none;
	background-color: #888;
	}

/*adjustments for sidebar*/	
.content-right .see-more-button, .content-right .see-more-button a, .content-right .see-more-button a:hover {	
	font-size: .9em;
	color: #fff;
	margin: 5px 0 0 0;
/*	letter-spacing: .1em;*/
	}	


/* ------------- HEADER ------------- */

.top-wrapper {
	background-color: #031A38;
	margin: 0;}

.top {
	width: 939px;
	padding: 2px 25px;
	background-color:#031A38;
	color:#CCC;
	margin:auto;
	text-align:right;
	}

.header-wrapper {
	background: #0e3a6e url("../images/bg-header.png") repeat-x;
	margin: 0;
	}
	
.header {
	width: 939px;		
	height: 115px;
	/*padding: 0 25px;*/
	padding: 0;
	margin: auto;
	color: #FFF;
	background: #0e3a6e url("../images/bg-header.png") repeat-x;
	position: relative;
	z-index: 100;
	}

.header-links {
	color: #838383;
	font-size: .8em;
	text-align: right;
	position: absolute;	
	top: 6px;	
	right: 6px;
	}

.header-links a {	
	color: #99A9C1;
	}

.header-links a:hover {
	color: #8296b4;
	}
	
#searchbox {
	width: 235px;
	position: absolute;
	top: 58px;
	right: -4px;		
	}
	
#searchbox input {
	font-size: 1em;
	padding: 0;	
	margin: 0;
	}	
	
#searchbox input.terms {
	color: #999; 
	background: #DBDBDB; 
	border: 1px solid #777; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;  	
	width: 170px;
	height: 20px;
	text-indent: 5px;	
	position: absolute;
	top: 0;
	left: 0;	
/*	filter:alpha(opacity=10);
	-moz-opacity:0.07;
	-khtml-opacity: 0.07;
	opacity: 0.07;	*/
	}	
	
#searchbox input.terms:focus {
	background: #FFFFE1;
	color: #222;	
/*	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;*/
	}
	
#searchbox input.button {
	position: absolute;
	top: 0;
	left: 172px;	
	border: none;
	background: none;
	}			

/* link under search input */
.advanced {
	position: absolute;
	top: 25px;
	left: 7px;
	}

.advanced a { 
	color: #6F86A8;
	font-size: .8em;	
	}
	
.advanced a:hover {
	color: #6F86A8;
	font-size: .8em;
	}

.subhead-wrapper {
	/*background-color:#F0F0F0;*/
	margin: 0;
	/*border-top: 1px solid #D4D4D4;*/
	border-top: 1px solid #d1cfcf;
	float: left;
	width: 100%;
	}

.subhead {
	width: 930px;
	padding: 7px 0;
	color: #333;
	margin: auto;
	height: 19px;
	/*background-color:#F0F0F0;*/}

.breadcrumb {
	float: left;
	/*width: 800px;	*/
	/*padding: 0 4px;*/
	padding: 0 1em;
	/*padding: 0 1.1em;*/
	font-size: .9em;
	color: #666;
	}
	
	
/* ------------- MAIN CONTENT AREA ------------- */	
	
.content-wrapper {
	width: 939px;
	/*padding: 15px 25px 25px 25px;*/	
	margin: auto;
	}

.content-fullpage {
	width: 885px;
	margin: 0 0 25px 0;
	background: #FFF;
	padding: 25px 25px 10px 25px; 
	clear: both;
	}

.content-left {
	width: 626px;
	float: left; 
	background: #FFF;	
	padding: 25px 25px 10px 25px;	
	margin: 0 0 25px 0;
	border: 2px solid #FFF;
/*	border: 2px solid #F7F7F7;*/
/*	min-height: 510px;*/
	}

.content-left-bottom {
	width: 626px;
	background: red;	
	padding: 0;	
	margin: 5px 0 25px 0;
	}

.content-bottom {
	width: 893px;
	clear: both;
	padding: 0 25px 25px 25px;	
	margin: 0 0 25px 0;
	}

.pg-title {
	/*background: #EEE #e4e4e4; */
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*background: #dbdbdb; #eff3f7 #0e3a6e*/
	/*color: #FFF;*/	
	/*
	background: #e9e9e9;		
	color: #444;
	font-size: 1.5em;
	padding: 4px 8px 4px 10px; 
	letter-spacing:.2px; 
	margin: -.2em 0 1em 0;
	*/	
	font-size: 1.6em;
	padding: 0 0 12px 0; 
	letter-spacing:.2px; 	
	margin: -.2em 0 1.3em 0;
	color: #444;
	border-bottom: 1px solid #BCBCBC;
	}

/*
.pg-title-test {
	width: 885px;
	float: left; 
	margin: 0 0 15px 0;
	background: #0e3a6e;
	padding: 10px 25px 10px 25px; 
	clear: both;
	}	
.pg-title-test h2 {	
	font-size: 1.5em;		
	color: #FFF;
	letter-spacing:.2px;
	padding: 0;
	margin: 0;
}
*/

/* Email Updates Individual Pages */
#email-updates-single {
	background: url("../images/email-updates-single-bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 31px;
    width: 31px;
	/*margin: 2px 10px 0 10px;*/
	float: right;
	}
	
#email-updates-single:hover {
	background-position: 0 -31px;
	}
	
#email-updates-single span {
    display: none;
	}
	
.date {
	font-size: .8em; 
	color: #666; 
	margin: 0 0 -10px 0;
	}

.lastupdate {
	color: #999999;
	font-style: italic;
	font-size: .9em;
	padding: 3px 3px 3px 0;
	margin-top: 30px;
	border-top: 1px solid #BCBCBC;
	text-align: right;
}

/* buttons on hotline page */
.highlight {
/*	width: 190px;*/ 
	text-align:center;
	}

.highlight a {
	border: 3px double #CECECE; 
	color: #333; 
	background-color: #F4F0CC; 
	display:block; 
	padding:3px; 
	text-decoration: none;
	}

.highlight a:hover {
	border: 3px double #B5B5B5; 
	color: black; 
	background-color: #eace46; 
	text-decoration: none;
	}

.highlight .button:hover {
	border: 3px double #B5B5B5; 
	color: black; 
	background-color: #eace46; 
	text-decoration: none;
	}


/* ------------- RIGHT SIDE BAR ------------- */	

.content-right {
	width: 235px; 
	margin: 0 0 15px 20px;
/*	margin-left: 20px;
	margin-bottom: 15px;*/
	float: left; 	
	padding: 0; 
	color: #555;	
	/*font-size: .9em;*/
	font-size: .8em;
	line-height: 1.4em;		
	}

.content-right h2 {
	font-size: 1.3em;
	text-transform: uppercase; 
	letter-spacing: .5px;
	/*border-bottom: 1px solid #CCC;*/
	/*margin: .3em 0 1.2em 0; */	
	/*margin: 0 0 1.2em 0; */
	/*margin: -10px -10px 1.2em -10px;*/	
	/*padding: 6px 0 4px 0;*/
	margin: -12px -12px 1.2em -12px;
    padding: 7px 0;
	text-align: center;
	/*background: light to dark - #E9E9E9 #e5e5e5 #dbdbdb #c9c9c9 #bfbfbf #a5a5a5;*/
	background: #cacaca;
	/*color: #a6824b #555; */
	color: #555;
	/*color: #FFF;
	text-shadow: 0.1em 0.1em 0.1em #7a7a7a;*/	
	}	

.content-right h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666;
	padding-bottom: .5em;
	}

.content-right h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	padding-bottom: .5em;
	}

.content-right a  {
	color: #666; 
	text-decoration: none;
	} 

.content-right a:hover {
	color: #004080;
	}

.content-right a.highlight	  {
	color: #004080; 
	text-decoration: none;
	} 

.content-right a.highlight:hover {
	color: #004080;	
	text-decoration: underline;
	}
	
.content-right .date  {
	color: #777;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 -8px 0;
	}

.content-right p  {
	margin: 1em 0;
	}	
	
.box {
	border: 2px solid #FFF;
	/*border: 2px solid #E0E0E0;*/
	padding: 12px; 
	margin-bottom: 18px;
	background: #FFF;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}

.box ol {
	margin-left: -20px;
	}
	
.box2 {
	border: double #CCC;
	padding: 12px; 
	margin-bottom: 18px;
	background: #F7F7F7;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}	
	
.box3 {
	border: 1px solid #DADADA;
	padding: 12px; 
	margin-bottom: 18px;
	background: #F7F7F7;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}	
	
.box4 {	
	/*background: #d0ddea;*/
	background: #e4ecf3;
	color: #333;
	border: 2px solid #FFF;
	padding: 12px; 
	margin-bottom: 18px;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}		

.box4 h2 {
	/*background: #e8f0f7;*/
	background: #FFF;
	color: #333;
	border: none;	
	padding: 6px 0;
	}	

.ellipsis p {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

.ellipsis p:hover
{
	white-space: normal;
	overflow: visible;
	text-overflow: inherit;	
}

.imagebox {
	border: 2px solid #FFF;
	padding: 0; 
	margin-bottom: 18px;
	background: #bfbfbf;	
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}

.tight {
	/*margin-top: -17px;*/
	margin-top: -13px;
	/*border-top: 1px solid #FFF;*/
	}	
	
.imagebox2 {
	border: double #CCC;
	padding: 0; 
	margin-bottom: 18px;
	background: #F7F7F7;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}
	
/* Hotline Box */
#hotlinebox {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/hotline.png") no-repeat 0 -57px;
	}
#hotlinebox:hover {
	background-position: 0 0px;
	}
#hotlinebox span {
	display: none;
	}
	
/* Whistleblower Box */
#whistleblowerbox {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/whistleblower.png") no-repeat 0 -57px;
	}
#whistleblowerbox:hover {
	background-position: 0 0px;
	}
#whistleblowerbox span {
	display: none;
	}	
	
/* Plain blue button for sidebar - text to be overlayed */
#side-button-blue {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/btn_sidebar_blue.png") no-repeat 0 -57px;
	text-align: center;
	}
#side-button-blue:hover {
	background-position: 0 0px;
	}
#side-button-blue span {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;	
	letter-spacing: .5px;
	line-height: 1.3em;
	position: relative;
	top: 11px;
	font-weight: bold;
	/*color: #555;*/
	color: #deeef7;	
	text-shadow: 0.1em 0.1em 0.1em #262626;
	}	

/* Plain gray button for sidebar - text to be overlayed */
#side-button-gray {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/btn_sidebar_gray.png") no-repeat 0 -57px;
	text-align: center;
	}
		
#side-button-gray:hover {
	background-position: 0 0px;
	}
	
#side-button-gray span {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;	
	letter-spacing: .5px;
	line-height: 1.3em;
	position: relative;
	top: 11px;
	font-weight: bold;
	/*color: #555;*/
	color: #FFF;
	text-shadow: 0.1em 0.1em 0.1em #7a7a7a;
	}	

/*.connected-icon-left {
	float: left;
	margin-right: 10px;
	}
.connected-icon-left img {
	width: 28px;
	}
.connected-text-right {
	padding-top: 7px;
	height: 14px;
	}*/
	
	
/* Email Updates */
#email-updates {
	background: url("../images/social-email-updates.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#email-updates:hover {
	background-position: 0 -25px;
	}
#email-updates span {
    display: none;
	}
	
/* Facebook */
#facebook {
	background: url("../images/social-facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#facebook:hover {
	background-position: 0 -25px;
	}
#facebook span {
    display: none;
	}	
	
/* Twitter */
#twitter {
	background: url("../images/social-twitter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#twitter:hover {
	background-position: 0 -25px;
	}
#twitter span {
    display: none;
	}		

/* Menu */
.menu, .menu ul {
	color:#FFFFFF; 
	list-style:none;
	padding: 0;
	margin: 0;}	
	
.menu li {}		

.menu a:link  {
	display:block; 
	width: auto; 
	text-decoration: none;
	padding: 4px;} 

.menu a:hover {
	background-color: #0e3a6e;
	color:#FFF;}
	

/* ------------- FOOTER ------------- */	

.footer-wrapper {
	/*background: #FFF url("../images/bg-footer.png") top repeat-x;
	margin: 0;
	clear:both;
	border-top: 1px solid #C1C1C1;
	*/
	background: #DBDBDB;
	/*background: #d5e5ef;*/
	margin: 0;
	clear: both;	
	border-top: 1px solid #C8C8C8;
	}

.footer {
	/*background: #FFF url("../images/bg-footer.png") top repeat-x;*/
	background: #DBDBDB;
	/*background: #d5e5ef;*/
	width: 943px; /*line text with edge of white*/	
	/*width: 890px;*/ /*line text with edge of main text*/	
	margin: auto;
	/*padding: 0 25px;*/
	padding: 0;
	color:#FFF;	
	font-size: 7.5pt;
	line-height: 1.5em;
	}

.footer a {
	color: #555;
	text-decoration: none;
	} 

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

.footer ul {
	margin: 10px 15px 10px 0;
	padding: 10px 0;
	float: left; 
	width: 160px;
	/*width: 218px;*/ /* If using 3 columns rather than 4*/
	}

.footer li {
	list-style: none; 
	padding-bottom: .6em;
	}	

.footer .rgt-block {
	float: left; 
	width: 209px; 
	background: #E5E5E5;
	/*
	background: #e6f0f7;
	border: 2px solid #EEE;
	*/	
	border: 1px solid #D7D7D7;
	margin: 20px 0;
	padding: 12px;	
	color: #555;
	line-height: 1.6em;
	-moz-box-shadow: 4px 4px 8px #ccc;
    -webkit-box-shadow: 4px 4px 8px #ccc;
    box-shadow: 4px 4px 8px #ccc;
	}

.footer .rgt-block a {
	color: #004080;
	text-decoration: none;
	line-height: 1.7em;
	} 

.footer .rgt-block a:hover {
	color: #004080;
	text-decoration: underline;} 

.footer .rgt-block ul { /*cancels out styles from left blocks*/
	margin: 0;
	padding: 0;
	float: none; 
	width: auto; 
	background: none;	
	}	

.footer .rgt-block2 {
	float: left; 
	width: 231px; 
	margin: 20px 0 0 0;
	padding: 0;	
	}

.footer h1 {
	font-family: Verdana; 
	font-size: 1.2em; 	
	margin-bottom: .3em;
	color: #666;
	}

.footer h1.active {
	margin: 1em auto 0 auto;	
	line-height: 1em;
	}
	
.footer h1.active a {
	/*color: #555;*/
	}	

.footer .rgt-block h1 {	
	color: #888;
	margin-bottom: .5em;
	margin-top: 0;	
	line-height: 1.6em;
	}	

.subfooter {
	padding: 15px 25px 15px 25px;
	text-align: center;
	margin: auto;
	font-size: .8em; 
	color: #666;
	border-top: 1px solid #858585;
	/*background: #999 url("../images/gradient-border.png") top no-repeat;*/
	/*background: #999;*/
	background: #0b2e60;
	clear:both;
	}

.subfooter  a {
	color: #F5F5F5;} 

.subfooter  a:hover {
	color: #F5F5F5;} 


/* ------------- SWITCH VIEWS (see About and Home) ------------- */

#grayBar {
	background-color:#d7d7d7; 
	height:24px; 
	width:100%;
	font-size: .85em;
	margin: 10px 0;
	}
#offices {
	float: right; 
	padding: 5px 10px 0 10px; 
	}
	
#switchView {
	float: left; 
	padding: 5px 15px 0 10px;
	font-weight: bold;}
	
#switchViewMenu {
	padding: 0;
	margin: 0;
	}
#switchViewMenu ul {
	margin: 0; 
	padding: 0; 
	position:relative; 
	display: inline; 
	overflow: hidden;
	}
#switchViewMenu li  {
	background-color: #d7d7d7;
	float: left;
	display: inline;
	list-style: none;	
	margin: 0;
	height: 24px;
	width: auto;
	overflow:hidden;
	}
#switchViewMenu li a {
	display: block;
	margin:0;
	padding: 5px 20px 0px 25px;
	text-decoration: none;
	height: 19px;
	}
#switchViewMenu li a:hover {
	text-decoration: underline;
	}
#switchList a {
	background: url("/oig/about/images/switchList_icon.png") no-repeat top left;
	}
#switchList a:hover {
	background: url("/oig/about/images/switchList_icon.png") no-repeat bottom left;
	}
#switchOrg a {
	background: url("/oig/about/images/switchOrg_icon.png") no-repeat top left;
	}
#switchOrg a:hover {
	background: url("/oig/about/images/switchOrg_icon.png") no-repeat bottom left;
	}

/* HOME PAGE */

.view-toggle-wrapper {
	background-color: #e9e9e9; 
	height: 27px; 
	width: 100%;
	border-bottom: 1px solid #CCC;
	/*width: 626px; */
	margin: 0;
	}

ul.view-toggle {	
	margin: 0;
	padding: 0; 
	display: inline; 
	overflow: hidden;
	}
.view-toggle li  {
	float: left;
	display: inline;
	list-style: none;	
	margin-bottom: 20px;
	width: auto;
	overflow:hidden;
	/*background: #FFF;*/
	/*height: 40px;*/	
	}
.view-toggle li a {
	display: block;
	margin:0;
	padding: 6px 20px 5px 20px; 
	text-decoration: none;
	font-size: 1em;
	font-weight:bold; 
	color: #555;	
	text-transform: uppercase; 
	letter-spacing: .5px; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	}
.view-toggle li a:hover {
	background: #D7D7D7;	
	color: #333;
	border-bottom: 1px solid #CCC;
	}	
	
.view-toggle a.activetab  {	
	background: #848484;
	color: white;
	border-bottom: 1px solid #848484;
	}	
/*.view-toggle .tab-border-right {
	border-right: 1px solid #CCC;
	}*/
	
/*.button_gradient {
background-repeat:repeat-x;border:1px solid #bfbfbf; padding:2px;font-family:serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;height:16px;background:#d5d5d5;background:-moz-linear-gradient(top,#d5d5d5 0,#efefef 48%,#fff 94%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d5d5d5),color-stop(48%,#efefef),color-stop(94%,#fff));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5',endColorstr='#ffffff',GradientType=0)}
	
.button_gradient:hover {
background:#d5d5d5;background:-moz-linear-gradient(top,#fff 0,#efefef 48%,#d5d5d5 94%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(48%,#efefef),color-stop(94%,#d5d5d5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d5d5d5',GradientType=0)}*/


#home-whatsnew {
	background:#FFF;
	text-align:left;
	}

#home-whatsnew h2 { 	 
	font-size: 1em;
	font-weight: bold; 
	/*color: #FFF;	
	text-shadow: 0.1em 0.1em 0.1em #8e8e8e;*/
	color: #555;
	/*border-bottom: 1px solid #CCC;*/
	/*background: #dbdbdb  #bfbfbf #c9c9c9;*/
	background: #cacaca;	
	text-transform: uppercase; 
	letter-spacing: .5px; 
	margin: 0 0 1.2em 0; 
	/*padding: 6px 0 4px 6px;*/
	padding: 7px 0 7px 8px;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background: #888888;
	padding: 4px 0 4px 6px;
*/	
	}		
	
#home-whatsnew h4 { 	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	}		
	
.home-full-width { /* main middle column */
	width:626px; 
	float:left;
	}
.home-bottom-left { /* left column */
	width:385px;
	/*width:300px;*/ 
	float:left;
	margin-right: 25px;
	}
.home-bottom-right { /* right column */
	width:215px;
	/*width:300px;*/  
	float:left;
	}
	
	
/* jquery font sizer */
.jfontsize-button {
    font: bold 12px arial;
    padding: 3px 6px;
	color: #666;
	background: #e9e9e9;
    border: solid 1px #ccc;
	}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #0e3a6e;
    color: #fff;
    border: solid 1px #333;
	}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
	}

/* Link tabs that sort/show reports by years */

#year-tabs {
	margin: 0;
	}
#year-tabs ul.tabs {
	font-size: .85em;
	color: #AAA;
	margin: 0;
	padding: 0 0 25px 0;
	}
#year-tabs ul.tabs li {
	list-style: none;
	}
* html #year-tabs ul.tabs li {
	display: inline; 
	}
#year-tabs ul.tabs li.tab-first  {
	margin-left: -5px;
	} 		
#year-tabs ul.tabs li, #year-tabs ul.tabs li a {
	float: left;
	}
#year-tabs ul.tabs li.active {
	}
#year-tabs ul.tabs li.active a {
	font-weight: bold;
	color: #333;	
	}
#year-tabs div.tab-content  {
	/*background: pink;*/
	clear: both;
	min-height: 330px;
	}
#year-tabs ul.tabs li a {
	text-decoration: none;
	padding: 0 5px;
	color: #666;
	}
#year-tabs ul.tabs li a:hover {
	color: #004080;
	text-decoration: underline;
	}	
	
#orgview img {
	max-width: 875px;
/*	min-width: 625px;*/
	}

.org-chart-icon {
	padding-right: 10px;
	}

.pdf:after {	
	content:"(PDF)";
	/*background: url(../images/icon_pdf.gif) no-repeat 70% bottom;	
	width: 16px;
	height: 16px;*/
	display: inline-block;	
	padding: 0 5px 0 5px;
	
/*
You could use the attr() function to grab the value of an element’s title attribute if using class on a link:

	.pdf:after {	
	content: attr(href);
	
	<a title="(PDF)" href="" class="pdf">Report Title</a>
	
	Output: Report Title (PDF)

While being able to grab the title or alt text of an image and display it on the page as a pseudo-element would be practical, this isn’t possible. Remember that the pseudo-element must be a child of the element to which it is being applied. Images, which are void (or empty) elements, don’t have child elements, so it wouldn’t work in this case. The same would apply to other void elements, such as <input>.

Can be accomplished with javascript:

<script type="text/javascript">
$(document).ready(function(){	
	$(".pdf").after("<img src='../images/icon_pdf.gif' alt='This link is a PDF' />");		
});
</script>
*/
	
	/*	
	font-family: 'icomoon';	
	content: "\e600";
	display: inline-block;
	font-size: 1em;	
	margin: 0.3em;
	-webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
	*/		
}
	
/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	}
@media (max-width: 650px) {	
	}
@media (max-width: 450px) {
#style-name {}	
	}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	}
	
	
<!--==============================================	-->


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}