﻿* {margin:0;padding:0;}

html, body
{
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #6699ff;
	width: 100%;
	height: 100%;
	background-image: url("../images/bodybg.png");
	background-color: #000;
	background-repeat: repeat-x;
}

a, a:visited, a:link
{
	text-decoration: none;
	color: #FF3333;
}

.outerWrapper
{
	position: relative;
	min-height: 60%;
	width: 800px;
	margin: 0 auto;
}

* html .outerWrapper{height: 60%;}

.wrapper
{
	width: 100%;
	min-height: 90%;
	float: left;
	border-right: 1px solid #4499FF;
	border-left: 1px solid #2266CC;	
	background-color: #333;	
}
* html .wrapper {height: 100%;}

.wrapperCap
{
	float: left;
	width: 100%;
	height: 30px;
	background-image: url("../Images/footer-bottom.png");
	background-repeat: no-repeat;
}



.header
{
	height: 200px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.menu
{
	background-image: url('../images/toolbarBgGrad2.png');
	background-repeat: repeat-x;
	height: 50px;
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-top: 1px solid #4499FF;
	border-bottom: 1px solid #2266CC;
}

.menu .text
{
	margin-top: 15px;
}

.menu .item
{
	float: left;
	width: 151px;
	height: 50px;
	text-align: center;
	cursor: pointer;
}

.menu .item:hover
{
	width: 149px;
	border-left: 1px solid #4499FF;
	border-right: 1px solid #4499FF;	
	background-color: #2266CC;
}

.menu a, .menu a:hover, .menu a:visited, .menu a:link, .menu a:active
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.workspace
{
	width: 100%;
	min-height: 30%;
}

.content
{
	margin: 1% 1%;
	width: 98%;
	height: 98%;
	line-height: 17px;
	text-indent: 20px;
}

.content p
{
	margin-top: 30px;
	text-indent: 20px;
}

.content h1
{
	margin-bottom: 30px;
}

.links
{
	list-style-type: none;
	width: 800px;
	height: 25px;
	overflow: hidden;
	background-color: #2266CC;
	border-top: 1px solid #4499FF;
	border-bottom: 1px solid #2266CC;
	background-image: url("../Images/smallBarGrad.png");
	margin-bottom: 25px;
}

.links li
{
	float: left;
	height: 25px;
	width: auto;
	margin: 0 1px 0 1px;
}

.links li:hover
{
	border-left: 1px solid #4499FF;
	border-right: 1px solid #4499FF;	
	background-color: #1144BB;
	margin: 0;
}

.links a, .links a:hover, .links a:visited, .links a:link
{
	color: #FFF;
	display: block;
	height: 22px;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
}

* html .workspace {height: 30%;}

.footer
{
	height: 50px;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 100px;	
}

.footer p
{
	margin-top: 10px;
	margin-left: 20px;
	font-size: 10px;
}