html, body { 
    height: 100%; 
} 


body 
{
	font: small arial;	
	font-family: Arial;
	margin: 0 0 -4em 0;
	padding: 0px;
	background-image: url("../images/background.gif");
	background-repeat: repeat-x;
}
body.new 
{
	background-image: url("../images/background_new.gif");
}
body.ots 
{
	background-image: url("../images/background_ots.gif");
}
body.rc 
{
	background-image: url("../images/background_rc.gif");
}
body.aboutus 
{
	background-image: url("../images/background_aboutus.gif");
}
body.contact 
{
	background-image: url("../images/background_contact.gif");
}

body.StudentCenter
{
    background-image:url('/images/student_center_modules_bg.gif'); 
    background-color:#497f73; 
    background-position:center;
    background-repeat:repeat-y;
/*	background-image:none;
	background-color:White;*/
}

.ZeroPaddingMargin
{
    padding:0;
    margin:0}

form 
{
	margin: 0px;
}
p 
{
	margin: 10px, 10px, 10px, 0px;
}
table 
{
	margin: 10px;
}
.q 
{
	display: inline;
	font-style: italic;
	padding: 15px;
	quotes: none;
}
.hide 
{
	display: none;
}
cite 
{
	display: block;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	font-size: x-small;
}
a:link 
{
	color: #395c4b;
}
a:visited 
{
	color: #598F75;
}
a:active 
{
	color: #598F75;
}

h1 
{
	display: none;
	font-size: large;
}
h2 
{
	display: none;
	font-size: medium;
}
h3 
{
	font-size: large;
}
h3 span.highlight 
{
	font-size: larger;
	color: #598F75;
}
h3.highlight 
{
	color: Black;
	font-size: medium;
}
h4 
{
	font-size: medium;
	font-weight: bold;
	margin: 10px;
}
.error 
{
	font-size: xx-small;
	color: Red;
}
.note 
{
	font-size: xx-small;
	margin: 10px;    
}
.notice 
{
    color: #4fb49d;
}
.pad10 
{
    padding: 10px;
}
ul 
{
	text-align: left;
	margin-top: 0px;
}
ul li 
{
	text-indent: -2em; 
	margin-left: 2em;
	list-style-position:inside;
}
li.list 
{
    margin-left: 40px;
}
.break, .break2
{
	/*background-color: #FFF9D2;*/
	background-color: #b8d9c9;
	
	padding: 15px;
	text-align: center;
	margin: 0px auto;
	margin-top: 15px;
	margin-bottom: 15px;
	/*clear: both;*/
	background-image: url(../images/quoteBack.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.break2 
{
	background-color: #fff5b5;
}
.highlight 
{
	font-weight: bold;
	font-size: larger;
	color: white;	
}
.highlightBlack 
{
	font-size: larger;
	font-weight: bold;
}
q span.highlight, .largerfont 
{
	font-size: larger;
}
.noborder 
{
	border-style: none;
}
.photo 
{
	border: solid 1px black;
}

.page_photo 
{
	border: solid 1px black;
}

.photo 
{
	border: solid 1px black;
    height: 167px;
    width: 183px;
}


/*
Corrected on 3/12/09
Create the class 
Change the width and the heigh to 277x405

*/
.photo_slides
{
	border: solid 1px black;
    height: 276px;
    width: 403px;
    margin-top:3px
    
}

/*Commented out on 3/12/09*/
/*aller;
	font-weight: bold;
}*/

.minwidth 
{
	display: none;
	width: 750px;
	margin: 0px;
	padding: 0px;
	height: 5px;
	font-size: 0pt;
	border-color: Lime;
}
#date 
{
	display: none;
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
	float: right;
}
.box 
{
	background-color: White;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid 1px black;
	margin-bottom: 15px;
}
.boxHeader 
{
	background-image: url("../images/divHeader.gif");
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: small;
	font-weight: bold;
	border-bottom: solid 1px black;
	margin-top: 10px;
}
.width800 
{
	width: 750px;
	clear: both;
	margin: 0px auto;
}
.width900 
{
	width: 900px;
	clear: both;
	margin: 0px auto;
}
.width300 
{
	width: 300px;
	margin: 0px auto;
}
.width550 
{
	width: 550px;
}
.width550 .break 
{
    margin: 0px 0px 0px 0px;
}
.width800 .boxHeader 
{
	background-image: url("../images/divHeader_750.gif");
}
.main 
{
}
#sidebar 
{
	width: 300px;
	font-size: smaller;
}
#halfbar 
{
	width: 440px;
}
#content 
{
	text-align: center;
	margin: 0px;
	left:0;
	
}
#main 
{
	width: 900px;
	margin: 0px auto;
}
#header 
{
	/*min-width: 750px;*/
	text-align: center;
	/*border: solid 1px black;*/
	height: 110px;	
	margin: 0;
	background-color: #3b5f4e;
	background-image: url('/images/header_back.jpg');
	background-repeat: repeat-x;
	background-position: top center;
	min-width: 750px;	
}
#header img 
{
	margin: 0;
	padding: 0;
}
ul.menu1
{
font-size:small;
/*font-weight:bold;*/
margin:0;
padding:5px 15px;
text-decoration:none;


	background-color: #395c4b;
	background-color: black;
	background-image: url("../images/menuBack.gif");
	text-align: center;
	display: block;
	list-style-type: none;
	/*padding-top: 116px;*/
	margin: 0px;
	border-top: solid 1px white;
	padding: 0px;
	min-width: 750px;
}
ul.menu1 li
{
	/*padding-left: 7px;
	padding-right: 7px;*/
	display: inline;
	text-indent: 0px; 
	margin: 0px;
	margin-left: 0px;
	border-style: none;
}
ul.menu1 li a:hover
{
	/*background-color: #e7e7e7;*/
	background-image: url("../images/menuSelectBack.gif");
	background-position: center top;
	/*border-left: solid 1px gray;
	border-right: solid 1px gray;
	/*color: Black;*/
}
ul.menu1 li a.tmmls:hover
{
	color: #F5D612;
}
ul.menu1 li a.new:hover
{
	color: #CCD7FF;
}
ul.menu1 li a.ots:hover
{
	color: #f8cd98;
}
ul.menu1 li a.rc:hover
{
	color: #cdbb75;
}
ul.menu1 li a.aboutus:hover
{
	color: #e45252;
}
ul.menu1 li a.contact:hover
{
	color: #81cfac;
}
ul.menu1 li a
{
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: small;	
	font-weight: bold;
	text-decoration: none;
	color: White;
	margin: 0px;
}
ul.menu1 li a:link
{
	color: White;
}
ul.menu1 li a:visited
{
	color: White;
}
ul.menu1 li a:active
{
	color: White;
}
.users 
{
	margin: 0px auto;
	text-align: center;
}
.users a
{
	display: block;
	width: 274px;
	height: 54px;
	margin: 0px auto;
}
.users a:hover
{
	background-position: -2px -5px;
}
a.uParents
{
	background-image: url("../images/btn_parents.gif");
}
a.uParents:hover
{
	background-image: url("../images/btn_parentsO.gif");
}
a.uTeachers
{
	background-image: url("../images/btn_highschool.gif");
}
a.uTeachers:hover
{
	background-image: url("../images/btn_highschoolO.gif");
}
a.uCollege 
{
	background-image: url("../images/btn_college.gif");
}
a.uCollege:hover
{
	background-image: url("../images/btn_collegeO.gif");
}

ul.events
{
	display: inline-block;	
}
ul.events li
{
	/*list-style-image: url("../images/bullet.gif");*/
	list-style-type: none;
	padding: 20px;
	padding-left: 40px;
	margin-left: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
	border-bottom: solid 1px black;
	background-color: White;
}
.ad {
	margin-top: 10px;
	margin-bottom: 10px;
}
.viewer 
{
	display: block;
	background-image: url("../images/viewerBackv2.gif");
	background-repeat: no-repeat;
	height: 320px;
    width:750px;
	text-align: left;
	font-size: x-small;
	font-weight: normal;
	text-transform:uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	clear: none;
}
.viewer ul
{
	display: block;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	padding: 0px;
	clear: none;
}
.viewer ul li 
{
	list-style-type: none;
	border-bottom: solid 1px black;
	padding: 0px;
	text-indent: 0px;
	margin: 0px;
	clear: none;
	cursor: pointer;
}
.viewer ul li a
{
	display: block;
	width: 220px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*cursor: text;*/
}
.viewer ul li a:link
{
	text-decoration: none;
	color: Black;
}
.viewer ul li a:active
{
	text-decoration: none;
	color: Black;
}
.viewer ul li a:visited
{
	text-decoration: none;
	color: Black;
}
.viewer ul li a:hover
{
	background-color: #fff7b4;
}
.viewer ul li.ignore a:hover
{
	background-color: Transparent;
}
#viewerImage
{
	background-color: Transparent;
	margin: 18px 10px 0px 0px;
	clear: none;
	padding: 0px;
}
#otsViewer .viewer
{
	background-image: url("../images/viewerBack_ots.gif");
}
#rcViewer .viewer
{
	background-image: url("../images/viewerBack_rc.gif");
}
#otsViewer .viewer ul   
{
	padding-top: 70px;
}
#rcViewer .viewer ul   
{
	padding-top: 60px;
}
#main 
{
	padding: 10px;	
	min-width: 750px;
}
#footer
{
	background-image: url('../images/footer_back.gif');
	color: White;
	margin-top: 10px;
	min-width: 750px;
	font-size: xx-small;
	padding: 3px;	
	clear:both;
}
#footer p 
{
	margin: 0px;	
}
.rightDiv
{
	float: right;
	margin: 0px;
}
.right 
{
	background-color: Transparent;
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	clear: both;
}
.left 
{
	float: left;
	margin: 10px;
	clear: both;
}
.bold 
{
	font-weight:bold;
}
.leftText 
{
	text-align: left;
}
.centerText 
{
    margin: 0px auto;
    text-align: center;
}
.rightText 
{
	text-align: right;
}
.border 
{
	border: solid 1px black;
}
table.pricing 
{
	margin: 0px auto;
	border-collapse: collapse;
	width: 90%;
	margin-top: 10px;
	clear: both;
}
table.pricing td
{
	padding: 3px;
	margin: 0px;
	border: solid 1px black;
}
table.pricing tr.header td
{
	font-weight: bold;
	text-align: center;
	color: White;
	background-image: url('../images/row_back.gif');
	background-color: #598F75;
}
table.usertypes
{
	border: solid 1px black;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url('../images/back_usertypes.gif');
	clear: both;
}
table.usertypes td
{
	padding: 10px;
	vertical-align: middle;
}

/* Resource Center Menu */

#rcMenu 
{
	float: right;
	width: 200px;
	color: White;
}
.rcMenuStatus 
{
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	background-color: #ae9d86;
	padding: 3px;
	font-size: x-small;
}
.rcMenuStatus a
{
	text-decoration: none;
	font-weight: bold;
	color: #355445;
	text-transform: uppercase;
}
.rcMenuStatus a:link
{
	color: #355445;
}
.rcMenuStatus a:active
{
	color: #355445;
}
.rcMenuStatus a:visited
{
	color: #355445;
}
.rcMenuStatus a:hover
{
	text-decoration: underline;
}
.rcMenuHeader 
{
	height: 50px;
	background-image: url("../resourceCenter/images/rcMenu_header.gif");
	background-repeat: no-repeat;		
}
.rcMenuLinks 
{
	background-color: #89714F;
}
#rcMenu .rcMenuLinks a
{
	display: block;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #ae9d86;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
#rcMenu .rcMenuLinks a:link
{
	color: White;
}
#rcMenu .rcMenuLinks a:visited
{
	color: White;
}
#rcMenu .rcMenuLinks a:active
{
	color: White;
}
#rcMenu .rcMenuLinks a:hover
{
	background-color: #355445;
}


/* User Types Menu */

#userMenu 
{
	width: 250px;
	text-align: left;
	padding-left: 10px;
}
.userMenuHeader 
{
	height: 50px;
	background-image: url("../images/userMenu_header.gif");
	background-repeat: no-repeat;		
}
.userMenuLinks 
{
	background-color: #e6c911;
}
#userMenu .MenuLink 
{
	display: block;
	font-size: large;
	padding: 5px;
	border-bottom: solid 1px white;
	cursor: pointer;
}
.subMenu a
{
	display: block;
	padding: 7px 0px 7px 20px;
	margin: 0px 0px 0px 0px;
	background-color: #f5e162;
	border-bottom: solid 1px #fff5b4;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.subMenu a:link
{
	color: black;
}
.subMenu a:visited
{
	color: black;
}
.subMenu a:active
{
	color: black;
}
.subMenu a:hover
{
	background-color: #355445;
	color: White;
}

/* Materials List */
.materials 
{
	width: 600px;
}
.materials ul 
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-indent: 0px;
}
.materials li 
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-indent: 0px;
	list-style-type: none;
}
.rTheme
{
	display: block;
	margin: 0px;
	padding: 10px;
	font-size: medium;
	font-weight: bold;
	/*color: White;
	background-color: Blue;
	border-left: solid 1px black;
	border-bottom: solid 1px black;*/
}
.rLesson
{
	display: block;
	margin: 0px;
	padding: 5px;
	font-size: small;
	font-weight: bold;
	/*color: White;
	background-color: Gray;*/
	border-bottom: solid 1px silver;
}
.rResource
{
	margin: 0px;
	padding: 0px;
	font-size: small;
	font-weight: bold;
}
ul.groups 
{
	border-bottom: solid 1px silver;
}
.rFileInfo
{
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	font-weight: bold;
}

ul.features 
{
	margin: 0px;
	padding: 0px;
}
ul.features li 
{
	padding: 5px;
	font-size: medium;
}

#themePics 
{
	display: block;
	width: 810px;
	margin: 0px auto;
	padding: 0px;
}
.sidePic 
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border: solid 1px black;
}
/*#picPreview 
{
	display: none;
	position: absolute;
}*/
.mainPic 
{
	background-color: Black;
	background-image: url('../images/loading_black.gif');
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
	height: 300px;
	width: 400px;
	margin: 0px 0px 0px 0px;
	border: solid 1px white;
}
img.tmmls_sections 
{
	border-bottom: solid 1px black;
}
#twoCol_one 
{
	display: block;
	width: 690px;
	margin: 0px;
	text-align: center;
}
table.lessons
{
	margin: 0px auto;
	border-collapse: collapse;
	background-color: White;
}
table.lessons tr.header 
{
	background-image: url("../images/row_back.gif");
}
table.lessons tr.header td 
{
	font-weight: bold;
	color: White;
}
table.lessons td
{
	border: solid 1px black;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
#twoCol_two 
{
	display: block;
	float: right;
	width: 200px;
	margin: 0px;
	text-align: center;
}
.box200_Header 
{
	width: 200px;
	background-image: url("../images/divHeader_200.gif");
	margin: 0px;
}
.box200_Header h4 
{
	padding: 5px;
	margin: 0px;
	font-size: small;
}
.divTopics 
{
	border: solid 1px black;
	background-color: White;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.quotesBack 
{
	padding: 5px;
}
.quotesBackAlt 
{
	padding: 5px;
	background-color: #fff5b3;
}
.divNav 
{
	padding-bottom: 15px;
	border-bottom: solid 1px black;
	background-image: url("../images/linetoper.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	/*float: right;*/
}
.quoteLink, .quoteLinkSelected 
{
	background-color: #EFEFEF;
	border: solid 1px black;
	padding: 2px 5px 2px 5px;
	margin: 5px;
	font-size: x-small;
}
.quoteLinkSelected 
{
	background-color: #A2D0BE;
}
.clear 
{
	/*clear: both;*/
}
#divQMain 
{
    display: block;
    border:  dashed 3px #598F75;
    height: 160px;
}
.divQNav {
    margin: 0px auto;
    margin-bottom: 20px;
    text-align: center;
}
.divQNav a
{
    margin: 0px;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    background-color: #598F75;
    color: white;
    font-size: smaller;
    cursor: pointer;
}
a.aNavSelected
{
    color: Black;
    background-color: #eaf3ee;
}


    .NavItem
    {
        margin-top: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 10px;
        padding-left: 2px;
        text-align: right;
        background-color: #1c5e55;
        color: white  !important;
        width: 140px;
        font-size: 12px;
    }
    .NavItem a, .NavItem a:visisted, .NavItem a:link, .NavItem a:active, NavLink
    {
        color: White !important;
    }
    .NavItem a:hover
    {
        color: #ebc00f !important;
        font-weight: bolder;
    }
    .NavItem:hover
    {
        border: solid 1px #ebc00f;
        background-color: Black !important;
        margin-top: 1px;
        padding-left: 0px;
    }
    .DownloadGrid
    {
        padding: 0px;
        margin: 0px;
        color: #333333 !important;
        width: 615px;
    }
    .ModuleDescription
    {
        padding: 0 5px 3px 0;
    }
    .ModuleTab
    {
        text-decoration: none;
        font-size: 15px;
        color: white !important;
    }
    .ModuleTab_active
    {
        text-decoration: none;
        font-size: 15px;
        color: #ebc00f;
        font-weight: bold; /*color:#e9c608;*/ /*background-color:Red;*/
    }
    .ModuleTab_active a, .ModuleTab_active a:visit, .ModuleTab_active a:link, .ModuleTab_active a:active
    {
        color: #ebc00f !important;
    }
    .SignOutArea a, .SignOutArea a:visited, .SignOutArea a:link, .SignOutArea a:active
    {
        color: white !important;
    }
    .SignOutArea a:hover
    {
        color: #ebc00f !important;
    }
    .TabHolder a, .TabHolder a:visit, .TabHolder a:active
    {
        color: white !important;
    }
    .TabHolder a:hover
    {
        color: #ebc00f !important; /*background-color:silver;*/
        font-weight: bold; /*background-color:#1c5e55;*/
    }