/*####################### DEFAULT AND CONTENT RELATED STYLES ###################*/

img {
	border: 0;
}

td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	color: #62615c;
}
p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:11px;
}

a:link, a:active, a:visited {
	color: #65201f;
	text-decoration: underline;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
	font-weight:bold;
}

/* I think this is used only on the home page, but could work as a subtitle in content  */
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #b1b700;
	font-weight: normal;
}

/*  
	h4 is used for page titles - It is the largest, most commonly used yellow title
*/
h4 {
	padding-top:10px; padding-bottom:10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	color: #b1b700;
	font-weight: normal;
	line-height:117%;
	margin:0px;
	
}

/*  h3 is red, most commonly used for subtitles in content */
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #65201f;
	font-weight: normal;
	margin-bottom:5px;
}
a.newsFeatureSelect:link, a.newsFeatureSelect:visited
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #b1b700;
	font-weight: normal;
	text-decoration:none;	
}
a.newsFeatureSelect:hover, a.newsFeatureSelect:active
{
	text-decoration:underline;
}
a.newsFeatureSelected:link, a.newsFeatureSelected:visited
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #b1b700;
	font-weight: normal;
	text-decoration:underline;
}
a.newsFeatureSelected:hover, a.newsFeatureSelected:active
{
	text-decoration:underline;
}

/* h5 is blue, bold, all caps, commonly used for smaller subsections in content */
h5 {
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #4c8aa5;
	text-transform: uppercase;
	text-decoration: none;
	margin:0px;
	
}
/* I think this is used in the career center app */
h6{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #339966;	
	font-weight: normal;
	margin-top:5px;
	margin-bottom:5px;
}


hr { 
height:1px;
color:#cccccc;
background-color:#cccccc;

}

/*####################### COMMON, RECOMMENDED CLASSES FOR CONTENT ######################*/


/* Wherever the default maroon link looks ugly, add to the a class="menuLinks" 
	for a very nice blue link, commonly used throughout the site
*/
a.menuLinks:link, a.menuLinks:visited {
	text-decoration: none;
	color: #37768c;
	font-weight:normal;
}
a.menuLinks:active, a.menuLinks:hover {
	text-decoration: underline;
	color: #37768c;
	font-weight:normal;
}


a.blueLinks:link, a.blueLinks:visited {
	text-decoration: none;
	color: #246988; 
}
a.blueLinks:active, a.blueLinks:hover {
	text-decoration: underline;
	color: #246988;
}

/* Or, if you would like the link to stand out more, use blueBold for all caps */

a.blueBold:link,a.blueBold:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #4c8aa5;
	text-transform: uppercase;
	text-decoration: none;
}

a.blueBold:hover,a.blueBold:active {
text-decoration: underline;
}

/* Add nomargin for <h3>'s or anything that has too much space above/below it - try to avoid br's  */
.nomargin
{
	margin:0px;
}

/* If you ever make a table in content, add this to the row class for a nice subtle gradient */
tr.contentRow {
background-position: 50% top; 
background-image: url('../images/contentRow.gif'); 
background-repeat: repeat-x;
}

/* for the question mark icon when hovering over */
.moreInfo
{
cursor:help;
}



/*############################## HOMEPAGEPAGE AND VARIOUS TEMPLATE STYLES ############################*/

body {
	background: #480303;
	margin: 0;
	
	/* This behavior script is needed for the location pop ups in the top left of every page */
	behavior:url("/includes/csshover.htc");
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;
		
}

#maincontent {
	margin: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;
}


.rowHighlight {
background-image:url('/images/contentRow.gif');
background-position:top;
background-repeat:repeat-x;
}

a.footerLinks:link, a.footerLinks:active, a.footerLinks:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
}


a.footerLinks:hover {
	text-decoration: underline;
	font-weight:normal;
}


/* location links, those in the upper left, recommended for adding links to the header/footer */
.locationLinks{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #ccad72;
	text-transform: uppercase;
	text-decoration: none;
}
a.locationLinks:link,a.locationLinks:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #ccad72;
	text-transform: uppercase;
	text-decoration: none;
}
a.locationLinks:hover,a.locationLinks:active {
text-decoration: underline;
color:#f5d77d;
}

ul.locationLinks {
list-style-type: none;
text-align: center;
margin: -5px 0px 0px 12px;
padding: 0;
position: relative;
z-index: 2;
}
li.locationLinks {
display: inline;
text-align: center;
margin: 0 0px;
}
ul.home_right_rail_featured {
	list-style-image: url(/images/right_section/pluss.gif);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4c8aa5;
	line-height: 1;
	/*margin-left: 0;
	padding-left: 1em;*/
}
ul.home_right_rail_featured li {
	/*margin: 0;
	padding: 0;*/
	padding-top: 1em;
}
li.home_right_rail_featured_selected {
	list-style-image: url(/images/right_section/minuss.gif);
}
a.home_right_rail_featured {
	color: #4c8aa5;
}
a.home_right_rail_featured:link, a.home_right_rail_featured:visited {
	text-decoration: none;
}
a.home_right_rail_featured:hover, a.home_right_rail_featured:active {
	text-decoration: underline;
}
/*##### MORE STORIES ###*/

p.bottom_list {
 	list-style:none;
	margin:12px 0px 0px 0px;
	padding: 0;
	text-indent: 0;
	line-height:1.2;
}
li.bottom_list {
	color: #37768c;
	margin-left:-25px;
}
.home_titles {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #9e9b96;
	letter-spacing: 1px;

}
a.bottom_list:link, a.bottom_list:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #b1b700;
	text-decoration:none;
	font-weight:normal;
}
a.bottom_list:hover, a.bottom_list:active {
	color: #b1b700;
	text-decoration:underline;
	font-weight:normal;
}

a.communityLinks:link, a.communityLinks:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;
	text-decoration:none;
	font-weight:bold;
}
a.communityLinks:hover, a.communityLinks:active {
	color: #62615c;
	text-decoration:underline;
	font-weight:bold;
}

a.mainNav:hover, a.mainNav:active {
	visibility:visible;
	display:block;
}

a.mainNav:link, a.mainNav:visited {
	visibility:hidden;
	display:none;
}

/*#### POPULAR LINKS ####*/

p.popular_links {
    padding: 2px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height:12px;
	margin:3px 1px 8px 3px;
}

a.popular_links {
	text-decoration: none;
	color: #37768c;
	font-weight:normal;
}
img.popular_links{

vertical-align:middle; 
padding:0px; 
margin:0px;
}
/**
 * The below is relatively unsorted.
 * However, any work done here really needs to be kept in sync with 
 * /includes/styles_editor.css which is used by tiny_mce.
 **/
.hanging_indent {
	padding-left: 22px;
	text-indent: -22px;
}
.subtitle 
{
	font-size:15px;
	font-weight:bold;
}

p.menuLinks, .menuDot {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0px;
	margin:3px 10px 3px 10px;
}

.menuDot {
	background-image:url(/images/dots.gif);
	background-repeat:repeat-x;
	background-position:0px 0px
}



td.menuLinks {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #37768c;
	padding:0px;
	margin:0px;
}
table.menuLinks{
padding:0px;
margin:0px;
}



input, select, textarea, button {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}

#wrap {
	margin: 25px auto;
	width: 935px;
	padding: 0 15px;
}

#header {
	margin-bottom: 10px;
	width: inherit;
	display:block;
	height: 78px;
}


#navigation {
	margin: 0;
	padding:0;
	width: inherit;
	height: 42px;
}

#top_image {	
	display:block;
	background: #FFFFFF;
	height: auto;
	padding: 4px 3px 0 4px;
}
 #content {
	display:block;
	height: auto;
	padding: 0;
}

#footer {

	width: inherit;
	display:block;
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.contentback {
	background-color: #ffffff;
}
.imageback {
	background-image: url(/images/img_back.jpg);
}
.sideback {
	background-color: #d7e1e4;
}
.line {
	background-color: #e0ad20;
}

.nav:link, .nav:visited, .nav:active {
	text-decoration: none;
	color: #3f5257;
	font-size: 14px;
	font-weight: bold;
	font-weight:normal;
}
.nav:hover {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.subnav:link, .subnav:visited, .subnav:active {
	text-decoration: none;
	color: #07114c;
	font-size: 14px;
	font-weight: bold;
	font-weight:normal;
}
.subnav:hover {
	text-decoration: none;
	color: #e0ad20;
	font-size: 14px;
	font-weight: bold;
}
.subnavtitle {
	color: #07114c;
	font-weight: bold;
	font-size: 18px;
}
.pagetitle {
	color: #e0ad20;
	font-weight: bold;
	font-size: 18px;
}
.copyright {
	color: #333333;
	font-size: 11px;
}
.tablelines {
	background-color: #d7e1e4;
}
td.tablelines {
	background-color: #ffffff;
}
.eng {
	font-size: 14px;
}

.sitemapsection
{
	padding: 5px;
}

.sitemapsection .sitemapsectionlink
{
	font-weight: bold;
	color: Black;
}

.sitemapsectionbody
{
	padding-left: 30px;
}

.sitemapitem
{
	color: gray;
}

.cookietrail
{
	font-weight: normal;
	color: #62615c;
}

a.cookietrail:link,a.cookietrail:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #62615c;
	text-decoration: none;
}

a.cookietrail:hover,a.cookietrail:active {
text-decoration: underline;
}
a.cookietrailactive:link,a.cookietrailactive:visited, a.cookietrailactive:hover,a.cookietrailactive:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #62615c;
	text-decoration: none;
}
.admin_content
{
	padding-right: 12px;
	padding-left: 12px;
}

.cms_buttons
{
	padding-right: 15px;
}


#application_content {
	margin:0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;

}

.selected {
	background: url(../images/sub_nav_overBG.gif) no-repeat;	
	padding: 5px 0  3px  32px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;

	
	font-weight:bold;
}
.sub_selected {
	background: url(../images/sub_nav_overBG.gif) no-repeat;	
	
	padding-right: 0px;
	
	padding-left: 25px;
	/*padding: 3px 0 3px 25px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;
	height: 30px;
	font-weight:bold;
}
td.navigation_item {
	/*padding: 3px 0 3px 15px;*/
	
	padding-right: 3px;
	padding-left: 13px;
	line-height: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;
	height: 20px;
	font-weight:bold;
}

div.link_table {
	width: 160px;
	position: relative;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 29px;
	text-indent: -10px;
	}
a.navigation_item:link, a.navigation_item:visited, a.navigation_item:active {

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;
	height: 20px;
	font-weight:bold;
	text-decoration: none;
}
a.navigation_item:hover {

	text-decoration: underline;
}
.sub_navigation_item {
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;
	height: 20px;
	font-weight:normal;
	text-decoration: none;
}
a.sub_navigation_item:link, a.sub_navigation_item:visited, a.sub_navigation_item:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #246988;
	height: 20px;
	font-weight:normal;
	text-decoration: none;
}
.sub_sub_navigation_item {
	padding: 3px 0 3px 27px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #480303;
	height: 20px;
	font-weight:normal;
	text-decoration: none;
}
a.sub_sub_navigation_item:link, a.sub_sub_navigation_item:visited, a.sub_sub_navigation_item:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #480303;
	height: 20px;
	font-weight:normal;
	text-decoration: none;
}
a.navigation_item:hover {

	text-decoration: underline;
}
#right_items {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #62615c;
}

#overlap {
	float: right;
	margin-right: -12px;
	
}

#steps_container {
	/*border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;*/
	padding: 0px 0px;
	margin-bottom: 5px;
}

.steps {
	padding-left: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #246988;
	
}

/* these tr_ are used for the top right highlight (special content) */
.tr_wrapper {
	width: 171px;
	position: relative;
	margin-top: -107px;
	left: 28px;
	z-index:3;
}

.tr_bottom {
	width: 100%;
}

.tr_body_wrapper {
	
	
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	height: 100%;
	
}

.tr_body_content {
	padding-top: 23px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	position: relative;
	min-height: 130px;
}

.tr_content_wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	
}


ul#audio_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: #fcfbfb;
}

ul#audio_list li#audio_item {
	padding: 12px;
}

ul#audio_list li.alt {
	background: #f7f6f6;
}
td.alt
{
	background: #f7f6f6;
}

table ul.icon_list {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

table ul.icon_list li {
	padding: 0px;
	margin: 0px;
	float: left;
	padding-bottom: 10px;
}

.audio_title {
	color: #154a62;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

a.audio_title:link, a.audio_title:visited {
	color: #154a62;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}
a.audio_title:hover, a.audio_title:active {
	text-decoration:underline;
}


.audio_duration {
	font-family: Arial;
	color: #ff4200;
	font-size: 11px;
	padding-left: 5px;
	font-weight: bold;
}

.audio_description {
	color: #4d3f3f;
	font-family: Arial;
	font-size: 11px;
}

.audio_meta_cell {
	width: 100%;
	padding-right: 10px;
}
#popularlinks a:link
{
	text-decoration: none;
	color: #37768c;
	font-weight:normal;
}
#popularlinks a:visited
{
	text-decoration: none;
	color: #37768c;
	font-weight:normal;
}
#popularlinks a:active
{
	text-decoration: underline;
	color: #37768c;
	font-weight:normal;
}
#popularlinks a:hover
{
	text-decoration: underline;
	color: #37768c;
	font-weight:normal;
}
#popularlinks img
{
	vertical-align:middle; 
	padding:0px; 
	margin:0px;
}
#popularlinks p {
    padding: 2px 0px 3px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height:12px;
	margin:3px 1px 8px 3px;
}

/* Tabs for Library section */
.content_tabs {
    margin:0;
    padding:0;
    list-style-type:none;
    float: left;
    width:100%;
    border-bottom: 1px solid #cccccc;
}
.content_tabs li {
    display: inline;
    padding: 0;
    margin: 0;
}
.content_tabs a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.content_tabs a:link,
.content_tabs a:visited {
    color: #246988;
    background-color: #f2f0e4;
    padding:10px 10px 4px 10px;
    float:left;
    width: auto;
    border: 1px solid #cccccc;
    border-bottom: 0px;
    margin-left: 5px;
    text-decoration: none;
    font:bold 1em/1em;
    font-size: 9pt;
    text-transform:uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 14px;
    border-radius: 10px 10px 0px 0px;
}
.content_tabs a.current:link,
.content_tabs a.current:visited {
	color: black;
}
.content_tabs a:hover,
.content_tabs a:focus,
.current_tabs a:active {
    background-color: #aba392;
    border: 1px solid #62615c;
    border-bottom: 0px;
}

@media screen {
	div.divFooter {
		display: none;
	}
}
@media print {
	div.divFooter {
		color: gray;
		font-size: 34pt;
		font-weight: bold;
		text-align: center;
		position: fixed;
		bottom: 50%;
		width: 100%;
		display: block;
	}
	html>body div.divFooter {
		color: rgba(0,0,0,0.10);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}