/* CSS Document */


body{
margin:0;
padding:0;
line-height: 1.5em;
background: #996699;

}


#header {
background: #996699;

height:155px; /*Height of top section*/
}
#headersection h1{
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
}


#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin: 0 140px 0 135px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-top:2px solid black;
border-right:3px solid black;
border-left:3px solid black;
background: #663366;
height:100%;
}
#leftcol{
float:left;
width: 138px; /*Width of left column*/
margin-left: -100%;
background: #663366;
BORDERS: 2px solid #000000;
height:100%;
}
#right{
float:right;
width: 130px; /*Width of right column*/
height:100%;
margin-left: -130px; /*Set left marginto -(RightColumnWidth)*/
border-top:3px solid white;
border-right:3px solid white;
border-left:3px solid black;
border-bottom:3px solid white;
background: #663366;
}

#contentfloatholder{
background: url(sidebar.gif)repeat-y 100% 0;
float: left;
width: 100%;
}
#contentfloatholder:after{
content: ",";
display:block;
height: 0px;
clear:both;
visibility: hidden;
}

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
align:center;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;

}

.mainitems {
text-align:center;
width: 5.8em;

border: 2px solid #996699;
 
 border-left: 4px solid black;    
background-color:#663366;
}

.mainitems a{
text-align:center;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
}

.subuls{
align:center;
display: none;
width: 5.5em;
position: absolute;
top: 1.2em;
left: 0;
background-color:#996699;
border: 1px solid white;

}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}




#nav{
	margin-left:100px;
	align:center;
	list-style: none;
	height:0px;
} 
#nav ul {
	padding: 10;
	margin:0;
	list-style: none;
	width:5em;
	z-index:99;
	position:relative;
	overflow:visible;
	text-color: #FFFFFF;
} 

#nav li { 
     margin:0; 
     position: relative; 
     float:left; 
     background-color:#663366;
     border:solid 5px #000000; 
     display:block;
     height:auto;
} 

#nav ul li{ border-width:1px 1px 0 0;} 

#nav ul ul li{ border-width:1px 1px 0 1px;} 

#nav ul ul li:last-child{border-bottom:1px solid #ffffff;} 

#nav a { 
     text-decoration:none; 
     display:block;
     padding: 0.1em; 
     margin:0.em 0 0.em 0.1em; 
     width:3.5em; 
     height:2em;
} 

#nav a:hover, #nav li:hover{ 
     background-color:996699; 
} 
#nav ul li:hover, #nav ul li a:hover{ 
     background-color:#996699; 
} 

#nav ul{ 
     display:none; 
} 

/*all see this */
#nav ul ul{ 
     display:none; 
     position:absolute;
     margin-top:-1.8em; 
     margin-left:7.8em; 
} 

/* non-IE browsers see this */ 
#nav ul li>ul, #nav ul ul li>ul{ 
     margin-top:-1.4em; 
} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ 
     display:none; 
} 

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ 
     display:block; 
} 

li>ul { 
     top: auto; 
     left: auto; 
} 









#footer{
clear: left;
width: 100%;
background: #663366;
border-top:3px solid #000;
color: #000;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}
.buttons a {color: #FFFFFF;
background-color: #CC99CC;
padding: 2px;
padding-left: 6px;
display: block;
border-left: 10px solid #fff;
font: 9px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 7px;}

.buttons a:hover {border-left: 12px solid #663366;
text-decoration: none;
color: #663366;}

 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:center;
top: 0;
left: 0;
}
#menu {
width: 90px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 10px;
line-height: 10px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
text-align: center;
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

.mentions {
position: left;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}






		#cleardiv
		{
			clear: both;
			height: 20px;
		}

menuStyle = "flat" // Menu Style (flat, 3d)
cellPadding =  // Cell padding
cellBorder = 1 // Include table border (0 for no border)
verticalOffset = 0 // Vertical offset of sub menu. 
horizontalOffset = 0 // Horizontal offset of sub menu. 
subMenuDelay = 2 // Time sub menu stays visible (in seconds)
subIndicate = 1 // Show if a sub menu is present (0 for "no")

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
text {
	float: right;
}
.unnamed1 {
	float: left;
}
rightcenter {
top:140px;
	float: right;
}