*{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	width: 99%;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	overflow: hidden;
}

a
{
	color: #339933;
}

.heading
{
	color: #339933;
	font-size: 28px;
	font-weight: bold;
}

.heading2
{
	color: #339933;
	font-size: 22px;
}

#page
{
	margin:0 auto;
	width:800px;
	text-align: left;
	background-color: white;
	padding-bottom: 20px;
	overflow: hidden;
	padding-bottom: 50px;
}

#content
{
	margin-left: 20px;
	margin-top: 10px;
	width: 520px;
	float: left;
	display: inline;
}
.notice
{
	width: 90%;
	border: solid 1px gray;
	padding:4px;
	background-color: #FFFFCC;
	text-align: center;
	margin-bottom: 10px;
}

.componentHeading
{
	color: green;
	font-weight: bold;
}

.statement
{
	color: #339933;
	font-size: 16px; 
	font-weight: bold;
}


.tabmenu
{	
	display: block; 
	position: absolute; 
	width: 104px; 
	height: 15px;	
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	color: white;
}

.tabmenu:HOVER
{
	color: #CCCCCC;
}

/*------------------------------------------------------------------------------------*/
/*Menu bar*/

#mnunav
{
	float:left;
	width: 100%;
}

.navtab
{
	display: block; 
	position: absolute; 
	margin-left: 40px; 
	width: 104px; 
	height: 15px;	
	text-align: center;
	font-size: 11px;
	padding-top:5px;
	text-decoration: none;
	margin-top: -25px;
	color: white;
}

.navtab:HOVER
{
	color: #CCCCCC;
}

.rolllink:HOVER
{
	text-decoration: underline;
}

.rolllink
{
	font-size: 10px; 
	color: white; 
	text-decoration: none; 
}

.greytogreennav
{
	background-color: #AAA;
}

.greytogreennav:HOVER
{
	background-color: #339933;
}

.greennav
{
	background-color: #339933;
}

/*------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------*/
/*cool buttons*/

div.coolGreenFooter {
    background: transparent url('../images/greenboxleft.gif') no-repeat scroll top left;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 72px;
    margin-right: 3px;
    padding-left:8px;
    text-decoration: none;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
}


div.coolGreenFooter span {
    background: url('../images/greenboxright.gif') no-repeat scroll top right;
    display: block;
    height: 72px;
    padding: 2px 0 5px 18px;
    padding-right: 15px;
    padding-left:1px;
    padding-top:3px;
    overflow: hidden;
    margin-left: 5px;
    color: white;
    font-size: 10px;
}


a.coolWhiteButton {
    background: transparent url('../images/buttons/button-white-left-long.gif') no-repeat scroll top left;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 18px;
    margin-right: 3px;
    padding-left:8px;
    text-decoration: none;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}


a.coolWhiteButton span {
    background: url('../images/buttons/button-white-right.gif') no-repeat scroll top right;
    display: block;
    height: 18px;
    padding: 2px 0 5px 18px;
    padding-right: 15px;
    padding-left:1px;
    padding-top:3px;
    overflow: hidden;
    margin-left: 5px;
    color: white;
    font-size: 10px;
}

a.coolGreyButton {
    background: transparent url('../images/buttons/button-grey-left-long.gif') no-repeat scroll top left;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 18px;
    margin-right: 3px;
    padding-left:8px;
    text-decoration: none;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}


a.coolGreyButton span {
    background: url('../images/buttons/button-grey-right.gif') no-repeat scroll top right;
    display: block;
    height: 18px;
    padding: 2px 0 5px 18px;
    padding-right: 15px;
    padding-left:1px;
    padding-top:3px;
    overflow: hidden;
    margin-left: 5px;
    color: white;
    font-size: 10px;
}

/*------------------------------------------------------------------------------------*/
/*more coolness*/

.swishBoxTop{
	background: url('../images/swishContainer/swishTopWhite.gif') repeat-x;
}

.swishBoxBottom{
	background: url('../images/swishContainer/swishBottomWhite.gif') repeat-x;
}

.swishBoxMenuSelected{
	background: url('../images/swishContainer/swishTopWhite.gif') repeat-x;
	padding: 3px;
	display: block;
}

.swishBoxMenuUnselected{
	padding: 3px;
	display: block;
}

/*------------------------------------------------------------------------------------*/
.tableHeading
{
	background-color: #339933;
	color: white;
	font-size: 14px;
	padding: 3px;
}

.tableCol2
{
	padding:2px;
	background-color: rgb(241, 245, 250);
}

.tableCol1
{
	padding:2px;
	background-color: white;
}

#rightbox
{
	width: 230px;
	margin-right: 15px;
	padding-bottom: 20px;
	margin-top:13px;
	display: inline;
	float: right;
}

.rightboxtitle
{
	color: #339933;
	font-size: 16px; 
	font-weight: bold;
	font-size: 11px; 
	text-transform: uppercase;
}


.container
{
	padding-left:7px;
	padding-top:5px;
	margin-top:10px;
	background-color: #E5E5E5;
}