body {
	font-family: arial;
	color: #444444;
	background-color: #444444;
	background-image: url(../images/visibleBodyGradient.png);  
	background-repeat: repeat-x;
	word-wrap: break-word;
}

#visibleBodyWrapper {

}

#visibleBody {
	background-color: #FFFFFF;
}


body h1, h2, h3, h4, h5, h6 {
	color: #6666CC;	
}

a {
	color: #857901;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	height: 0;
	border: 0;
	border-top: 2px solid #CCCCDD;
	background-color: #CCCCDD;
}

#mainMenu {
	border-top: 2px solid #222222;
	float: left;
	width: 100%;
	min-width: 100%;
	background-color: #444444;
	background-image: url(../images/menuBackground.png);
	background-repeat: repeat-x;
}

.navTab {
	float: left;
	padding: 5px;
	background-color: #6666CC;
	background-repeat: repeat-x;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #FFFFFF;
	cursor: pointer;
}

.navTab:hover {
	background-color: #4444AA;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}

#mainMenu .selectedTab {
	background-color: #FFE0AD;	
	background-repeat: repeat-x;
	color: #444444;
}

.selectedTab a{
	color: #000000;
}

#mainMenu a {
	text-decoration: none;
	color: #FFFFFF;
}


#userName {
	color: #FFFFFF;
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}

#logoutButton {
	float: right;
	padding: 5px;
	background-color: #AA5555;
	background-repeat: repeat-x;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #FFFFFF;
	cursor: pointer;
}

#logoutButton:hover {
	background-color: #883333;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}


#siteName {
	width: 100%;
	min-width: 100%;
	height: 100px;
	background-color: #6666CC;
	background-image: url(../images/RussnetHeader.png); 
	background-repeat: repeat-x;
}

#russnetName {
}

#headerBottom {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/dropShadow.png);
	background-repeat: repeat-x;
}

#russnetHome {
	color: #444444;
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 15px;
	clear: both;
}

.systemMessage {
	border-top: 2px solid #444444;
	border-bottom: 2px solid #444444;
	background-color: #666666;
	color: #FFFFFF;
	padding: 5px;
	clear: both;
	text-align: center;
	margin-bottom: 2px;
}

.errorMessage {
	border-top: 2px solid #884444;
	border-bottom: 2px solid #884444;
	background-color: #FFEEEE;
	color: #222222;
	padding: 5px;
	clear: both;
	text-align: center;
	margin-bottom: 2px;
}

.story{
	text-align: justify;
	margin-bottom: 15px;
	float: left;
}

.storyTop {
	float: left;
	width: 100%;
	min-width: 100%;
	background-color: #FFFFFF;
}

.pageTop {
	float: left;
	width: 100%;
	min-width: 100%;
	background-color: #FFFFFF;
}

.storyTitle {
	float: left;
	width: 100%;
	min-width: 100%;
	color: #6666CC;
	padding: 5px;
	font-weight: bold;
}

.pageTitle {
	float: left;
	width: 100%;
	min-width: 100%;
	color: #444444;
	padding: 5px;
	font-weight: bolder;
	font-size: 20px;		
}

.storyContent {
	font-size: 14px;
	float: left;
	padding: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/dropShadowLight.png);
	background-repeat: repeat-x;
	border: 1px solid #444444;	
}

.pageContent {
	float: left;
	padding: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/dropShadowLight.png);
	background-repeat: repeat-x;
	border: 1px solid #444444;
}

	
.storyBottom {
	float: left;
	width: 100%;
}

.pageBottom {
	float: left;
	width: 100%;
}


.storyPublishDate {
	float: right;
	margin-right: 10px;
	font-size: 8px;
}

.block {
	margin-bottom: 30px;
	float: left;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
}

.blockContent {
	float: left;
	background-image: url(../images/dropShadow.png);
	background-repeat: repeat-x;
	padding: 10px; /*TODO check on padding and contained divs, this might be throwing IE off */
	background-color: #EEEEFF;
	margin-top: -1px;
}
	
.blockTop {
	float: left;
	width: 100%;
}

.blockTopLeft {
	float: left;
	height: 25px;
	width: 25px;
	background-image: url(../images/roundedCornerTL.png);
}

.blockTopRight {
	float: right;	
	height: 25px;
	width: 25px;
	background-image: url(../images/roundedCornerTR.png);
}

.blockBottom {
	float: left;
	width: 100%;
	background-color: #EEEEFF;
}

.blockBottomLeft {
	float: left;
	height: 25px;
	width: 25px;
	background-image: url(../images/roundedCornerBL.png);
}

.blockBottomRight {
	float: right;
	height: 25px;
	width: 25px;
	background-image: url(../images/roundedCornerBR.png);
}

.blockHead {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background-color: #6666CC;
	color: #FFFFFF;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}

.blockLinks {
	font-size: 12px;
}

.logout {
	padding: 5px;
	width: 40px;
	border: 2px solid #883333;
	background-color: #FFCCCC;
	font-color: #000000;
}

.footnote {
	font-size: 10px;	
}

.showTutorial {
	cursor: pointer;
}

.showForm {
	cursor: pointer;
	color: #857901;
}

.tutorial {
	padding: 5px;
	border: 1px solid #222222;
	font-size: 12px;
}

.form {
	width: 300px;
	padding: 5px;
	background-color: #EEEEEE;
	border: 2px solid #444444;
	display: inline-block;
}

.td-forceWidth {
	max-width: 300px;
}
.resourceLink_title {
	font-size: 12px;
	font-weight: bold;
	max-width: 300px;
}

.resourceLink_description {
	font-size: 12px;	
}

#siteFeat_title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#siteFeat_title a {
}

#siteFeat_description {
	text-align: justify;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#resourcesMenu {
	margin-top: 20px;
	width: 160px;
	margin-left: 10px;
}

.resources_menu_head {
	border: 1px solid #444444;
	padding-top: 5px;
	padding-left: 25px;
	padding-bottom: 5px;
	color: #444444;
	background-color: #FFE0AD;
	cursor: pointer;
	position: relative;
	margin-bottom: 5px;
	font-weight: bold;
	background-repeat: repeat-x;
	font-size: 13px;
	background-image: url(../images/cornerShadows.png);
}
/*
.resources_menu_head:hover {
	background-color: #6666CC;
	color: #FFFFFF;
	text-decoration: none;
}
*/
.resources_menu_head_link {
	background-position: right;
}


#resources_menu_head_Connect:hover {
	background-color: #FF9999;
}
#resources_menu_head_Teach:hover {
	background-color: #FF99FF;
}
#resources_menu_head_Work:hover {
	background-color: #9999FF;
}
#resources_menu_head_Read:hover {
	background-color: #99FFFF;
}
#resources_menu_head_Learn:hover {
	background-color: #99FF99;
}
#resources_menu_head_Other:hover {
	background-color: #FFFF99;
}
#resources_menu_head_Assess:hover {
	background-color: #FF9999;
}

.selectedConnect {
	background-color: #FF9999;
}
.selectedTeach {
	background-color: #FF99FF;
}
.selectedWork {
	background-color: #9999FF;
}
.selectedRead {
	background-color: #99FFFF;
}
.selectedLearn {
	background-color: #99FF99;
}
.selectedOther {
	background-color: #FFFF99;
}
.selectedAssess {
	background-color: #FF9999;
}

.pageConnect {
	background-color: #FF9999;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageTeach {
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	background-color: #FF99FF;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageWork {
	background-color: #9999FF;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageRead {
	background-color: #99FFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageLearn {
	background-color: #99FF99;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageOther {
	background-color: #FFFF99;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}
.pageAssess {
	background-color: #FF9999;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	width: 100px;
	background-image: url(../images/glare.png);
	background-repeat: repeat-x;
}

.resources_menu_body {
	display: none;
}

.resources_menu_body a{
	display: block;
	padding-left: 10px;
	font-size: 12px;
}
.resources_menu_body a:hover{
}

.classRegistrationLink {
	cursor: pointer;
}

#popUpWrapper {
        padding: 10px;
        position: absolute;
        border: 3px solid #888888;
        z-index: 5;
        background-color: #444444;
        display: inline;
        max-width: 200px;
}

#popUpBackground {
        display: inline;
        max-width: 200px;
}

#popUpContent {
        z-index: 6;
        font-size: 10px;
        color: #FFFFFF;
        max-width: 200px;
        display: inline;
}

#wotd_word {
	font-weight: bold;
	font-size: 14px;
}
#wotd_definition {
	font-size: 12px;
}

div.ui-datepicker{
	font-size:10px;
}