body {background-image: url(http://www.varsityoutreach.com/images/CorkBoard.jpg); background-repeat: repeat; }
P {font-size: 10pt; font-family: Arial;}
#Page{width: 700px; clear: both; background-color: #FFFFFF; position: absolute; left: 100px; top: 50px; z-index: 1; padding-top: 50px; margin-top: 0; padding-bottom: 0px;}
#PageBottom{height: 25px; background-image: url(http://www.varsityoutreach.com/images/CorkBoard.jpg); background-repeat: repeat; margin-top: 0px;}
#Logo{background-image: url(http://www.varsityoutreach.com/images/RippedPaper_Logo.jpg); background-repeat: no-repeat; width: 250px; height: 100px; position: absolute; left: 50px; top: 0px; z-index: 3;}
#Header, #StoryHeader{padding-left: 100px;}
#Header H1 {color: #333333; font-size: 24pt; font-family: Verdana; padding-top: 0px; margin-top: 25px;}
#StoryHeader H1 {color: #333333; font-size: 14pt; font-family: Verdana; padding-top: 0px; margin-top: 25px; margin-bottom:0px; padding-bottom: 0px;}
#StoryHeader{margin-bottom: 25px; width: 500px;}
#Content{padding-left: 100px; width: 500px; min-height: 600px;}
#Sticky1{z-index: 2; position: absolute; left: 750px; top: 100px; width: 150px; height: 150px; background: url(http://www.varsityoutreach.com/images/YellowStickyNote_RedTack.gif) no-repeat;}
#Sticky2{z-index: 2; position: absolute; left: 750px; top: 250px; width: 150px; height: 150px; background: url(http://www.varsityoutreach.com/images/YellowStickyNote_BlueTack.gif) no-repeat;}
#Sticky1 p, #Sticky2 p{color: #CC0000; font-size: 11px; width: 100px; text-align: center; font-style: italic;}
#Sticky1 p{margin-top: 35px; margin-left: 18px;}
#Sticky2 p{margin-top: 38px; margin-left: 16px;}
.citation{font-size: 12px; vertical-align: text-top; font-style: italic;}
#Sticky1 .citation, #Sticky2 .citation{font-size: 8px; vertical-align: text-top;}
#PolaroidSide1, #PolaroidSide2, #PolaroidSide3, #PolaroidSide4, #PolaroidSide5{z-index: 2; position: absolute; left: 25px; top: 300px; width: 150px; height: 150px;}
#PolaroidSide1{background: url(http://www.varsityoutreach.com/images/Polaroid_HSClass.jpg) no-repeat;}
#PolaroidSide2{background: url(http://www.varsityoutreach.com/images/Polaroid_CollegeCampus.jpg) no-repeat;}
#PolaroidSide3{background: url(http://www.varsityoutreach.com/images/Polaroid_FemaleStudent.jpg) no-repeat;}
#PolaroidSide4{background: url(http://www.varsityoutreach.com/images/Polaroid_FemaleStudentOnPhone.jpg) no-repeat;}
#PolaroidSide5{background: url(http://www.varsityoutreach.com/images/Polaroid_StudyGroup.jpg) no-repeat;}


#SideMenu{z-index: 2; position: absolute; left: 25px; top: 150px; width: 200px; height: 109px;}

fieldset {border: ridge 1px #CCCCCC; padding: 10px;}
legend {font-size: 14px; color: #395996; font-weight: bold;}
label {display: block; color:#395996; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
.textbox {width: 200px;}
.longtextbox {width: 400px; height:100px;display:block;}
.SubmitButton{margin-top: 15px;color: #FFFFFF; background-color:#395996;}

/*Comparison Table*/
.highlight{background-color: #FFFFCC;}
.tableheader{border-bottom: solid 1px #395996; font-weight: bold; background-color: #DEDEDE; color: #000000;}
#ComparisonChart td.tablesection{background-color:  #395996; color: #FFFFFF; padding-left: 3px; font-weight: bold; font-style: italic;}
#ComparisonChart td {padding: 2px 0 2px 0; border-bottom:solid 1px #CCCCCC;}
.featuredescription{ font-size: 10px;}

/*Story*/
.StoryLinks{font-size: 11px; font-weight: bold; margin-left: 25px;}
.aStoryLinks{cursor: pointer;}

.screenshot{ border: solid 1px #666666;}

/*Quiz*/
.Correct{color: #339900; font-size: 12pt; font-family: Verdana;}
.Incorrect{color: #990000; font-size: 12pt; font-family: Verdana;}
.NextQuestion{width: 300px; text-align: left; margin: 15px 25px 10px 150px}
.Score{width: 300px; text-align: left; margin: 15px 25px 10px 125px}
.Green{color: #339900;}
.Red{color: #990000;}

/*PageTracker*/
#PageData p {margin: 0 0 3px 0;}
#FBStats table {margin-left:65px; border:none;}
#FBStats td {padding: 3px 8px 3px 8px; border-bottom: solid 1px #666666;}
#FBStats .tableHeader{background-color:#395996; color: #FFFFFF;}
.Alt {background-color: #FFFFCC;}
#DirectoryLink{position: absolute; left: 465px; top: 20px;}

/*Video Presentation*/
.videoTabUnselected {background-color:#395996; padding: 2px 5px 2px 5px; text-align: center;}
.videoTab {background-color:#d8dfea; padding: 2px 5px 2px 5px; text-align: center;}
.videoTabUnselected a{color: #FFFFFF; font-size: 11px; text-decoration: none; font-weight: bold;}
.videoTab a{color: #395996; font-size: 11px; text-decoration: none; font-weight: bold;}

/*App Directory*/
.AppLogo {width: 75px; height: 75px;}
#AppDirectory H2{margin-bottom: 2px;}

/* DemoRequest Inner */
#DemoRequest{background: url(http://www.varsityoutreach.com/images/TallPostIt_WithCorkBoard.jpg) no-repeat;z-index: 2; position: absolute; left: 745px; top: 400px; height: 380px; }