/************************************************
  Default Style Sheet for APPS4.OIT.UCI.EDU
  ***********************************************/
/* filename: 'default.css' */
/* location /styles/default.css */
/*NO HTML MARKUP ALLOWED */

/* Created by Sylvia Bass, OIT Webmaster. MAY 2014
Do not change any GLOBAL STYLES. You may add CLASS STYLES. Please comment their function if you do, along with your name. */

/* BEGIN GLOBAL STYLES - FORMATTING HTML TAGS. */

/* Set all fonts to be the font size to be the size of its parent */

* { font-size: 100%; }

body {
	color: #000;
	width: 90%;
	margin: 0 auto;
	font: 80% Arial, Geneva, sans-serif;
	padding: 0;
	background: #ffffff;
	background-image: url(../images/pattern_microchip-92o2.png);
	line-height: 1.5;
}
div#body-wrapper {
	background-color: #ffffff;
	padding: 10px 30px;
	margin: 20px 0;
	border: 1px solid #CCC;
	border-radius:5px;
	box-shadow: 0 1px 3px #333333;
}
p {
	line-height: 1.5;
}

p, blockquote, ul, ol, dl, dd, li, dir, menu	{	
	/* inherit from body */	
	}	
dd {
	padding-bottom: 10px;
}

hr {
	display: block;
    height: 1px;
    border-top: 1px solid #eee;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    margin: 1em 0;
    padding: 0;
}
/* Always use Heading Tags (H1 - H5) for headings and subheadings. */
h1, h2, h3, h4, h5, h6 {
	font-family: Lucida "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
h1 {
	color: #222;
	padding: 8px;
	margin-top: 0;
	font-size: 1.5;
}
	h1 a {
		text-decoration: none;
	}
h2 {
	font-size: 21px;
	color: #003b6f;
}
h3 {
	font-size: 18px;
	color: #444;
	margin-bottom: 0px;
}
h4 {
	font-size: 15px;
	color: #444;
}
h5 {
	font-size: .12px;
	color: #222;
}
h6 {
	font-size: 12px;
	color: #222;
}

dt {
	font-weight: bold;
	color: #333;
}
tt {
	font: bold 1em "Courier New", Courier, mono;
	color: #900;
	padding-right: 10px;
	padding-left: 10px;
}
/* Aligns all Table Headings (th) to the left */
th {
	text-align: left;
}

/* ## END GLOBAL STYLES ##  */


/* ##  BEGIN GLOBAL HYPERLINK STYLES ##  */
a:link {
	color: #005386;
}
a:visited {
	color: #005C9A;
}
a:hover, a:focus {
	color: #689550;
}
a:active {
	color: #600;
}

/* External links */
a.external span
{
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
}

a.external:link
{
	background: url(../images/external-icon.gif) no-repeat 100% 0;
	padding-right: 25px;
}

a.external:visited
{
background: url(../images/external-icon.gif) no-repeat 100% -100px;
padding-right: 25px;
}

a.external:hover, a.external:focus
{
color: #BF1722;
background:#fbedb5 url(../images/external-icon.gif) no-repeat 100% -200px;
padding-right: 25px;
}

/* Use with anchor tags. Set id to name (Example: id="name" vs <a name="name">) The following style will emphasis the anchor tag or target on your page. */
h2:target, dt:target {
	padding-left: 2px;
	background: #fbedb5;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
/* Form Input Focus */
input:focus, textarea:focus { background-color: #eee; }

/* ##  END GLOBAL HYPERLINK STYLES ##  */



/* ## BEGIN CLASS STYLES ## */

.about a {
	font-weight: bold;
	text-decoration: none;
	}	
.alert {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
	border: 1px solid #FF9933;
	margin: 2px 1px;
	display: block;
	background: #FFCC66 url(../images/alert.gif) no-repeat 6px;
}
.alerts {
	font-size: 0.9;
	color: #000000;
	background-color: #FFFF99;
	float: right;
	width: 250px;
	border: 1px solid #FFCC99;
	clear: right;
}
.attribution {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}

/* Breadcrumbs are used for navigation. Only the homepage and main navigation pages use the Bold version. All other pages use breadcrumbs. */

/* Breadcrumb path used in content pages. */
.breadcrumbs {
	font-size: 90%;
}
div.breadcrumbs {
	padding: .5em 0;
}
/* Breadcrumb path used in navigation pages. */
.breadcrumbsBold {
	font-size: 12px;
	font-weight: bold;
}
/* Places blue bar in the background of a table cell. */
.bgBluebar {
	background-image: url(../images/blue-bar05a.jpg);
	background-color: #358;
	text-shadow: gray 0.1em 0.2em 0.2em;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	height: 16px;
}
/* Places gray bar in the background of a table cell. */
.bgGraybar {
	background-image: url(../images/gray-bar2.png);
	background-color: #CCC;
	font-size: 1em;
	font-weight: bold;
	color: #222;
	height: 16px;
}
.bullets {
	list-style-type: disc;
	margin-left: 2px;
	padding-left: 2px;
	}
.clear {
	clear: both;
}
/* Use to align text. Used in paragraph and heading tags. */
.center { text-align: center; }
.credit {
	font-size: 90%;
	font-weight: lighter;
	background: #eeeeee;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

/* Formats today's date in the header file */
div.date p {
	font-size: 0.9;
	text-align: right;
	padding-right: 10px;
	margin: 2px;
}
/* Used to mark a page or section as a draft. Places a DRAFT image as a watermark in the background */
.draft {
	background: #FFF url(../images/draft.gif);
	margin: 4px;
	padding: 3px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* A SMALL HELP POPUP THAT CAN GIVE A DEFINITION TO A WORD OR CONCEPT ON A PAGE. 
USE THE TITLE ATTRIBUTE WITHIN A SPAN TAG FOR THE DESCRIPTION. AND USE CLASS AS HELP */
.help
{
	color: #000;
	background: #FFFFCC url(../images/tinyquestion.gif) no-repeat right;
	padding-right: .5em;
	cursor: help;
	text-decoration: none;
	border: 1px solid #ff6;
}
.hilight {
	padding: 4px;
	margin-top: 2px;
}

/* Moves the h3 tag closer to the following paragraph */
h3.h3close {
	margin-bottom: -1em;
}
/* Indents a block of text 25 pixels on the left.*/
.indent25 {
	margin-right: 25px;
	margin-left: 25px;
}

/* Creates the left part of a two column page */
.leftColumn {
	border: 1px solid #bbb;
	float: left;
	width: 49%;
	}
.leftColumn h3 {
	background: #eee;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	padding: 1px 0 1px 8px;
	}
.leftColumn ul {
	list-style-type: square;
	}
	
/* End left column */
/* 3 Column Layout */

#threeColLeft {
	width: 25%;
	float: left;
	margin-right: 1em;
	padding: 6px;
}
#threeColMid {
	width: 45%;
	float: left;
	margin-right: 1em;
}
#threeColRight {
	width: 25%;
	float: left;
	padding: 6px;
}

.plain-link a {
	text-decoration: none;
}

.letter {
	padding: 0 25px;
	line-height: 1.5em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11pt;
}

.newitem {
	font-weight: bold;
	color: #FFFFCC;
	background: #66CC99;
	border: 1px solid #336600;
	padding: 1px;
}


/* Multi column lists hack */
.tableofcontents div.leftColList {
	float: left;
	width: 199px;
	list-style: disc;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	}
.tableofcontents div.rightColList {
	float: left;
	width: 199px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 15px;
	}



/* For use on the homepage to hilight imporant news items, like virus alerts. */
.newsAlert {
	background-color: #FC6;
	padding: 6px;
	border: 1px solid #C60;
}
.newsAlert a:link {
	color: #036;
}
/* When 'noting' some important text in a Web page */
.note {
	background-color: #FFC;
	padding: 4px;
	display: block;
	border: 1px solid #FFCC99;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* Alternative note color. Light green background */
.note-green {
	background: #bbffcc;
	border: 1px solid #33ff99;
	display: block;
	padding: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
	
	
/* Options class is used for the blue box on Email/UCInetIDs. Brings the most important tool to the top right for easier use. */
.options {
	background: #358;
	float: right;
	width: 250px;
	color: #FFFFFF;
	padding: 3px;
	border: 2px dotted #336699;
}
.options a {
	color: #FFFFFF;
	}
.options a:visited {
	color: #EEEEEE;
	}
.options a:hover {
  color: #fbedb5;
  background-color: transparent;
  }
  
  
.pullquote {
	font-size: 1.1em;
	font-style: italic;
	background-color: #eee;
	text-indent: 0.5em;
	display: block;
	padding: 0.5em;
	float: right;
	width: 250px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	border: 4px solid #ccc;
}

/* Formats questions and answer in FAQs */
.question {
	font-weight: bold;
	color: #036;
}
.answer {
	margin-left: 20px;
	padding: 4px 0 6px 4px;
	border-left: 1px solid #ccc;
	background: #eee;
}

ol.faq li { 
	padding-bottom: 5px; font-weight: bold;
	}
 dl.dl-faq dt { 
 	font-weight: bold; color: #036;
	margin: 8px 0;
	}
 dl.dl-faq dd { 
 	margin-left: 20px;
	padding: 4px 0 6px 4px;
	border-left: 1px solid #ccc;
	background: #F0F0F0 ;}
/* End FAQ */

.redtext {
	color: #900;
}
/* Reverses white text in a black background */
.reverseBW {
	background-color: #000;
	letter-spacing: 1.01em;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

/* Use in handouts that use screenshots. */
.screenshot {
	font-weight: bold;
	color: #036;
	padding: 6px 3px 6px 25px;
	margin-left: -20px;
	
}

.screenshot img {
	border: 1px solid #ccc;
	}
.SearchForm {
	color: #FFF;
	display: none;
	}
.smalltext {
	font-family: sans-serif;
	font-size: .9em;
}
/* Creates text with spacing between letters. */
.spaceText {
	letter-spacing: 0.25em;
}

/* Use in the Spam tool to let people know what their choice of Spam protection is set to. */
.spam_status {
	font-weight: bold;
	width: 90%;
	color: #600;
	padding: 6px 6px 6px 20px;
	border: 1px dotted #bbb;
	background: #eee url(../images/red-triangle.gif) no-repeat left;
	padding-bottom: 2px;
}
.solid-blueBG td {
	background-color: #358;
	font-size: 1.1em;
	font-weight: bold;
	color: #600;
	}

/* Used in multi-step forms */
.steps-active {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
.steps-inactive {
	font-size: 1.2em;
	color: #999999;
}
.line-through {
	text-decoration: line-through;
}

.subpage li strong {
	background: #eee;
	display: block;
	padding: 1px;
	list-style-type: none;
}
/* Each pages except the homepage will have a brief summary. Use to format the summary. */
.summary {
	background-color: #eee;
	padding: 5px;
	/*clear: left;*/
	border-bottom: 1px solid #ccc;
}
.tableofcontents {
	width: 400px;
	list-style: circle;
	color: #333333;
	border: 1px solid #bbb;
	margin-left: 2em;
}
.tableofcontents h2 {
	color: #FFFFFF;
	background: #336699;
	padding-left: 1em;
	font-size: 1.1em;
	margin-bottom: 0px;
	margin-top: 0px;
}
.tableheadings {
	font-weight: bold;
	color: #666;
}
.tip {
	background: #99CCFF;
	border: 1px solid #3366CC;
	padding: .5em;
}
.typewritten {
	font-family: "Courier New", Courier, monospace;
	font-size: 115%;
}

.whitetext {
	font-family: sans-serif;
	font-weight: bold;
	color: #FFF;
}

/* 	############################## BEGIN ID STYLES. 
	USE IN DIV TAGS TO FORMAT SECTIONS OF PAGE. CAN ONLY BE USED ONCE IN PAGE. ##
	 */
/* ######################	HEADER STYLES ##################### */
#banner {
	height: 60px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#banner a:hover 
{ text-decoration: none;}
  
#skip-navigation {
	position: absolute;
	width: 1px;
	height: 1px;
/*
	overflow: hidden;
	left: -1000px;
	top: -1000px;
*/
	z-index: 100;
}

.skip-link {
  position: absolute;
  left: -1000px;
  top: -1000px;
  color: red;
  overflow: hidden;
}

.skip-link:focus {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  text-decoration: none;
  /* Add a visual transition to make it obvious */
  transition: top 0.3s ease-in-out, left 0.3s ease-in-out
}

#skip-navigation:focus {
  color: red;
  width: auto;
  height: auto;
  /* Add a visual transition to make it obvious */
}

/* This moves the header to the edges of the page. */
#header-margin { margin: 0 -12px; }
#banner a:hover { background-color: transparent; }

  /* END HEADER STYLES */


/* 	BEGIN THE CONTENT STYLE. THIS WRAPS AROUND ALL THE CONTENT OF THE PAGE. */
#content {
	background-color: #fff;
	}
/* END THE CONTENT STYLE. */	 

/* BEGIN THE FOOTER STYLE */

.footer-widgets-1 {
float: left;
margin: 0 20px 0 0;
width: 285px;
}
.footer-widgets-2 {
float: left;
margin: 0;
width: 290px;
}
.footer-widgets-3 {
float: right;
margin: 0;
width: 285px;
}


.footer-all {
	/*clear: both;*/
	font-size: 11pt;
	text-align: left;
	}
.footer-all a {
	text-decoration: underline;
}
.footer-all h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #005C9A;
	margin-top: 0;
}
.footer-all h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #005C9A;
	margin-top: 0;
}
.footer-all ul li {
	/*background: url(../images/sidebar-list.png) no-repeat top left;*/
	margin: 0 -5px 0px;
	margin-left: -1.5em;
	padding: 0 0 5px 0px;
	word-wrap: break-word;
	list-style: disc;
}

.footer-all ul li::marker {
  font-size: 1.5em;
}

div.footer1 {
	width: 30%;
/*	float: left;*/
	padding: 15px;
}
div.footer2 {
	width: 30%;
/*	float: left;*/
	padding: 15px;
}
div.footer3 {
	width: 30%;
/*	float: left;*/
	padding: 15px;
}


/* END THE FOOTER STYLE */	 
	 
/* Small Help Info Box for Forms */
#help-howto {
	color: #3366CC;
	background: rgb(207,229,255);
	text-align: center;
	border: 1px solid #ccc;
	float: right;
	margin-bottom: 2px;
	font-weight: bold;
	padding: .5em 1em;
	text-decoration: none;
}

/* DIRECTION STYLE */
#directions {
	padding: 4px;
	border: 1px solid #999999;
}
#directions h2 {
	background-color: #369;
	color: #FFF;
	margin: -4px -4px;
	padding: 2px;
	}
#directions h3 {
	background: #666;
	color: #FFF;
	margin: 0 -4px;
	padding: 2px;
	}
/* Contextual Styles for Related Page element. Use in Div tag with ID="relatedPages". Will float a 250 pixel box, with a one pixel border to the right. Put related links here towards the top of the page. */


#relatedPages {
	margin: 0px 0px 4px 6px;
	float: right;
	width: 250px;
	background-color: #eee;
	font-size: 0.9em;
	border: 1px solid #999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	clear: right;
}
#relatedPages .title {
	color: #FFF;
	background-color: #689550;
	text-align: center;
	padding: 4px 0;
	font: 16px Arial, Geneva, sans-serif;
}



/* Use to emphasize forms on a page. Use in both Network & Telephone navigation pages. */
div#form {
	background-color: #eee;
	border-bottom: 1px solid #CCC;
	padding: 2px .5em;
}
div#form h2 {
	background-color: #003366;
	color: #FFFFFF;
	margin: -2px -6px 2px;
	padding: 2px 1em;
	}

/* Begin styles for Form Blocks. For example, used in Server Registration */

#form-blocks .box-border{
	border: 1px solid #ccc;
	margin-bottom: 1em;
	}


#form-blocks h2 {
	color: #000000;
	background-color: rgb(135,151,183);
	padding: 4px;
	margin: 0px auto;
	
}
#form-blocks .info {
	background-color: rgb(207,229,255);
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0;
	padding: .5em;
}
#form-blocks caption {
	display: none;
}
#form-blocks table {
	margin: 0 auto;
	}

#form-blocks .form-label {
	text-align: right;
	padding: .5em 1em;
}
#form-blocks .field-display {
	border-bottom: 2px solid #ccc;
	padding: .5em 1em;
	}
	
#form-blocks .optional-text {
	font-weight: bold;
	color: #009966;
}
#form-blocks .optional-section {
	background-color: rgb(221,255,221);
	padding: 2px;
	border: 1px solid #006633;
	margin: 0 auto;
}
#form-blocks .box-border .form-buttons {
	background-color: #CCCCCC;
	text-align: right;
	padding-right: 2em;
	margin: 0 auto;
}
#form-blocks .success {
	background-color: rgb(204,255,204);
	margin-top: 0px;
	margin-bottom: 0;
	padding: .5em;
	text-align: center;
}
#form-blocks .box-border #login {
	font-size: 1.1em;
	color: #FFFFFF;
	float: right;
	padding-top: 4px;
}

#form-blocks .box-border #login a {
color: #fff;
text-decoration: none;
}
#form-blocks .box-border #login a:hover {
background-color: transparent;
color: #900;
}
/* End Form Blocks */


/* Tabbed Navigation Bar. Use this for anchored links within the same page. 
Uses unordered list. Mark current tab with ID of Current. */
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #CCC;
margin: 0;
padding-left: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #eee;
margin: 2px 2px 0 2px;
border: 1px solid #CCC;
}
#tabnav a#current {
color: #FFF;
background: #69C;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #369;
color: #FFF;
}
#tabnav a.logout {
	color: #eee;
	background: #369;
}

/* Used in E-mail Options */
#definitions {
	margin: 0px 0px 0px 4px;
	float: right;
	width: 300px;
	background-color: #eee;
	font-size: 0.9em;
	border: 1px dotted #999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
}
#definitions .title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #369;
	letter-spacing: 0.25em;
	text-align: center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/* Use to hide your UCI email address from spam bots. Wrap username in span tag with ID of 'email'.
\40 is a character entity for the '@' symbol */
#email:after{
content: "\40uci.edu";
}



/* Creates a floating box to input important information. */
#float-right {
	float: right;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5em;
	margin: 0 .5em .5em .5em;
	width: 250px;
	font-size: .9em;
}
#float-right ul {
	padding-left: .5em;
	margin-left: .5em;
	}

#toolbox {
	float: right;
	width: 50%;
	margin-left: 1em;
	border: 1px solid #666666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
	background-color: #eeeeee;
	margin-bottom: 3px;
}
#toolbox h2 {
	color: #FFFFFF;
	background-color: #003366;
	margin: -2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#panes {
	padding: 10px;;
	border: 1px solid #EEEEEE;
}
#panes #leftpane {
	float: left;
	width: 49%;
}
#panes #rightpane {
	float: left;
	width: auto;
}

/* POP & IMAP Comparison */
#comparison {
	float: right;
	width: 500px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #000;
	background: url(../images/spam-popBG.gif) repeat-y;
}
#comparison ol { 
	margin-left: 15px;
	padding-left: 15px;
	}
#comparison ol li {
	padding-bottom: .5em;
	}
#comparison #pop {
	background: #CCCCCC;
	padding: 6px;
	float: left;
	width: 238px;
	/*height: 400px;*/
}
#comparison #imap {
	background: #369;
	color: #EEE;
	padding: 6px;
	float: left;
	width: 238px;
	/*height: 400px;*/
}
#comparison #imap h2 {
	color: #EEE;
	}
#comparison #imap a {
	color: #CCCCCC;
}
.right-content {
	margin-left: 130px;
	border-left: 1px solid #CCC;
	padding-left: 1em;
}



/* THE FOLLOWING STYLES USE A LEFT NAVIGATION UL WITH A RIGHT CONTENT DIV */

/* Begin Left Navigation Styles */
#left-navigation {
	float: left;
	width: 150px;
	margin: 10px 10px 20px 0px;
	padding-left: 5px;
}
ul#left-navigation {
	list-style: none;	
	}
#left-navigation li {
	display: block;
	list-style: none;
	margin-left: -5px;
	/*font-weight: bold;*/
	}
#left-navigation li a {
	padding: 5px;
	text-decoration: none;
	display: block;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	}
#left-navigation li a:link {
	background-color: #EEE;
	}
#left-navigation li a:hover, #left-navigation li a:focus {
	background-color: #CCC;
	border-bottom: 1px solid #BBB;
	}
#left-navigation #current {
	background-color: #CCCCCC;
	color: #036;
	border-right: 3px solid #036;
	font-weight: bold;
	}
#left-navigation .submenu li {
	list-style-type: none;
	}
ul#left-navigation .leftnav-header {
	padding: 5px;
	display: block;
	background-color: #036;
	border-bottom: 3px solid #000;
	color: #EEE;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#left-navigation .submenu a {
	color: #036;
	display: block;
	/*padding: 5px 3px 2px;*/
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	background-color: #E6F4FF;
	font-weight: normal;
	}
#left-navigation .submenu a:hover, #left-navigation .submenu a:focus {
	background: #CCC;
	color: #036;
	}
	
ul#left-navigation .nav-home a {
	background: #036;
	text-align: center;
	/*font-size: 15px;*/
	font-weight: bold;
	color: #FFFFFF;
}
#left-navigation li.divider {
	background: #bbb;
	padding: 4px;
	border-bottom: 2px solid #666;
	border-top: 2px solid #666;
	font-weight: bold;
}
ul#left-navigation ul li {
	margin-left: -35px;
	border-left: 1px solid #aaa;
}
ul#left-navigation li.leftnav-home a {
	background-color:#333;
	font-weight: bold;
	color: #EEE;
}
ul#left-navigation li.nav-sub a {
	background-color: #CCC;
	padding-left: 2px;
}
/* BEGIN RIGHT CONTENT STYLES */

#right-content175 .helpDesk  {
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	/*float: right;*/
	width: 300px;
	border: 1px solid #999;
	padding: 0 1em;
	background: #F0F0F0;
	margin: 0 auto;
}
#right-content175 .helpDesk p { line-height: 1.3em; }
#right-content175 .helpDesk h2 {
	text-align: center;
}
#right-content175 .helpDesk p {
	margin: 2px 0;
}

/* Move main body content to right 175 pixels. Works with ID Left-Navigation */	
#right-content175 {
	margin-left: 170px;
	border-left: 1px solid #CCC;
	padding-left: 1em;
	padding-right: 1em;
}
#right-content175 img.polaroid {
	background: #EFEFEF;
	margin: 3px 3px 3px 10px;
	padding: 10px 10px 20px;
	border: 1px solid #CCCCCC;
	float: right;
}
/* End Left Navigation Styles */

a:link#subcurrent {
	font-weight: bold;
	background: #E6F4FF;
	}
a:visited#subcurrent {
	background: #E6F4FF;
	border-right: 3px solid #036;
}
a:hover#subcurrent, a:focus#subcurrent {
	color: #006;
	background: #E6F4FF;
}



	


/* Move main body content to right 210 pixels. Works with class left-nav */	
#right-content210 {
	margin-left: 210px;
	border-left: 1px solid #CCC;
	padding-left: 1em;
	padding-right: 1em;
}
#right-content210 img.polaroid {
	background: #EFEFEF;
	margin: 3px 3px 3px 10px;
	padding: 10px 10px 20px;
	border: 1px solid #CCCCCC;
	float: right;
}

/* News Section for Calendar */
div.calendar-news {
	background-color: #FEFEFE;
	}


.h2-reverse {
	color: #FFFFFF;
	background: #336699;
	padding: 2px 2px 2px 8px;
}

/* New Window Link */
.new-window-link {
	background: url(../images/icon_newwindow.png) no-repeat right 1px;
	padding-right: 14px;
	margin-right: 2px;
}
/*.new-window-link-light {background: url('../icons/misc/icon_newwindow_light.gif') no-repeat right 3px; padding-right: 11px; margin-right: 2px;}*/


/* Used in Copyright Memos */
.letter {
	background-color: #F1F1F1;
	padding: 2em;
	border: 1px solid #cccccc;
	margin: 15px auto;
	width: 800px;
	white-space: normal;
	background-position: center;
	font: 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
}
div#resources {
	margin-left: 25px;
	margin-top: 20px;
	border-left: 1px solid #CCC;
	padding-left: 1em;
	font-size: .9em;
	line-height: 1.4em;
	}


/* Style for a page that has moved. Wrap text in a Div with the following styles */
.pageMoved {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF url(../images/moving-truck.png) no-repeat center;
	padding: 8px;
	margin-right: 25px;
	margin-left: 25px;
	height: 450px;
}
.pageMoved .pageMovedText {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 170px;
	padding-top: 75px;
	text-align: center;
}

.ol-padding  {
	line-height: 1.5em;
}
.list-padding li {
	padding: .5em 0;
}
.ol-faq a {
	text-decoration: none;
	}
.line-through {
	text-decoration: line-through;
}

.float-left {
	float: left;
	margin: 0 5px 3px 0;
}
.float-right {
	float: right;
	margin: 0 0 3px 5px;
}
img.polaroid {
	background: #eee;
	padding: 8px 8px 12px 8px;
	border: 1px solid #ccc;
	margin: 0 10px;
}
/***************************************************** 	
			NEW OIT DROP DOWN NAVIGATION MENU 
*******************************************************/
.drop-menu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform: capitalize;
	}
.drop-menu ul{
	background:#005C9A;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.drop-menu li{
		float:left;
		padding:0px;
		}
	.drop-menu li a{
		background:#005C9A; 
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		
		}
		.drop-menu li a:visited {
			color: #FFFFFF;
		}
		
		.drop-menu li a:hover, .menu ul li:hover a{
			background: #f2f2f2; 
			color:#222222;
			text-decoration:none;
			}
		.drop-menu li a:focus, .menu ul li:focus a{
			background: #f2f2f2; 
			color:#222222;
			text-decoration:none;
			}
	.drop-menu li ul{
		background:#005C9A;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width: auto;
		/*width:225px;*/
		z-index:200;
		/*top:1em;
		/*left:0;*/
		opacity: .9;
		}
	.drop-menu li:hover ul{
		display:block;
		}
		.drop-menu li:focus ul{
		display:block;
		}
	.drop-menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width: auto;	
		}
	.drop-menu li:hover li a{
		background:none;
		}
		.drop-menu li:focus li a{
		background:none;
		}
	.drop-menu li ul a{
		display:block;
		height:35px;
		font-size:14px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.drop-menu li ul a:hover, .menu li ul li:hover a{
			background:#f2f2f2;
			border:0px;
			color:#222222;
			text-decoration:none;
			}
		.drop-menu li ul a:focus, .menu li ul li:focus a{
			background:#f2f2f2;
			border:0px;
			color:#222222;
			text-decoration:none;
			}
		
		

		


/* Style for Tables. Add Class to Table Tag. Set all Table attributes to 0. */
/* TABLE STYLE */
table.table-border {
	border-width: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	font: .9em Geneva, Arial, Helvetica, sans-serif;
}
table.table-border th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background: #345588;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	padding-left: .5em;
}
table.table-border td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
}
table.table-border caption {
	font-weight: bold;
	font-size: 1.2em;
}

/* 2 Column Layout */
div#left-col-two {
	width: 48%;
	float: left;
	margin-right: 1em;
	border-right: 1px solid #eee;
}
div#right-col-two {
	width: 48%;
	float: right;
}

/* 3 Column Layout */
div#left-col-third {
	width: 32%;
	float: left;
	margin-right: 1em;
	border-right: 1px solid #eee;
}
div#mid-col-third {
	width: 32%;
	float: left;
	margin-right: 1em;
	border-right: 1px solid #eee;
}
div#right-col-third {
	width: 32%;
	float: left;
}

/* 3 Column Layout with Blocks for Info in Left & Right Columns */
/* 3 Column Layout with Blocks */
div#left-col-three {
	width: 200px;
	float: left;
	margin-right: 1em;
}
div#mid-col-three {
	width: 480px;
	padding: 0 1em;
	float: left;
	margin-right: 1em;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
div#right-col-three {
	width: 200px;
	float: left;
}
/************************************
Right Blocks ********************/
.right-block ul {
	display: block;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border: 1px solid #ddd;
	width: 200px;
	margin-top: 0;
	vertical-align: middle;
	background: #F0F0F0;
}

.right-block li  {
	text-decoration: none;
	display: block;
	padding: 7px 7px 7px 10px;
	margin-left: 40px;
	vertical-align: bottom;
	}	
.right-block li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	background: #FFF;
	}
.maintenance li a:hover {
	color: #303030;
	background: #E0E0E0;
}
.maintenance li a:focus {
	color: #303030;
	background: #E0E0E0;
}
.right-block li a:visited:hover {
	color: #303030;
	background: #E0E0E0;
	}
.right-block .resources-title {
	display: block;
	padding: 5px;
	background: #345588;
	color: #eee;
	font-weight: bold;
	text-align: center;
	border: 2px solid #345588;
	height: 18px;
}
/* End 3 column layout */
/* #################### DEPRECATED STYLES ##########################*/


/* Small Left Navigation Menu. This type of naviation is now deprecated. Use #left-navigation instead. */
.leftnav {
	background: #ECECEC;
	float: left;
	width: 200px;
	margin-right: 1.5em;
	border: 1px solid #CCCCCC;
	margin-bottom: .5em;
}
.leftnav ul {
	list-style: disc url(../images/li-disc.gif);
}
.leftnav li {
	padding-bottom: .25em;
	padding-left: .25em;
}
.leftnav a {
	display: block;
	text-decoration: none;
}
.leftnav a:hover, .leftnav a:focus {
	list-style: disc url(../images/li-disc-blue.gif);
	color: #900;
}
.leftnav a:visited {
	color: #369;
}
.leftnav .current {
	list-style: disc url(../images/li-disc-blue.gif);
	font-weight: bold;
	color: #036;
}

/* This is the old main navigation bar across the top of all NACS pages using the old Table method. Contextual style for a navigation bar. To use, create a table and wrap in tag div id="navbar" */
/*#navbar {
	min-width: 900px;
	}

#navbar table {
	width: 100%;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-bottom: 6px solid #3A5480;
	margin-bottom: 4px;
	min-width: 900px;
}
#navbar td a#current {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	color: #FFFFFF;
	background-color: #369;
	background-image: url(../images/blue-bar05a.jpg);
}
#navbar td {
	border-right: 2px solid #BBB;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-size: .9em;
	background-color: #eee;
	color: #333333;
	/*text-shadow: gray 0.1em 0.2em 0.2em;*/
	background-image: url(../images/white-bar05.gif);
	white-space: nowrap;
	text-align: center;
}
#navbar td a {
	display: block;
	padding: 2px 1em;
	text-decoration: none;
}
#navbar td a:link {
	background-color: #eee;
	color: #333333;
	background-image: url(../images/white-bar05.gif);
}
#navbar td a:hover {
	color: #FFF;
	background-color: #369;
	background-image: url(../images/blue-bar05a.jpg);
}
#navbar td a:visited {
	color: #333;
	background-image: url(../images/white-bar05.gif);
	background-color: #eee;	
}
#navbar td a:visited:hover {
	color: #FFF;
	background-color: #369;
	background-image: url(../images/blue-bar05a.jpg);
}
*/

/* Contextual style for sub navigation bar */
#subnavbar {
	width: 100%;
}
#subnavbar table {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#subnavbar td a {
	display: block;
	padding: 2px;
	}
#subnavbar td  {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: .9em;
	font-weight: bold;
	background-color: #eee;
	text-align: center;
}

 #subnavbar td a:link {
	text-decoration: none;
} 
#subnavbar td a:hover {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
#subnavbar td a:visited {
	color: #369;
	text-decoration: none;
}
#subnavbar td a:visited:hover {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
#subnavbar td a#current {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
/* Contextual style for Vertical sub navigation bar */
#versubnavbar {
	float: left;
	padding-right: 10px;
	margin: 0 10px 10px 0;
	padding-bottom: 10px;
	border-right: 2px dashed #ccc;
	border-bottom: 2px dashed #ccc;
}
#versubnavbar table {
	width: 200px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#versubnavbar td a {
	display: block;
	padding: 3px;}
#versubnavbar td  {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: .9em;
	font-weight: bold;
	background-color: #eee;
	text-align: center;
}

 #versubnavbar td a:link {
	text-decoration: none;
} 
#versubnavbar td a:hover {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
#versubnavbar td a:visited {
	color: #369;
	text-decoration: none;
}
#versubnavbar td a:visited:hover {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
#versubnavbar td a#current {
	color: #FFF;
	background-color: #369;
	text-decoration: none;
}
/* Contextual style to create a one pixel border on selected tables. Wrap the selected table in a Div tag with id="tableBorder". */

#tableBorder table {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#tableBorder td {
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	padding: 2px 4px;
}
#tableBorder th {
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	padding: 2px;
	background-color: #CCCCCC;
}

/* Contextual style to create a one pixel light gray border on selected tables. Wrap the selected table in a Div tag with id="tableBorder". */

#tableBorderGray table {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#tableBorderGray td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 2px;
}
#tableBorderGray th {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 2px;
}
#tableBorderGray h2 {
	margin-bottom: 0px;
}
#tableBorderGray ul {
	margin-top: 0px;
}
/*Use where you need to add a link to a darkly colored solid background. Will create a white text link instead of the default.*/
#reverseLink {
	color: #FFF;
}
#reverseLink a:link {
	color: #FFF;
}
#reverseLink a:visited {
	color: #eee;
}

/************************* 2014 Styles to Match WordPress Site *************************/
div#audience-nav {
	float: right;
}
#audience-nav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
	list-style: none;
	width: 100%;
}
div#audience-nav ul li {
	float: left;
}
div#audience-nav ul li a {
	text-decoration: none;
	color: #005C9A;
	display: block;
		padding: 7px 10px 6px;
}
div#audience-nav ul li a:hover, a:active {
	background-color: #eee;
	color: #005386;
	text-decoration: none;
	border-radius: 12px;
}