/* CSS Document */

img { border: 0px; text-decoration: none; }
.code { font-family:"Courier New", Courier, monospace; 
         font-weight: bold;}

body {
	margin: 20px;
	padding: 0;
    color: white;
	background-color: black;
	background-image:none;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3em;
}

#header {
	background-color: #0F9D53;
	background-image: url(../images/common/lachivalogo.gif);
	background-repeat:no-repeat;
	border-bottom: 1px solid white;
	height: 146px;
}


#headertext {
	position:absolute;
	width:470px;
	height:35px;
	z-index:1;
	left: 290px;
	top: 125px;
	color: #fff;
}

#footer {
	background-color: #0F9D53;
	border-top: 1px solid white;
	padding: 5px 0px 1px 20px;
	height: 50px;
}


#footer .left { 
    float: left; 
	width: 188px; 
	height: 42px;
	overflow:hidden;
    text-align: left;
	}
	 
#footer .right { 
    float: right; 
	width: 188px;
	overflow: hidden;
	left: 300px;
	height: 42px;
    padding-right: 20px;
	text-align: right;
	}

#wrapper {
	background: #00474B url(../images/backgrounds/salsabackground.gif) repeat-y;
	border: 2px ridge white;
}

#outer {
	margin-left: 200px;  /* L */
	_margin-left: 0px;  /* L */ /* internet explorer only */
}

#center {
	float: right;
	width: 100%;
	margin-left: -1px;
}

#left {
	float: left;
	position: relative;
	background:#af3501; 
    width: 200px;  /* L */
	margin-left: -201px;  /* -L-1 */
	margin-right: 2px;
	
	/* (Internet explorer only) */
    _clear: both; 
	_width: 199px; /* L */
	_margin-left: 0px; 
	_margin-right: 2px; */
}

#inleft {
	_overflow: hidden;
    _width: 200px;
}

#minwidth {
	min-width: 404px;
}

#incenter {
	padding:20px;
	_padding:20px 20px 20px 220px; /*Internet Explorer only */
}

/*hidden floats went here*/

#outer {
	word-wrap: break-word;
}
p, h2, h3 {
	margin: 0 0 1em 0;
}
h1 {margin: 0px; font-size: small; font-weight: bold;}
h2 {text-align: right; }
h3 {font-size: small; font-weight: bold; width: 100%; border-bottom: 1px dotted white; }
h6 {font-size: x-small; font-weight: bold; width: 100%; text-align: right;}

.clear {
	clear: both;
}
.alignright {
	text-align: right;
}

.testfloat {
	width: 50px;
	border: 2px solid #f90;
	background-color: #ffd;
	font-size: .8em;
}

.to-right {
	float: right;
}

.to-left {
	float: left;
}

.huge {font-size: 200%; }

.posted {font-size:x-small; }

/*------------------=navigation --------------------- */

#vertmenu {
width: 199px;
padding-top: 15px;
border-left: 1px solid #000;
_border-left: 0px solid #000; /* Internet Explorer only */
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 100%;
display: block;
padding: 5px 0px 2px 20px;
text-decoration: none;
color: #fff;
width:180px;
_width:199px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
background-color: #333;
width: 180px;
_width: 199px; /* Internet Explorer only */
font-weight:bold;
}

body#sectionone #vertmenu li#one a, 
body#sectiontwo #vertmenu li#two a,
body#sectionthree #vertmenu li#three a,
body#sectionfour #vertmenu li#four a,
body#sectionfive #vertmenu li#five a,
body#sectionsix #vertmenu li#six a,
body#sectionseven #vertmenu li#seven a,
body#sectioneight #vertmenu li#eight a {
background-color:#00474B;
width: 180px;
_width: 199px; /* Internet Explorer only */
font-weight:bold; 
	}

/*------------------=links styling --------------------- */

#center a:link, #center a:visited { color: #719a1a; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #719a1a; }
#center a:hover, #center a:active { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #fff; }

#footer a:link, #footer a:visited { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #fff; }
#footer a:hover, #footer a:active { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px solid #fff; }

#header a:link, #header a:visited { color: #af3501; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #af3501; }
#header a:hover, #header a:active { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #fff; }