/**
* Tag Styling 
*/
body {
    font-family: Arial,Verdana,sans-serif;
    font-size:75%;
    margin:0px 0px;
    text-align:center;
    color:#333333;
    background-color:#FFFFFF;
}

a {
  color:#3366FF;
}

thead {
    font-weight:bold;
}

.datatable {
	font: 110% Arial, Helvetica, sans-serif;	
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
}
.datatable td {
	border: 1px solid #D6DDE6;
	padding: 0.3em;
}
.datatable th {
	background-image: url("../../images/title-ext.jpg");
	border: 1px solid #828282;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
	color:white;
	
}
.datatable caption {
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}


td {
    font-family: Arial,Verdana,sans-serif;
    font-size:75%;
    margin:20px 0px;
    text-align:left;
    color:#333333;
    background-color:#FFFFFF;
}

pre {
    font-family:Arial,Verdana,sans-serif;
    color:#009900;      
}

input, select {
    font-family: Arial,Verdana,sans-serif;
    font-size:100%;
}

form {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-family:Arial,sans-serif;
    margin:0px;
    font-size:135%;
}

h2 {
    font-family:Arial,sans-serif;  
    margin:0px;
    font-size:125%;
    font-weight:600;
}

/**
* ID Styling
*/
#website_wrapper {
    width: 1000px; 
    margin:auto; 
    text-align:left;
}

#website { 
    width: 1000px; 
    margin:auto; 
    text-align:left;
    float:left; 
}

#header {
    float:left;
    width:1000px;
    z-index:0;
    height:158px;
}

#header #logo {
    width:950px;
    height:153px;
    float:left;
    background-color:#053880;
    border-right:1px solid #FFF;
}  

#navigation {
    font-family:Arial,Verdana,arial,sans-serif;
    float:right;
    text-align:right;
    width:950px;
}

#middle_wrapper {
    float:left;    
    width:950px;
}

#middle {

    float:left;    
    width:950px;
}

#middle #left {    
    float:left; 
    padding-bottom:50px;   
    width:200px;   
}

#middle #left ul {
    border:1px solid #CCC;
    border-bottom:0px;
    list-style-type:none;
    margin:0px;
    margin-top:10px;
    width:200px;
    padding:0px;
} 

#middle #left ul ul {
  width:190px;
  border:0px;
}

#middle #left ul li a {
 display:block;
  text-decoration:none;  
}

#middle #left ul li a:hover {
  background-color:#FFF;
  text-decoration:underline;
 } 
 
 #middle #left ul li.selected a { 
  text-decoration:underline;
 }
 
#middle #left ul li.selected li a {
 color:#000000;
 background-image:none;
 /* height:16px; */ 
 display:block;
}  

#middle #left ul li li a:hover,#middle #left ul li.selected li.selected a {
  color:#090744;
 }                                

#middle #left ul li {
    padding:0px 0px;
    border-bottom:1px solid #CCC;
}

#middle #left ul li li {
    border-top:0px;
    border-bottom:0px;
}

#middle #right {
    line-height:17px;      
    float:right;    
    margin-left:10px;
    width:190px;
    padding:10px 0px;
}

#middle #content {
    float:left;   
    line-height:0px;
    padding:0px 0px;
    margin:0px;
}

#middle #content ul li {
    padding:0px 0px 0px 0px;
}

#middle #content .section .edit_link {
    float:right;
    background-color:#FFFFEE;
    margin:0px 5px 0px 0px;
    border:1px solid #999;
    padding:0px 2px;
    font-size:90%;
}

#footer {
    float:left;
    width:1000px;
    border-top:1px solid #333333;
    border-bottom:1px solid #333;
    text-align:center;
    background-color:#FFF;   
    color:#333;
    padding:5px 5px 5px 5px;
}

/**
* Class Styling
*/
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration: underline; }
.w50  { width: 50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }   
.w400 { width:400px; }   
.w450 { width:450px; }   
.w500 { width:500px; }   
.error { color:#CC0000; }
.success { color:#009900; }
.instructions { color:#777777; }
.padding { padding:10px; }

/** 
* Top Navigation Styling 
*/
#navigation ul {
padding:0; 
margin:0; 
text-align:left;
float:right;
list-style-type: none;  
}  

#navigation ul#nav {

 margin:0px;
 padding:0px;
}  

#navigation ul#nav ul { 
 display:none;
 position:absolute; 
 z-index:1; 
 text-align:left;   
 border:1px solid #333;
 background-color:#FFF;
 margin-left:-1px; 
 margin-top:25px;
 border-bottom:0px;
 filter:alpha(opacity=90);
 -moz-opacity:.90;
 opacity:.90;        
}

#navigation ul#nav li a {
text-decoration:none;   
float:left;
padding:5px 8px;       

}

#navigation ul#nav li a:hover {
 text-decoration:underline;
}

#navigation ul#nav li a.last {
border-right:0px;  
}

#navigation li {
float:left;   
text-align:center; 
padding:0px 0px;  
}

/* Drop Down Menu Styling */
#navigation ul#nav li:hover ul, #navigation ul#nav li.over ul {
display:block;
}

#navigation ul#nav ul li {
display:block;    
text-align:left;
border-right:0px;
padding:0px;
float:none;  

}

#navigation ul#nav ul li a {
 border-right:0px;
 float:none;  
 width:150px;
 display:block;
 padding:5px 10px;              
 border-bottom:1px solid #333;   
}

#nav_table {
 width:100%;
 border:1px solid #CCC;
 text-align:left;
}

#nav_table td {
 padding:5px;
 text-align:left;
}

#nav_table thead {
 font-weight:bold;
}

/* Edit Toolbar */
 #toolbar {
 padding:5px;
 margin-bottom:10px;
 border:1px solid #CCCCCC;
 background-color:#FFFFDD;
 }

* html #navigation ul#nav li {
 position:relative;                              
}

* html #navigation ul#nav li ul li {
 position:none;    
}

* html #navigation ul#nav ul {
 left:0px;
 top:27px;
 z-index:3;
 margin:0px;
 padding:0px;  
}

* html #navigation ul#nav ul li a {
 display:block;
}

.edit                { background-image: url("../images/pencil.png"); }   
.doc                { background-image: url("../images/page.png"); } 
.icon               { padding:1px 0px; padding-left: 20px; background-repeat: no-repeat; }
.up                 { background-image: url("../images/arrow_up.png"); }
.down               { background-image: url("../images/arrow_down.png"); }

.fakelink {
    
    cursor: pointer;
    text-decoration: underline;
    color: blue;

}

.fadedOut75 {

    color: silver;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;

}

span.highlight_word {

    background: yellow;
    font-weight: 700;

}