/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/



body {
 font-family: Arial, Helvetica, sans-serif;
 font-size:100.01%;
  background: black;
/*  background: white; */
  
}

legend {
  padding: 5px 5px 0px 5px;
  color:#aa0205;
  }
  
fieldset {
	border:solid 1px #aa0205;
	padding: 0px 10px 5px 10px;
	cursor:default;
}


#wrapper { 
 margin: 0 auto;
 width: 700px;
}
#header {
 color: #333;
 width: 100%;
text-align:center;
 height: 125px;
 margin: 10px 0px 5px 0px;
}
#navigation {
 width: 100%;
 margin: 0px 0px 5px 0px;
 min-width:700px;
}

/* .menu a, .menu a:visited {display:inline;height:50px;text-align:center;text-decoration:none;text-transform: uppercase; font-weight:600;color:#ddd;background:#949e7c url(images/top_grad.png) center center; padding:.5em 1em .5em 1em;  border-top:3px solid #697174; border-bottom:3px solid #879095;}  */
#leftcolumn { 
 color: black;
 border: 2px solid #697174;
 background: #ddd;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: 500px;
 width: 150px;
 float: left;
}


#leftcolumn ul{
	margin:5px 0px 5px 0px;
	padding:0px;
}

#leftcolumn li{
	list-style: none;
	width: 120px;
	padding:5px 0px 2px 10px;
	font-size:.9em;

}

#leftcolumn a{
	color:black;
	width:120px;
	text-decoration:none;
} 

#leftcolumn a:hover {color:#aa0205; width:120px;}

#monocolumn{ 
 float: right;
 color: #222;
 border: 2px solid #697174;
 background: #ddd;
 margin: 0px 0px 10px 0px;
 padding: 10px 20px 10px 20px;
 width: 656px;
 display: inline;
}
#monocolumn a{ 
 color: #222;
}

#rightcolumn { 
 float: right;
 color: #222;
 border: 2px solid #697174;
 background: #ddd;
 margin: 0px 0px 10px 0px;
 padding: 10px 20px 10px 20px;
 height:500px;
 width: 470px;
 overflow:auto;
}

#rightcolumn p{
	 font-size:.9em;
}

#rightcolumn a{ 
 color: #222;
}
#footer { 
 width: 700px;
 clear: both;
 color:#ddd;
 font-size:.8em;
 background: #879095 url(images/top_grad.png) center center;
 margin: 0px 0px 10px 0px;
 padding: .5em 0em .5em 0em;
 text-align:center;
}

#footer a{ color: #ddd; }
.className{
	font-weight: Bold;
}
.classDescription{
	padding-left: 25px;
	padding-right: 15px;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}


.centeredButton { TEXT-ALIGN: center }

.gradient{background: #879095 url(images/top_grad.png) center center;color:#ffffcc}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;text-align:center;	text-decoration:none;	text-transform: uppercase;	font-weight:600;
                            color:#ddd;	padding:.5em .85em .5em .85em;		background:#949e7c url(images/top_grad.png) center center;	border-top:solid 3px #000;	border-bottom:solid 3px black;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* second */
* html .menu ul ul a:hover{color:#eee;background:#d4d8bd url(images/top_grad_2.png) center center;	border-top:solid 3px black;	border-bottom:solid 3px #aaa;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#eee;background:#d4d8bd url(images/top_grad_2.png) center center;	border-top:solid 3px black;	border-bottom:solid 3px #aaa;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:7pt;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {text-align:center; padding:0;	margin:0;list-style-type:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {text-align:center;	height:50px;	line-height:50px;	display:inline;}

/* style the links for the top level */
.menu a, .menu a:visited {	display:inline;	text-align:center;	text-decoration:none;	text-transform: uppercase;	font-weight:600;
                            color:#ddd;	padding:.5em .85em .5em .85em;		background:#949e7c url(images/top_grad.png) center center;	border-top:solid 3px #000;	border-bottom:solid 3px black;}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0;z-index:1;}


/* style the level hovers */
/* first */
* html .menu a:hover {color:#eee;background:#d4d8bd url(images/top_grad_2.png) center center;	border-top:solid 3px black;	border-bottom:solid 3px #aaa;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#eee;background:#d4d8bd url(images/top_grad_2.png) center center;	border-top:solid 3px black;	border-bottom:solid 3px #aaa;}