/* CSS Document */

/* Real styles  - elements */

a:active {
color: #990033; /* Maroon */
}

a:hover {
color: #000099; /* Dark Blue */
}

a:link {
color: #0000ff; /* Blue */
}

a:visited {
color: #ff0000; /* Red */
}

body {
background-color: #ffffcc; /* Medium Yellow */
font-size: 0.75em; /* settings default font-size from 16px to 12px */
line-height: 130%; /* 130% of 'font-size' */
}

h1 {
color: #990033; /* Maroon */
font-size: 1.125em;  /* settings default font-size from 16px to 18px */
height: auto;
width: auto;
}

h2 {
color: #000099; /* Dark Blue */
background-color: #ffcc33; /* Golden Yellow */
font-size: 0.814em;  /* settings default font-size from 16px to 13px */
font-weight: bold;
height: auto;
padding: 4px 4px 4px 4px;
width: auto;
}

h3 {
color: #000099; /* Dark Blue */
font-weight: bold;
height: auto;
width: auto;
}

h4{
}

h5{
}

h6{
}

hr {
color: #FFCC33; /* Golden Yellow */
}

/* Real styles - ids */

#all {
}

/* Real styles - ids - Header */

#header_wrap {
background-attachment: scroll;
background-image: url(../images/header_mask.png);
background-repeat: repeat-x;
background-position: left top;
/* Use the -margin and +padding to pull the header wrap down without overlap or moved divs */
margin-bottom: -32px;
padding-bottom: 32px;
}

#header {
background-color: #000066; /* Dark Blue */
height: 100px;
}

/* Real styles - ids - Logo */

#logo {
height: 72px;
width: 600px;
}

#logoimage {
float: right;
height: 70px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 42px;
}

#logotext {
color: #FFCC33; /* Golden Yellow */
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 44px;
}

#logotext a {
color: #FFCC33; /* Golden Yellow */
text-decoration: none;
}

#logotext a:hover {
color: #FFCC33; /* Golden Yellow */
text-decoration: none;
}

/* Real styles - ids - Language */

#language {
float: left;
height: 32px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
width: 32px;
}

/* Real styles - ids - Top Nav */

#topnav_wrap {
margin-bottom: 5px;
}

#topnav {
left: 0px;
position: relative;
}

#topnav ul {
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

#topnav ul li {
line-height: 10px;
text-align: center;
}

#topnav ul li a {
background-color: #000066; /* Dark Blue */
color: #FFCC33; /* Golden Yellow */
display: block;
font-size: 0.814em;  /* settings default font-size from 16px to 13px */
font-style: normal;
font-weight: bold;
line-height: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
/*  Width will need to be changed depending on the number of items */
width: 243.50px;
}

#topnav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}

#topnav ul li.active a {
color: #FFFFFF;
text-decoration: underline;
}

/* Real styles - ids - Contents */

#contentsholder {
/* Shadow Image */
}

#contents {
background-color: #ffffcc; /* Medium Yellow */
border-left-color: #ffffff; /* White */
border-left-style: none;
border-left-width: 3px;
border-right-color: #ffffff; /* White */
border-right-style: none;
border-right-width: 3px;
float: left;
clear: right;
margin-top: 5px;
position: relative;
}

/* Real styles - ids - Left Nav */

#leftnav {
background-color: #ffcc33; /* Golden Yellow */
border: 1px solid #000099; /* Dark Blue */	
height: 100%;
margin-left: 4px;
margin-right: 6px;
margin-top: 8px;
padding-bottom: 10px;
width: 173px;
}

#leftnav .moduletable_menu {
font-size: 0.875em;  /* settings default font-size from 16px to 14px */
font-weight: bold;
text-transform: none;
}

#leftnav ul {
list-style-position: inside;
list-style-type: none;
margin-top: 0px;
padding-left: 0px;	
}

#leftnav ul li {
border-bottom-color: #ffffcc; /* Medium Yellow */
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #ffffcc; /* Medium Yellow */
border-right-color: #ffffcc; /* Medium Yellow */
border-top-color: #ffffcc; /* Medium Yellow */
padding-left: 0px;
}

#leftnav ul li a {
color: #000099; /* Dark Blue */
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
text-decoration: none;
width : 163px;
}

#leftnav ul li a:hover {
background-color: #000099; /* Dark Blue */
color: #ffffff; /* White */
}

#leftnav ul li.active {
border-bottom-color: #000099; /* Dark Blue */
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #000099; /* Dark Blue */
border-top-style: solid;
border-top-width: 1px;
}

#leftnav ul li.active a {
background-color: #990033; /* Maroon */
color: #ffffff; /* White */
}

#leftnav ul li.active ul {
border-bottom-width: 0px;
}

#leftnav ul li.active ul li {
border-bottom-style: none;
}

#leftnav ul li.active ul li.active {
border: none;
}

#leftnav ul li.active a:hover{
background-color: #ffffcc; /* Medium Yellow */
color: #000099; /* Dark Blue */
}

#leftnav ul li.active ul li a {
color: #ffffcc; /* Medium Yellow */
}

#leftnav ul li.active ul li a:hover {
background-color: #ffffcc; /* Medium Yellow */
color: #000099; /* Dark Blue */
}

#leftnav ul li.active ul li a span{
margin-left: 20px;
}

#leftnav ul li.active ul li.active a span {
color: #ffffff; /* White */
}

#leftnav h3 {
color: #000099; /* Dark Blue */
margin-left: 5px;
}

/* Real styles - ids - Main Content */
 
#main {
background-color: #ffffcc; /* Medium Yellow */
color: #000000; /* Black */
padding-top: 5px;
margin-top: 8px;
margin-right: 6px;
border: 1px solid #ffffcc; /* Medium Yellow */	
width: 598px;
}
	
#main .componentheading {
background-color: #ffcc33; /* Golden Yellow */
border-bottom-color: #ffffcc; /* Medium Yellow */
border-bottom-style: solid;
border-bottom-width: 1px;
color: #990033; /* Maroon */
font-size: 1.125em;  /* settings default font-size from 16px to 18px */
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
}	

#main .contentheading {
background-color: #ffcc33; /* Golden Yellow */
color: #000099; /* Dark Blue */
font-size: 1em;  /* settings default font-size, keeping it 16px */
font-weight: bold;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

#main .small {
font-size: 0.625em;  /* settings default font-size from 16px to 10px */
font-style: italic;
}

#main .createdate {
font-size: 0.625em;  /* settings default font-size from 16px to 10px */
font-weight: bold;
}

#main .modifydate{
font-size: 0.625em;  /* settings default font-size from 16px to 10px */
font-style: italic;
}

#main .contentpaneopen {
padding-left: 3px;
}

#main .article_column table.contentpaneopen{
border-top-color: #cccccc; /* Gray */
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 4px;
padding-top: 6px;
}

#main .article_column {
border-bottom-color: #cccccc; /* Gray */	
border-bottom-width: 1px;
border-bottom-style: solid;
padding-left: 3px;
padding-right: 3px;
}

#main .column_separator {
border-left-color: #cccccc; /* Gray */
border-left-style: solid;
border-left-width: 1px;
}

#main .buttonheading {
}

#main .blog_more {
margin-left: 5px;
margin-top: 8px;
}

/* Real styles - ids - Right Content */

#right {
background-color: #ffffcc; /* Medium Yellow */
border: 1px solid #cccccc; /* Gray */	
margin-right: 4px;
margin-top: 8px;
padding-bottom: 10px;
padding-left: 4px;
width: 173px;
}

#right h3 {
background-color: #ffcc33; /* Golden Yellow */
color: #000099; /* Dark Blue */
font-size: 0.938em;  /* settings default font-size from 16px to 15px */
font-weight: bold;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

#right div {
margin-left: 3px;
margin-right: 3px;
}

#right .bannerheader {
color: #000099; /* Dark Blue */
font-weight: bold;
}

/* Footer Background */

#extrasholder {
margin-top: 8px;
}

#extras{
margin-left: 4px;
margin-right: 4px;
}

#user1 {
background-color: #ffffcc; /* Medium Yellow */
border-top-color: #cccccc; /* Gray */
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: #cccccc; /* Gray */
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc; /* Gray */
border-left-style: solid;
border-left-width: thin;
border-right-color: #cccccc; /* Gray */	
border-right-style: solid;
border-right-width: thin;
width: 313px;
}

#user1 .moduletable {
margin-left: 0px;
}

#user1 h3 {
background-color: #ffcc33; /* Golden Yellow */
color: #000099; /* Dark Blue */
font-size: 0.814em;  /* settings default font-size from 16px to 13px */
font-weight: bold;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

#user2 {
background-color: #ffffcc; /* Medium Yellow */
border-bottom-color: #cccccc; /* Gray */
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc; /* Gray */
border-left-style: solid;
border-left-width: thin;
border-right-color: #cccccc; /* Gray */	
border-right-style: solid;
border-right-width: thin;
border-top-color: #cccccc; /* Gray */
border-top-style: solid;
border-top-width: 1px;
margin-left: 10px;
width: 313px;
}

#user2 .moduletable {
margin-left: 0px;
}

#user2 h3 {
background-color: #ffcc33; /* Golden Yellow */
color: #000099; /* Dark Blue */
font-size: 0.814em;  /* settings default font-size from 16px to 13px */
font-weight: bold;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

#user3 {
background-color: #ffffcc; /* Medium Yellow */
border-bottom-color: #cccccc; /* Gray */
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc; /* Gray */
border-left-style: solid;
border-left-width: thin;
border-right-color: #cccccc; /* Gray */	
border-right-style: solid;
border-right-width: thin;
border-top-color: #cccccc; /* Gray */
border-top-style: solid;
border-top-width: 1px;
margin-left: 10px;
width: 313px;
}
	
#user3 .moduletable {
margin-left: 0px;
}

#user3 h3 {
background-color: #ffcc33; /* Golden Yellow */
color: #000099; /* Dark Blue */
font-size: 0.814em;  /* settings default font-size from 16px to 13px */
font-weight: bold;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

/* Real styles - ids - Footer */

#footer{
margin-top: 0px;
padding-bottom: 15px;
padding-top: 1px;
font-size: 0.689em;  /* settings default font-size from 16px to 11px */
}

#footer a {
text-decoration:underline;
}

#footer_wrap {
}

#contenttracker {
	height: 40px;
	margin-top: 0px;
	text-align: right;
	vertical-align: middle;
}