/* --------------------------------------------------- defaults ---------------------------------------------------- */


body { 

	background-color: white;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: black;
	margin: 0;
}

p { margin:0 0 15px 0 }
p.quote { font: italic bold 16px times; line-height: 1.9em !important; margin-bottom: 10px;}
p.source { font-size: 11px; margin-bottom: 16px;}

h1 { margin:0 0 15px 0; font-size:20px }
h2 { margin:0 0 15px 0; font-size:18px }
h3 { margin:0 0 10px 0; font-size:15px }
h4 { margin:0 0 10px 0; font-size:14px }

h1, h2, h3 { color: #800000; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 12px; }

a { color: #993300 }
a:hover { color: black }
a.button { padding: 5px; border: 1px solid #857D6E; background-color: #4C4229; color: white; text-decoration: none; }
a.button:hover { background-color: #857D6E; color: white; }

a img { border: 0px }
b, strong { color: black; }

hr { color: white; }

.lg { font-size: 125%;}
.md { font-size: 115%;}
.sm { font-size: 90%;}
.xsm { font-size: 80%;}

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }

.p { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }
.on { font-weight: bold; font-size: 120%; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color:#FF6 }
.padded { padding: 5px }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/
.error { border: 1px solid #999; background-color:#F66; padding: 5px } /* Red */

div.error { margin-bottom: 15px }


/* ---------------------------------------------------- page ------------------------------------------------------- */


#page { background-color: #F3F3E9; }


/* ------------------------------------------------ page > masthead ------------------------------------------------ */


#page #masthead { 
  
  width: 100%; 
  height: 120px; 
  clear: both; 
  overflow: hidden; 
  background: #DBE8FB;
}


#page #masthead .mid {
  
  width: 900px ;
  margin: 0 auto;
  
}

#page #masthead .mid .logo { float: left; margin-top: 5px; }
#page #masthead .mid .links { 
  
  float: left; 
  margin: 40px 20px 0 50px;
/*  border: 1px solid #999;*/
  
}

#page #masthead .mid .links p { 
  
  margin-bottom: 5px;
  
}


#page #masthead .mid .right { float: right; margin-top: 18px; width: 300px; color: #750426; /*background-color: green;*/ }
#page #masthead .mid .right h4 { font-size: 11px; margin-bottom: 15px; }
#page #masthead .mid .right input { font-size: 10px; }


/* -------------------------------------------------- page  > nav -------------------------------------------------- */


#page #nav { 

  width: 100%;
  clear: both;
  background: #750426 url('../images/bkg_nav.gif') repeat-x center center;
  border-top: 1px solid white;
  border-bottom: 1px solid #D1E4FF;
}

#page #nav ul { 
  
  width: 100%; 
  text-align: center; 
  margin: 0;
  padding: 10px 0;
}

#page #nav ul li { 

  padding: 10px 0;
  margin: 0;
  display: inline;
  list-style-type: none; 
}

#page #nav ul li.nav-selected { background-color: #67001C; }


#page #nav ul li a { 

  padding: 0 20px ;
  text-decoration: none;
  font-size: 13px;
  color: #EEB74B;
  border-left: 1px solid white;
}

#page #nav ul li.first a { border-left: 0; }


#page #nav ul li a:hover { color: white; }
#page #nav ul li.nav-selected a { color: white; padding: 9px 20px; font-weight: bold; border-right: 1px solid white; margin-right: -1px;}


/* ------------------------------------------------- page > content ------------------------------------------------ */


#page #content { width:900px; margin: 0 auto; position: relative; }


/* ---------------------------------------------- page > content > text -------------------------------------------- */


#page #content #text { background: transparent url('../images/bkg_text.gif') repeat-y ; padding-left: 20px;}
#page.home #content #text { background: #DEDDB2; padding-left: 0; float: left; /* IE6 Hack */ }

#page #content #text table { margin-bottom: 15px;}
#page #content #text form { margin-bottom: 15px;}
#page #content #text hr { margin-bottom: 15px;}

#page #content #text ul, #page #content #text ol, #page #content #text li, #page #content #text dl, #page #content #text dt, #page #content #text dd { padding: 0; margin: 0}
#page #content #text li { list-style-type: none }

#page #content #text ul, #page #content #text ol { padding: 0 0 13px 2.3em }
#page #content #text dl { padding: 0 0 18px 1.0em }

#page #content #text li, #page #content #text dd { padding-bottom: 7px }
#page #content #text dd { padding-left: 15px }

#page #content #text ul li { list-style-type: disc; }
#page #content #text ol li { list-style-type: decimal; }


/* ----------------------------------------- page  > content > text > subnav --------------------------------------- */


#page #content #text #subnav { 

  float: left;
  padding: 20px 0 0 0;
  width: 220px;
  overflow: hidden;
  
}

#page.home #content #text #subnav { 

  width: 230px;
  padding: 15px;
  float: right;
  
}

#page #content #text #subnav h4 { margin-bottom: 10px; }

#page #content #text #subnav ul { 
  
  width: 100%; 
  margin: 0;
  padding: 0;
}

#page #content #text #subnav ul li { 

  width: 100%; 
  float: left;
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

#page #content #text #subnav ul li.first { margin-top: 0; }

#page #content #text #subnav ul li a { 
  
  float: left;
  clear: both;
  width: 200px;
  padding: 5px 0 5px 20px ;
  margin: 2px 0;
  text-decoration: none;
  font-size: 13px;
}

#page #content #text #subnav ul li a:hover { text-decoration: underline; /*color: #993300;*/}
#page #content #text #subnav ul li.nav-selected a { background-color: white; }
#page #content #text #subnav ul li.nav-selected a:hover { text-decoration: none; color: #993300;}


/* --------------------------------------- page > content > text > text-main --------------------------------------- */


#text #text-main { 
  
  width: 600px;
  float: left;
  padding: 20px;
  background-color: white;
  
  /* ============== */
  /* = MSIE6 Hack = */
  /* ============== */
  
  min-height: 530px;
  height: auto !important;
  height: 530px;
  
}


#text #text-main p { line-height: 1.4em; }

#page.home #text #text-main { 
  
  background-color: white;
  padding: 0;
  
}

#page.home #text #text-main .splash { background-color: white; }


/* ------------------------------------------------------ foot ----------------------------------------------------- */


#foot { 

  width: 100%;
  clear: both;
  font-size: 11px;
  border-top: 1px solid white;
  padding: 20px 0;
  color: #191919;
  background: transparent url('../images/bkg_foot.jpg') repeat-x;
}

#foot .mid {
  
  width: 900px ;
  margin: 0 auto;
  
}

#foot .mid p { margin-bottom: 10px; }

#foot .mid .left { float: left; width: 275px; /*background-color: red;*/ }

#foot .mid .center { float: left; margin-left: 20px; width: 260px; /*background-color: blue;*/ }
#foot .mid .center p { margin-bottom: 5px; }
#foot .mid .center img { margin-left: 15px; }

#foot .mid .right { float: right; width: 320px; /*background-color: green;*/ }
#foot .mid .right h4 { font-size: 12px; }
#foot .mid .right p { margin-bottom: 3px; }


/* ------------------------------------------------------- Misc ---------------------------------------------------- */


.clearfix:after { 

		content: ""; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden
}