/* Start of CMSMS style sheet 'aaloswstylesheet' */

/*=========BODY LAYOUT========= */
		/* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */

body{
	color: #3d3121;
	font-size: 1em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 1.5em;
	background-color: #FFDD78;
	width: 100%;
        min-width: 820px;
	margin: 0 !important;
overflow: hidden !important;
}
#sidelogo {
position: fixed; top: 250px; left: -1px; width: 172px; height: 400px; z-index: 100;
}
#outer_wrapper {
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	background-color: #3D3122;
	min-width: 740px; /* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
	width: 100%;
	height: 80%;
	margin: auto auto auto -1px;
}
#wrapper { background-color: #ffdd78; width: 100%;
/* faux-column technique, this is the right one */
}
#header {
 background:#094f57 url(uploads/losw/greentop.gif) repeat-x 0 bottom;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
height: 120px; padding-left: 150px;
}
 #toplogo { float: left; text-align: left; position: relative; top: 0px; padding-left: 0px; z-index: 2; }

#legals {
position: absolute;
top: 0;
left: 0;
width: 98%; height: 12px;
 color: #fde18f; font-size: 11px;
font-family: "Trebuchet MS";
text-align: right;
line-height: 12px;
padding-top: 0px;

padding-left: 2px;
z-index: 20;

}
#legals a {
color: #fde18f;
text-decoration: none;
}
#legals a:hover {
color: white;

}
#contentwrapper {

}
#container
{
 }

#left {

     }
#content {
/* the width from #left (150px) + the negative margin from #container (200px) */
font-size: 0.85em; z-index: 20;
padding: 10px 0px 10px 10px;
border-top: 1px solid #1A2D2A;
border-left: 1px solid #1A2D2A;
border-bottom: 0px solid #1A2D2A;
border-right: 0px solid #1A2D2A;
width: 93%;
z-index: 10;

}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
/*width: 160px; z-index: 1; float: right; margin-left:-180px;*/
 padding-top: 20px;
}
#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
; padding-left: 10px;
}
#footer {
	/* see #outer_wrapper  */
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: 600;
	line-height: 11px;
	color: #985804;
	background: #1A2D2A url(uploads/losw/greenbottom.gif) repeat-x 0 top;
	width: 100%; /* this is to clear #container */
	clear: both;
	text-align: center;
	height: 182px;
	padding-top: 10px;
}

footer a {
	text-decoration: none;
	color: #985804;
}
footer a:hover {color: #6F3E02;
background-color: #ffdd78;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {
height:0;clear:both
}
.head2 /*agl rulekind: base;*/ {
 background-color: #ffdd78; text-align: center; vertical-align: top;
}
.head /*agl rulekind: base;*/ {
width: 160px;
}
/*===========mootools================*/
.picleft { float: left; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; }
.further { float: right; margin-top: -10px; padding-right: 10px; }
/*.further a { color: #00c; text-decoration: none; padding-right: 10px; float: right; }
.further a:hover { color: #00c; background-color: #528ce0; text-decoration: none; padding-right: 10px; float: right; }*/



/*====NEW navcontainer=====*/
#navcontainer {
/*width: 200px;*/

list-style: none;
font-family: sans-serif;
font-size: 80%;}

#navcontainer li
{
display: inline;
/* for IE5 and IE6 */
}
#navcontainer ul
{background: #f9d363;
width: 140px;
margin-left: 0px;
padding: 0;
text-align: left;
}


#navcontainer li { margin: 0;
list-style: none;
}

.currentpage h3{
display: block;
margin: 0px;
padding: 0;
color: #f9d363;
/*border-left: 3px #800000 solid;*/
background-color: #985804;
width: 142px;

}

#navcontainer a {
display: block;
width: 120px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-width: 1px;
border-color: #fde18f #aaab9c #ccc #fff;
border-style: solid;
color: #985804;
background: #ffdd78;
text-transform: lowercase;
font-weight: bold;
}
#navcontainer a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
#navcontainer a:active {
color: red;}

#navcontainer ul ul
{
background: #f9d363;
/*width: 170px;*/
margin: 0;
padding-left: 0px;
font-size: 85%;
text-align: left;
text-transform: lowercase;
list-style: none;

}
#navcontainer li li a {
display: block;
width: 115px;
padding: 1px 3px 1px 22px;
text-decoration: none;
border-top: 0;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #ffe #aaab9c #ccc #fff;
color: #985804;
background: #ffdd78; /*Can change this*/
font-weight: normal;
}
#navcontainer li li a:hover
{
color: #800000;
background: transparent;
border-right: 0px;
border-bottom: 1px;
border-color: #aaab9c #fff #ccc #ccc;
}

#main {
float: left;
}


/*=======END NAVIGATION===============*/
/* End of 'aaloswstylesheet' */