body {
	background-image: url('Images/gradient_background_new.png');
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}

/* Dark blue */
a:link      { color: #82BCFF; text-decoration: underline;  }
/* Light blue */
a:visited   { color: #827CFE; text-decoration: underline; }
/* White */
a:focus     { color: #999999;  text-decoration: underline; }
/* White */
a:hover     { text-decoration: none; }
/* Light blue */
a:active    { color: #827CFE;  text-decoration: underline; }

#screen {
	font-family:"Verdana", Times, serif;
	font-size: 14px;
	padding-top: 30px;
}

#wrap {
	position: relative;
	border-color: #82BCFF;
	border-width: 1px;
	border-style: solid;
	border-bottom-width: 3px;
	
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	
	min-height: 600px;
	background-color: rgb(237,235,255);
	background-color: rgba(237,235,255,0.75);
	background-image: url('Images/gradient_left.png');
	background-repeat: repeat-y;
}

#footer {
	position: relative;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	background-color: rgb(237,235,255);
	background-color: rgba(237,235,255,0.75);
	
	color: #222222;
	text-align: center;
}

#adminFooter {
	position: relative;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	
	margin-bottom: 30px;
	
	background-color: rgb(237,235,255);
	background-color: rgba(237,235,255,0.75);
	
	color: #222222;
	text-align: center;
}

#wrapLeftColumn {
	position: relative;

	background-image: url('Images/gradient_left.png');
	background-repeat: repeat-y;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);

	width: 8px;
	float: left;
}

#header {
	position: relative;
	background-color: #FFFFFF;
	border-width: 0px;
	height: 75px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 98;
}

.headerLogo {
	position: absolute;
	background-image: url('Images/logoBorder.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 4px;
	text-align: center;
	left: 3px;
	width: 158px;
	height: 150px;
}

.headerLogin {
	position: absolute;
	background-image: url('Images/logoBorder.png');
	background-repeat: no-repeat;
	background-position: bottom;
	float: right;
	padding-bottom: 4px;
	padding-top: 10px;
	text-align: center;
	left: 783px;
	width: 158px;
	height: 140px;
}

.headerLogo img {
    border-style: none;
	border-width: 0px;
	margin-bottom: -5px;
	text-align: center;
}

#topMenu {
	background-color: #FFFFFF;
	height: 19px;
	
	padding-left: 205px;
	position: relative;
	
	text-align: center;
}

.topMenuItem{
	position: relative;
	/*background-color: #DDE5FF;*/
	background-color: #B0C3FF;
	border-color: #82BCFF;
	border-width: 1px;
	border-style: solid;
	border-bottom-width: 0px;
	padding-left: 2%;
	padding-right: 2%;
	width: 75px;
	text-align: center;
	
	height:19px;
	
	float: left;
}

.topMenuItem a:link {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.topMenuItem a:visited {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.topMenuItem a:focus {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.topMenuItem a:hover {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

.topMenuItem a:active {
	color: #000;
	text-decoration: none;
	font-size: medium;
}

#contentHeader {
	position: relative;
	height: 50px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	
	text-align: center;
	border-top-color: #82BCFF;
	border-top-width: 1px;
	border-top-style: solid;
	
	border-bottom-color: #82BCFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

h1 {
	padding-top: 0px; padding-bottom: 0px;
    margin-top: 1px; margin-bottom: 1px;
	font-size: xx-large;
}

#content {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	
	padding: 15px;
	padding-left:15%;
	padding-right:15%;
	
	border-color: #82BCFF;
	border-width: 0px;
	border-style: solid;
	
	min-height: 375px;
}

#content p {
	margin: 0px;
}

.noJS {
	position: relative;

	margin: 5px;
	padding: 5px;
	border-color: red;
	border-width: 2px;
	background-color: #FFFFFF;
	border-style: solid;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic; 
}

.menuText{
	font-size: medium;
}

span.hide { display:none; }

.logoutButton{
	position: relative;
	background-color: #DDE5FF;
	border-color: #82BCFF;
	border-width: 1px;
	border-style: solid;
	
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

.button{
	position: relative;
	background-color: #DDE5FF;
	border-color: #82BCFF;
	border-width: 1px;
	border-style: solid;
	
	padding-left: 2%;
	padding-right: 2%;
	width: 200px;
	text-align: center;
}

.closeButton {
	position: relative;
	background-color: #DDE5FF;
	border-color: #82BCFF;
	border-width: 1px;
	border-style: solid;
	
	padding-left: 2%;
	padding-right: 2%;
	width: 75px;
	text-align: center;
	
	z-index: 101;
}

#fadedFrame {
	position: fixed;
	background-image: url('Images/faded.png');
	
	width: 100%;
	height: 100%;
	
	visibility: hidden;
	z-index: 99;
}

#popupFrame {
	position: fixed;
	
	margin-left: 15%;
	margin-top: 10%;
	
	width: 70%;
	height: 70%;
	
	border-color: #82BCFF;
	border-width: 3px;
	border-style: solid;
	
	background-color: #FFFFFF;
	
	visibility: hidden;
	padding-left: 2%;
	
	z-index: 100;
	overflow:scroll;
}

#popupFrameContent{
	position: relative;
	padding-top:30px;
}

.hiddenDescription {
	visibility: hidden;
	height: 0px;
}

.visibleDescription {
	margin-left: 45px;
	padding-left: 10px;
	
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #82BCFF;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #82BCFF;
	margin-bottom: 5px;
}