/* common elements */
body {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	line-height: 120%;
        background: #FFFFFF;
	color: #000000;
	margin: 0px;
	width: 781px;
}

p,td,th {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	line-height: 120%;
	color: #000000;
	margin: 10px 5px;
}

ul {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #000000;
	list-style-type: square;
}

ul li ul {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #494949;
	list-style-type: circle;
}

ul.module-list {
	margin-left: 1em;
	padding-left: 1em;
	list-style-type: none;
}

ul.module-list ul {
	padding-left: 0.5em;
	list-style-type: none;
}

#wrapper li {
	margin: 10px 0px;
}

ol {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #000000;
}

h1, h3#archive-title {
	font: bold 28px/30px Arial, Helvetica, sans-serif, Verdana;
	color: #000168;
	margin: 15px 5px 5px 5px;
}

h2{
	font: normal 24px/26px Arial, Helvetica, sans-serif, Verdana;
	color: #007AAC;
	margin: 15px 5px 5px 5px;
}

h3, blockquote{
	font: 22px/26px Arial, Helvetica, sans-serif, Verdana;
	color: #5D0000;
	margin: 5px;
}

h4{
	font: normal 14px/16px Arial, Helvetica, sans-serif, Verdana;
	color: #5A3113;
	margin: 20px 5px 0px 5px;
	border-bottom: 1px solid #5A3113;
}

h5 {
	font-size: 1em;
	color: black;
	margin: 0 5px;
	
}

dl {margin-left:15px;}
dt {margin-top:10px;}

.download h4 {
border-bottom-width: 0px;
}

a:link{
	color: #2829D5;
	text-decoration: underline;
}

a:visited{
	color: #9C2A2A;
	text-decoration: underline;
}

a:active{
	color: #A52A2A;
	text-decoration: underline;
}

a:hover{
	color: #6869E1;
	text-decoration: none;
}
/* ************** */


/* id elements */
#header {
	background: #2D678F;
	width: 781px;
	margin: 0px;
	border: 0px;
}

#title {
	background: #2D678F;
	float: left;
	width: 781px;
	height: 75px;
}

#search_area {
	background: #F1DCAA;
	font: bold 90% Arial, Helvetica, sans-serif, Verdana;
	float: left;
	width: 781px;
	height: 25px;
	padding: 3px 0px;
	text-align: left;
}

#navigation {
	width: 781px;
}

#image_area {
	width: 548px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#hdquote {
	margin: 0px;
	padding: 0px;
	float: left;

}
	
#wrapper {
	width: 781px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/sidebar.gif") top left repeat-y;
} 

#sidebar {
	float: left;
	width: 225px;
	padding: 5px;
	margin: 0;
}

#sidebar .callout {
	font: normal 120% Arial, Helvetica, sans-serif, Verdana;
	color: Black;
	margin: 10px 20px;
	padding: 10px 0px;
	border-top: 2px solid Black;
	border-bottom: 2px solid Black;	
}

#sidebar h2 {
	font: normal 24px/26px Arial, Helvetica, sans-serif, Verdana;
	color: #000168;
	margin: 15px 5px 5px 5px;
}

#sidebar ul {
	font: normal 12px Arial, Helvetica, sans-serif, Verdana;
	color: Black;
	list-style-type: square;
}

#content {
	float: left;
	width: 500px;
	padding: 0px 10px;
	clear: none;
}

#footer {
	clear: both;
	background: #2D678F;
	width: 781px;
	padding: 0px;
	height: 75px;
	font: normal 95% Arial, Helvetica, sans-serif, Verdana;
	color: White;
	vertical-align: middle;
}

#footer p, #footer a{
	color: White;
	vertical-align: middle;
}

#notify {
	background-color: rgb(95%,95%,95%);
	padding: 1em;
	border: 1px solid #333;
	margin: 5px;
}
/* ************** */


/* class elements */
.alert {color: #a41111; font-weight: bold;text-align:center;}

.footext{
	float: right;
	margin: 25px 15px;
}

.smpic { float:left; margin: 0px 10px 10px 0px;}
.smpicr { float:right; margin: 10px;}

.standout {
	border: 1px solid gray;
	padding: 5px;
	margin: 5px;
	background: #C9DBE9;
}

.breadcrumb {
	font: normal 95% Arial, Helvetica, sans-serif, Verdana;
	text-align: left;	
	color: #0c4b7b;
}

.pdf {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #990000;
}

.ppt {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #990000;
}

.doc {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #392570;
}

.web {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #004F01;
}

.audio {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #5C0083;
}

.elip {
	font: bold 110% Arial, Helvetica, sans-serif;
	text-align: center;	
}

.continue {
	font: bold 110% Arial, Helvetica, sans-serif, Verdana;
	color: Navy;
}

.home {
	font: bold 110% Arial, Helvetica, sans-serif, Verdana;
	text-align: right;
}

.hilite {
	font: bold 100% Arial, Helvetica, sans-serif, Verdana;
	color: #cc3300;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.small {
	font-size: 90%;
}

ul.files {
	list-style-type: none;
margin: 0 0 35px 0;
}
ul.files li {
	margin: 0 0 1em 0;
        padding:  0 0 9px 0;
}
ul.files li a.pdf, ul.files li a.doc, ul.files li a.web, ul.files li a.xls, ul.files li a.ppt{
	display: block;
}

a.pdf {
	background: center left transparent url('/resources/images/document_pdf.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 42px;
	display: inline;
	vertical-align:middle;
min-width: 42px;
height: 1em;
}

a.doc{
	background: center left transparent url('/resources/images/document_word.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 54px;
	display: inline;
	vertical-align:middle;
min-width: 54px;
height: 1em;
}

a.xls{
	background: center left transparent url('/resources/images/document_xls.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 54px;
	display: inline;
	vertical-align:middle;
min-width: 54px;
height: 1em;
}

a.audio{
	background: center left transparent url('/resources/images/audio_file.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 54px;
	display: inline;
	vertical-align:middle;
min-width: 54px;
height: 1em;
}

a.ppt{
	background: center left transparent url('/resources/images/ppt_file.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 42px;
	display: inline;
	vertical-align:middle;
min-width: 42px;
height: 1em;
}

a.web{
	background: center left transparent url('/resources/images/www_title.gif') no-repeat;
	margin-left: 0;
	padding: 0 0 0 31px;
	display: inline;
	vertical-align:middle;
min-width: 31px;
height: 1em;
}

.entry-footer {
	border-top: 1px solid #5A3113;
	border-bottom: 1px solid #5A3113;
	margin: 1em 0;
	padding: 5px ;
}


div.message {
	margin: 1em 0;
	border: 1px solid #A52A2A;
	font-weight: bold;
	color: #A52A2A;
	background-color: #ffc;
	padding: 1em;
	font-size: 1.2em;

}

.entry-more-link {
display: none;
}
.module-creative-commons module, 
.module-welcome {
	display: none;
}

#sidebar ul {
margin-left: 15px;
padding-left: 5px;
}

#sidebar ul ul, #sidebar ul ul ul  {
margin-left: 10px;
padding-left: 5px;
}

.sidebar-nav-current {
color: #2D678F;
font-weight: bold;
}

.more {
	cursor: help;
	color: Maroon;
	text-decoration: underline;
	font-weight: bold;
	margin: 13px 0 0 0!important;
	padding: 3px 0 3px 22px;
	display: block;
	background : url(../resources/images/open.gif) no-repeat 0 1px;
}

p.more:hover {
	text-decoration: none;
}

.mc-warning {
       background: #ffefd2;
       border: 1px solid #cc7e00;
       padding: 5px;
}

.mc-correct {
       background: #e6f1b8;
       border: 1px solid #9baa5a;
       padding: 5px;
}

.icon-hover {float: right; margin: 0px 0px 10px 10px; cursor:pointer;}

.hover-close {text-align: right; font-weight: bold;}

#hover-wisdom {
       position: absolute;
       z-index: 1000;
       top: 425px;
       left: 470px;
       width: 300px;
       background: #e5f7fd;
       border: 1px solid #2d678f;
}

#hover-wisdom h2 {
       margin-top: 3px;
       font-size: 10pt;
       font-weight: bold;
}


#hover-tips {
       position: absolute;
       z-index: 1000;
       top: 425px;
       left: 470px;
       width: 300px;
       background: #ffefd2;
       border: 1px solid #cc7e00;
       padding: 5px;
}

#hover-tips h2 {
       margin-top: 3px;
       font-size: 10pt;
       font-weight: bold;
       color: #cc7e00;
       line-height: 110%;
}


#hover-content {
       position: relative;
       z-index: 1000;
       top: 25px;
       left: 50px;
       width: 300px;
       background: #E9FFBF;
       border: 1px solid #75B300;
}

#hover-content h2 {
       margin-top: 3px;
       font-size: 10pt;
       font-weight: bold;
}

#hover-content2 {
       position: relative;
       z-index: 1000;
       top: 20px;
       left: 40px;
       width: 300px;
       background: #E9FFBF;
       border: 1px solid #75B300;
}

#hover-content2 h2 {
       margin-top: 3px;
       font-size: 10pt;
       font-weight: bold;
}

.minitutorial {
	border: 1px solid #E9A2AF;
	background-color: #C9DBE9;
	min-height:30px;
	padding: 5px;
        margin: 5px;
}

.minitutorial strong {font-size: 13pt;}
/* ************** */