/* main layout */

body {
  background-color: #E6E6FA;
  font-size: 10pt;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  min-width: 550px;
}

#header {
  background-image: url('../images/mastBackground.png');
  background-repeat: repeat-x;
  padding: 0em;
}

#masthead {
  background-image: url('../images/masthead.jpg');
  background-repeat: no-repeat;
  padding: 0em;
  width: 885px;
  height: 110px;
  margin-bottom: 0em;
}

#icons {
  position: absolute;
  left: 1em;
  top: 4.5em;
}

#sidebar {
  width: 9em;
  position: absolute;
  left: 1em;
  top: 8em;
}

#content {
  padding: 0 1em 0 11em !important;
}

#footer {
  padding: 1em 1em 0 11em;
  text-align: right;
  clear: both;
}

#menu {
  background-color: #202F86;
  width: 9em;
  margin: 0;
  padding: 0;
}

#left_sidebar_ad {
  margin-top: 0.5em;
  width: 120px;
  height: 240px;
}

a > img {
  border: 0;
}

/* header styles */

#header img {
  border: 0px;
}

#icons img {
  vertical-align: middle;
}

/* footer styles */

.legal {
  font-style: italic;
  font-size: 8pt;
  font-family: Tahoma, Arial, Monospace;
}

.debug {
  margin-top: 1em;
  text-decoration: none;
  font-size: 7pt;
  font-family: Tahoma, Arial, Monospace;
  color: #A0A0B0;
}

.debug a {
  text-decoration: none;
  color: #A0A0B0;
}

.legalFooter {
  border-top: 1px solid #999;
  padding-top: 1em;
  text-align: center;
  text-decoration: none;
  font-size: 8pt;
  font-family: Tahoma, Arial, Monospace;
  color: #404040;
}

/* boxes */

div.box { 
  background-color: #202F86; 
  background-image: url('../images/box.png');
  background-repeat: repeat-y;
  background-position: right;
  margin-bottom: 1em;
  border: 1px solid #202F86;
  min-width: 464px;
}

div.title h1 {
  background-image: url('../images/box.png');
  background-repeat: repeat-y;
  background-position: right;
  font-family: Tahoma, Arial, Monospace;
  font-size: 12pt;
  color: #FFFFFF;
  margin-bottom: 4px;
}

div.content {  
  background-color: #ffffff;
  padding: 0em 0.5em 0.5em 0.5em;
  text-align: left;
  line-height: 110%;
}

div.content > h2:first-child {
  padding-top: 0.2em;  
}

/* content & headings */

h1, h2, h3, h4, h5, h6 { 
  font-family: Tahoma, Arial, Monospace;
  font-weight: bold;
  font-style: normal;
}

h1 { 
  font-size: 13pt;
  padding-left: 0.4em;
  color: #ffffff;
  background-color: #202f86;
}

h2 {
  font-size: 11.5pt;
  color: #202f86;
  padding-top: 0.6em;
  font-variant: small-caps;
}

h3 {
  font-size: 10pt;
  font-style: italic;
  color: #202f86;
  padding-top: 0.5em;
}

p {
  padding-top: 0.2em;
}

h2 + p {
   padding-top: 0.25em;   
}

p + p {
   padding-top: 1em;   
}

ul { 
  display: block; 
  list-style-type: disc; 
  margin: 0.5em 0em 0em 2em;
} 

ol { 
  display: block; 
  list-style-type: decimal; 
  margin: 0.5em 0em 0em 2em; 
} 

li { 
  display: list-item;
  padding: 0em 0em 0.5em 0em;
} 

ul ul, ol ul { 
  list-style-type: circle 
}

.content a {
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}

div.thumb {
  float: left;
  width: 16em;
  margin-bottom: 1em;
  padding: 0.5em;
}

div.thumb a img {  
  margin-left: 3em;
  border: none;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 4px 4px 4px grey;
  -webkit-box-shadow: 4px 4px 4px grey;
  box-shadow: 4px 4px 4px grey;  
}

.caption {
  font-style: italic;
  font-size: 9pt;
  font-family: Tahoma, Arial, Monospace;
  margin-top: 1em;
  padding: 4px;
  border: 1px solid lightgrey;
  color: black;
  text-align: center;
}

/* two column & floats */

.leftColumn {
  float: left;
  width: 49%;
}

.rightColumn {
  float: right;
  width: 50%;
}

div.leftColumn div {
  padding: 1em 1em 1em 0em;
}

div.rightColumn div {
  padding: 1em 0em 1em 1em;
}

.left {
  float: left;
}

.right {
  float: right;
}

div.left div {
  padding: 1em 1em 1em 0em;
}

div.right div {
  padding: 1em 0em 1em 1em;
}

.floatRight {
  float: right;  
}

.clear {
  clear: both;
}

/* lines */

hr.line {
  margin-top: 2em;
  margin-bottom: 1em;
	width: 80%;
	height: 1px;
	color: #999;
	background-color: #999;
	border: 0px solid #999;
}

hr.thick {
	width: 95%;
	height: 2px;
	border: 1px;
}

/* buttons */

div.buttons {
  overflow: hidden;
  text-align: right; 
  padding: 2em 1em 1em 1em;
}

a.button {
  background: #E6E6FA; 
  border: 1px solid #202F86;
  margin-left: 1em;
  text-decoration: none;  
}

a.button:hover {
  background-color: #ffc000;
  color: #202f86;
}

a.button span { 
  color: #202F86;
  margin: 0;
  padding: 0.1em 0.5em;
}

/* menu structure */

#menu ul, #menu li, #menu a {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

#menu ul {       /* level 1 */
  width: 8.5em;
  list-style: none;
  padding: 2px;
}

#menu ul ul {    /* level 2 */
  width: auto;
}

#menu ul ul ul { /* level 3 */
  width: auto;
}

#menu li {
  white-space: nowrap;
  position: relative;  
  padding: 0px;
  z-index: 9;
}

#menu ul ul li {
  white-space: nowrap;
  padding: 0px;
}

#menu li.folder ul {
  position: absolute;
	left: 0px;
	top: -1px;
}		

#menu a {
  width: 100%; /* IE6 */
  text-decoration: none;
}

#menu li>a { 
  width: auto; /* others */
} 

#menu li.folder:hover { 
  z-index: 10; 
}		
  
#menu ul ul, #menu li:hover ul ul {
  display: none;
}

#menu li:hover ul, #menu li:hover li:hover ul {
  display: block;
  left: 100%;
}		

/* menu styling */

#menu ul {
  background: #202f86;
}

#menu ul ul {
	border: 1px solid #e6e6fa;
}

#menu li a {
  color: #e6e6fa;
  background-color: #202f86;
  padding: 2px;
  text-decoration: none;
}

#menu li.folder a {
}

#menu li a.submenu {
  padding-right: 16px;
  background:url("../images/arrow.gif") right no-repeat;
}

#menu a:hover {
  background-color: #ffc000;
  color: #202f86;
}

#menu li.folder a:hover {
  background-color: #ffc000;
  color: #202f86;
}