/* COLOR-CHANGING STYLES */

body {
    background: #0070B8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    padding: 0px;
    padding-bottom: 24px;
    margin: 0px;
    color: #666;
    text-align: center;  /* hack to get IE to center the main box */
}

.textdarksmall {
    color: black;
    font-weight: bold;
}
   
.main_column a:link {
	text-decoration: underline;
	color: #4682B4;
}
.main_column a:visited {
	text-decoration: underline;
	/* color: #D06833; */
	color: #4682B4;
}

.main_column a:active,
.main_column a:hover {
	text-decoration: underline;
	color: #4682B4;
}

h1, h1#DesktopTitle {
	font-weight: bold;
        font-size: 130%;
	/* color: #D06833; */
	color: #000000;
	padding-left: 0px; 
        padding-top: 0px; 
        margin: 8px 0px 8px 0px;
	text-align: left;
}


/* CONSTANT STYLES */

p, table, td, div, .textdarksmall, .textlightsmall {
	margin: 0px;
	padding: 0px;
	color: #666;
        text-align: left;
        font-size: 100%; /* inherit doesn't seem reliable */
}

/*
div {
    margin: 0px;
    padding: 0px;
}
*/

p {
    margin-bottom: 1em; 
}

#site_logo {
	text-align: left;  
        margin: 0px;
        padding: 0px; 
	background: #E0DFDB;
}

div.site_content {
	width: 780px;
        display: table;
        margin-left: auto;
        margin-right: auto;
        /* height: 100%: */
}

table#MainBox {
    border-style: none;
    padding: 0px;
    margin: 0px;
    /* fill-to-bottom with css is problematic in IE.
     * Compromise: set a somewhat arbitrary minimum height for content.
     * Note this is set for IE, thus looks too big for Mozilla.
     */
    height: 485px;   /* was 90% */
    font-size: 100%;
}

table#MainBox table {
    /* Tables within the main content. */

    padding: 10px 10px 10px 10px;
    border-style: none;

    /* Force font size, inherit doesn't always seem reliable.
     * Needed for e.g. portals/pat/news, 
     * for some reason this isn't automatic.
     */
    font-size: 100%;  
}


/******** SEARCH BAR ************************************/

.search_bar, .search_bar a {
	background: #999;
	text-align: right;
	font-weight: bold;
        font-size: 80%; 
	color: #FFF;
	padding: 3px 10px 4px 0px;
}
.search_bar form {
    margin: 0px;
    padding: 0px; 
    border: 0px;
}
.search_bar input {
    margin: 0px; 
    padding: 2px;
}



/*****  NAV COLUMN   *****************************/

.nav_column {
	background: #666;
	width: 160px;
	text-align: left;
	/* border-top: 1px solid #666; */
	border-bottom: 1px solid #666;
}
/* top level menu */
.nav_column ul {
	margin: 0px;
	padding: 0px;
}
.nav_column ul li {

	/* Evil IE will not let us have an invisible border-bottom.
         * If we set style to none or width to 0, 
         * IE 6 stupidly adds something like 10 extra pixels of bottom 
         * margin (with the background color of the containing element),
         * overriding the margin setting.
         * This is a nasty bug.
	 * So as a crappy workaround, make border-bottom a color that doesn't
	 * show up strongly. This looks a bit "3D".
	*/
	border-top: 1px solid #666;
        border-right: none;
        border-left: none;
	border-bottom: 1px solid #B2B2B2;
	list-style: none;
	font-weight: bold;
        font-size: 10px;   /* ok if IE can't resize these */
        line-height: 14px;
        margin: 0px;
}
.nav_column ul li a {
	display: block;
	background: #999;
	color: #FFF;
	text-decoration: none;
	padding: 6px 10px 6px 12px;
}

/* 
 * IE 6 doesn't seem to support :before :-(  
 * so we have to add the double-colon in the template instead.  
 */
/* .nav_column ul li a:before {
 *   content: ':: ';
 * }
 */

.nav_column ul li a:hover,
.nav_column ul li.hilight a { 
	background: #CCC;
	color: #333;
}
/* sublevel menu */
.nav_column ul.sublevel1 {
	margin: 0px;
	padding: 0px;
}
.nav_column ul.sublevel1 li {
	/* border-bottom: 1px solid #666; */
	list-style: none;
	font-weight: bold; 
        font-size: 10px;   /* OK if IE can't resize these. */
        line-height: 12px;
}
.nav_column ul.sublevel1 li a {
	display: block;
	background: #B2B2B2;
	color: #4D4D4D;
	text-decoration: none;
	padding: 3px 8px 3px 24px; 
}
.nav_column ul.sublevel1 li a:hover { 
	background: #CCC;
	color: #333;
}

.nav_column ul.sublevel2 {
	margin: 0px;
	padding: 0px;
	/* border-bottom: 1px solid #666; */
}
.nav_column ul.sublevel2 li {
	/* border-bottom: 1px solid #BFBFBF; */
	list-style: none;
	font-size: 10px;    /* OK if IE can't resize these. */
        line-height: 12px;
}
.nav_column ul.sublevel2 li a {
	display: block;
	background: #BFBFBF;
	color: #333;
	text-decoration: none;
	padding: 3px 10px 3px 24px;
}
/* more padding when inside sublevel 1 */
.nav_column ul.sublevel1 ul.sublevel2 li a {
    padding-left: 32px;
}

.nav_column ul.sublevel2 li.hilight a, 
.nav_column ul.sublevel2 li a:hover { 
	background: #DDD;
	color: #000;
}

/*************** MAIN CONTENT AREA *****************/

.main_column {
	width: 620px;
        /* height: 100%; */
	font-size: 100%; /* inherit; */ /* 12pt */
	color: #666;
        background-color: white;
	text-align: left;
        padding-left: 12px;
        padding-right: 5px;
        padding-bottom: 1em;
}
.main_column li {
        padding-bottom: 0.2em;
}

#Breadcrumbs {
    margin-top: 1.5em;
    font-size: 80%;
}

#Desktop {
	padding: 0px 15px 15px 15px;
}

.Updated {
	font-size: 9pt;
        font-style: italic;
	color: #666;
	text-align: left;
	clear: left;
	padding: 15px;
}

h2 {
        margin: 0px;
	font-size: 120%;
        font-weight: bold;
	color: #999;
	padding: 0px;
}


/************* FOOTER *****************************/

.footer {
	background: #999;
        text-align: center;
	font-weight: bold;
        font-size: 10px;
        line-height: 25px;
	color: #FFF;
}
.footer a:link,
.footer a:active,
.footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}