/*general styles*/
body {
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

a img {border: 0}

p,h1,h2,pre {
	margin:0px 10px 10px 0px;
	line-height: 1.4em;
	}
.bulletHome ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

.bulletHome li {
	background-image: url(../images/homebullet.gif);
	background-position: 0 0.3em;
	background-repeat:no-repeat;
	padding:0 0 0 25px;
	line-height: 1.8em;
}

.bulleHome {
	padding-bottom: 10px;
}
.bulletHome {
	width: 450px;
	margin-bottom: 10px;
}
/*end of general styles*/

/*main page layout styles*/
#container {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}
#LowerHeader {
	float: left;
	height: 79px;
	width: 154px;
}
#Navbar {
	height: 64px;
	background-color: #FFFFFF;
	width: 870px;
	float: right;
	padding-bottom: 15px;
}
#container #footer {
	background-color: #B5B5B5;
	height: 20px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 1px;
	margin-top: 20px;
}
#container #footer a:link, a:visited {
    color:#FFFFFF;
}
#Leftmargin {
	width: 154px;
	height: 640px;
	float: left;
	background-color: #BDA3C3;
	clear: left;

}
#LeftmarginAbout {
	width: 154px;
	height: 660px;
	float: left;
	background-color: #95C1A3;
	clear: left;

}
#LeftmarginLinks {
	width: 154px;
	height: 660px;
	float: left;
	background-color: #BDA3C3;
	clear: left;

}
#LeftmarginClasses {
	width: 154px;
	height: 700px;
	float: left;
	background-color: #82BEC7;
	clear: left;

}

#LeftmarginTimetable {
	width: 154px;
	height: 890px;
	float: left;
	background-color: #B55475;
	clear: left;

}
#LeftmarginNews {
	width: 154px;
	height: 690px;
	float: left;
	background-color: #95C1A3;
	clear: left;

}
#LeftmarginStudentMain {
	width: 154px;
	height: 700px;
	float: left;
	background-color: #E97631;
	clear: left;

}
#LeftmarginStudent {
	width: 154px;
	height: 650px;
	float: left;
	background-color: #E97631;
	clear: left;

}
#LeftmarginDownloads {
	width: 154px;
	height: 650px;
	float: left;
	background-color: #E97631;
	clear: left;

}
#LeftmarginShopping {
	width: 154px;
	height: 620px;
	float: left;
	background-color: #E97631;
	clear: left;

}
#LeftmarginShopping01 {
	width: 154px;
	height: 920px;
	float: left;
	background-color: #E97631;
	clear: left;

}
#LeftmarginContact {
	width: 154px;
	height: 620px;
	float: left;
	background-color: #C1C387;
	clear: left;

}
#Leftmarginfaq {
	width: 154px;
	height:1000px;
	float: left;
	background-color: #5DC1C7;
	clear: left;

}
#LeftmarginPhoto {
	width: 154px;
	height: 750px;
	float: left;
	background-color: #E97631;
	clear: left;

}
/*end of main page layout styles*/

/*formatting for main content areas*/
#HomeContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 640px;
	background-repeat: no-repeat;
}
#HomeContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #A790AD;
}
#HomeContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #A790AD;
}
#HomeContent a {
	color: #A790AD;
	font-weight: bold;
}
#HomeContent a:hover {
	color: #999999;
}


#ClassesContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 700px;
}
#forumContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 650px;
}
#ClassesContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #83c0c5;
}
#ClassesContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #83c0c5;
}
#ClassesContent a {
	color: #83c0c5;
}
#ClassesContent a:hover {
	color: #999999;
}
#FAQContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	height: 1000px;
	width: 860px;
	background-image: url(../images/bgddancer.gif);
	background-repeat: no-repeat;
	background-position: 270px 75px;
}
#FAQContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #83c0c5;
}
#FAQContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #83c0c5;
}

#TimetableContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: left;
	clear: both;
	width: 860px;
	height: 890px;
	
}
#TimetableContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #B55475;
}
#TimetableContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #B55475;
}
#TimetableContent a {
	color: #B55475;

}
#TimetableContent a:hover {
	color: #999999;
}
#NewsContent {
	background-color: #FFFFFF;
	float: right;
	clear: both;
	width: 860px;
	height: 690px;
	padding-left: 10px;
}
#NewsContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #95C1A3;
}
#NewsContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #95C1A3;
}
#AboutContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 660px;
	background-repeat: no-repeat;
}
#AboutContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #95C1A3;
}
#AboutContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #95C1A3;
}
#AboutContent a:link {
	color: #95C1A3;

}
#AboutContent a:visited {
	color: #95C1A3;

}

#AboutContent a:hover {
	color: #999999;
}
#StudentContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 700px;
}
#ForumContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#StudentContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#StudentContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#StudentContent a:link {
	color: #E97631;

}
#StudentContent a:visited {
	color: #E97631;

}

#StudentContent a:hover {
	color: #999999;
}
#ShoppingContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 620px;
}
#ShoppingContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#ShoppingContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#ShoppingContent a:link {
	color: #E97631;

}
#ShoppingContent a:visited {
	color: #E97631;

}

#ShoppingContent a:hover {
	color: #999999;
}
#ShoppingContent01 {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 920px;
}
#ShoppingContent01 h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#ShoppingContent01 h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#ShoppingContent01 a:link {
	color: #E97631;

}
#ShoppingContent01 a:visited {
	color: #E97631;

}

#ShoppingContent01 a:hover {
	color: #999999;
}
#downloadsContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 650px;
}
#downloadsContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#downloadsContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#downloadsContent a:link {
	color: #E97631;

}
#downloadsContent a:visited {
	color: #E97631;

}

#downloadsContent a:hover {
	color: #999999;
}
#photoContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 750px;
}
#photoContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#photoContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#photoContent a:link {
	color: #E97631;

}
#photoContent a:visited {
	color: #E97631;

}

#photoContent a:hover {
	color: #999999;
}
#LoginContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	width: 860px;
	height: 620px;
}
#LoginContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #E97631;
}
#LoginContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #E97631;
	clear:left;
}
#LoginContent a:link {
	color: #E97631;

}
#LoginContent a:hover {
	color: #999999;
}
#ContactContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	width: 860px;
	height: 621px;
}
#ContactContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #C1C387;
}
#ContactContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #C1C387;
}
#ContactContent a:link {
	color: #C1C387;

}
#ContactContent a:hover {
	color: #999999;
}

#LinksContent {
	background-color: #FFFFFF;
	padding-left: 10px;
	float: right;
	clear: both;
	width: 860px;
	height: 660px;
	background-repeat: no-repeat;
}
#LinksContent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #A790AD;
}
#LinksContent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #A790AD;
}
#LinksContent a {
	color: #A790AD;
	font-weight: bold;
}
#LinksContent a:hover {
	color: #999999;
}

/*end of formatting for main content areas*/
#ballet {
	float: right;
	margin-top: 5px;
}

#balletgirlImg {
	width: 108px;
	height: 108px;
	padding-left: 21px;
}
.marginBox {
	padding-left: 21px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.marginBox a:link  {
	color:#FFFFFF;
}

.marginBox a:visited  {
	color:#FFFFFF;
}
.marginBox a:hover {
	color:#CCCCCC;
}
.boxText {
	width: 108px;
	font-size: 0.9em;
	color: #FFFFFF;
	padding-top: 5px;
}
.marginHeader {
	font-size: 1em;
	color: #000000;
}
/*start of navigation bar styling*/
#navlist
{
	padding: 2px 0 2px 6px;
	margin-left: 0px;
	border-bottom: 1px solid #ccc;
	font: 15px Verdana, sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 2px 0.5em;
	margin-left: 3px;
	border: 1px solid #ccc;
	border-bottom: none;
	background: #EDEDED;
	text-decoration: none;
}

#navlist li a:link { color: #666; }
#navlist li a:visited { color: #666; }

#navlist li a:hover
{
color: #666;
background: #FFFFFF;
border-color: #ccc;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
/*end of navigation bar styling*/
fieldset {
	border: 1px solid #999999;
	margin-top: 10px;
	padding: 5px;
	background-color:#EDEDED;
}

legend {
	color: #333333;
	width: 250px;
}
#form1 {
	width: 385px;
}
#formTable td {
	padding: 10px;
}
#topLeftbox {
	float: left;
	width: 374px;
}
#topRightbox {
	width: 374px;
	float: right;
}
#bottomLeftbox {
	float: left;
	width: 374px;
}
#bottomRightbox {
	width: 374px;
	float: right;
}
#studentGrid {
	width: 748px;
}
.roundcont {
	width: 410px;
	background-color: #F2F2F2;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop {
	background: url(../images/toprightcorner.jpg) no-repeat right top;
}

.roundbottom {
	background: url(../images/bottomrightcorner.jpg) no-repeat right top;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
      
#TopLeftBox {
	float: left;
	width: 410px;
	padding-bottom: 20px;
}
#TopRightBox {
	float: right;
	width: 410px;
	padding-bottom: 20px;
}
#BottomLeftBox {
	float: left;
	padding-bottom: 20px;
	width: 410px;
}
#BottomRightBox {
	float: right;
	width: 410px;
	padding-bottom: 20px;
}
#boxHolder {
	width: 840px;
	height: 780px;
	padding-top: 5px;
}
#boxHolderStudent {
	width: 840px;
	height: 550px;
	padding-top: 5px;
}
.StudentTitle {
	font-size: 14px;
	font-weight: bold;
	color: #E97631;
}
#forumImg {
	float: right;
}
#diary {
	float: right;
}
#pdfImg {
	float: right;
	padding-right: 10px;
}
#shoppingImg {
	float: right;
}
#studentFooter {
	clear: left;
}
#studentFooter a:link, a:visited {
	color: #FFFFFF;	
}
#studentFooter a:visited {
	color: #FFFFFF;	
}

#contentFooter {
	clear: left;
}
#contentFooter a:link, a:visited {
	color: #FFFFFF;	
}
#contentFooter a:visited {
	color: #FFFFFF;	
}
#linksFooter {
	clear: left;
}
#linksFooter a:link, a:visited {
	color: #FFFFFF;	
}
#linksFooter a:visited {
	color: #FFFFFF;	
}
/*timetable page table formatting*/
#TableTopLeftBox {
	float: left;
	width: 410px;
	padding-bottom: 20px;
}
#TableTopLeftBox table{
	width: 410px
}
#TableTopLeftBox td {
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}
#TableTopLeftBox01 {
	float: left;
	width: 410px;
	padding-top: 20px;
}
#TableTopLeftBox01 table{
	width: 410px
}
#TableTopLeftBox01 td {
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}
#TableTopLeftBox02 {
	float: left;
	width: 410px;
	padding-bottom: 20px;
	margin-right: 300px;
}
#TableTopLeftBox02 table{
	width: 410px
}
#TableTopLeftBox02 td {
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}

#TableTopRightBox {
	float: right;
	width: 410px;
	padding-bottom: 20px;
}
#TableTopRightBox td {
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}
#TableTopRightBox01 {
	float: right;
	width: 410px;
	padding-bottom: 20px;
}
#TableTopRightBox01 td {
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}
#TimetableHolder {
	width: 840px;
	height: 560px;
}
.tableGrey {
	color: #333333;
	font-weight: bold;
}

.tableHeader {
	color:#B55475;
	font-size: 1.1em;
	font-weight: bold;
}
.fees {
	text-align: center;
	height: 200px;
	width: 410px;
}
.fees p,h1,h2 {
	margin:2px 10px 10px 0px;
	line-height: 1.5em;
}
/*timetable page table formatting*/
#messageHolder {
	width: 385px;
}
#formHolder {
	height: 385px;
	width: 850px;
}
#newsOne {
	float: left;
	height: 560px;
	width: 239px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
#newsOne a:link{
	color: #95C1A3;
}
#newsOne  a:visited {
	color: #95C1A3;
}
#newsOne a:hover {
	color: #999999;
}
#newsTwo {
	float: right;
	height: 450px;
	width: 598px;
}
#newsThree {
	float: left;
	height: 250px;
	width: 298px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#newsFour {
	float: left;
	height: 250px;
	width: 299px;
}
#newsholder {
	float: right;
	width: 848px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
}
#morestreet {
	float: right;
	padding-left: 8px;
}
/*Start of Sry Accordion Styling*/

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
	width: 596px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
}
.Accordion a:link{
	color: #95C1A3;
}
.Accordion  a:visited {
	color: #95C1A3;
}
.Accordion a:hover {
	color: #999999;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #ddf1e4;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
}

.AccordionPanelTab h3 {
	margin: 0px;
	color:#333333;
	padding: 2px 2px 4px 18px;
	font: 14px Verdana, Arial, Helvetica, sans-serif !important;
	background:url(../images/plus.gif) no-repeat left 50%;
}

.AccordionPanelOpen .AccordionPanelTab h3 {
	background:url(../images/minus.gif) no-repeat left 50%;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelContent p {
	padding: 0px 20px 0px;
	margin: 0.5em 0;
}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EDEDED;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover h3 {
	color: #95C1A3;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #95C1A3;
}
#partyhat {
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
}
#olympia {
	padding-bottom: 10px;
}
#moveit {
	padding-bottom: 10px;
}
.greenTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #95C1A3;
}
#sambellLogo {
	float: right;
	padding-left: 5px;
	padding-bottom: 10px;
}
#youngBallet {
	float: right;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#copyrightnotice {
	float: right;
	height: 490px;
	width: 360px;
	margin-left: 10px;
}
.imageCopyright {
	font-size: 10px;
}
#copyrightnotice a {
	color:#333333;
}
#copyrightnotice a:hover {
	color:#BDA3C3;
}
/*faq styling*/
#faq {
	text-align: justify;
	position: relative;
	z-index: 2;
	line-height: 1.6em;
	width: 860px;
}
#faq a{
	color: #5DC1C7;
}
#faq a:hover{
	color: #999999;
}

.questionTitle {
	font-weight: bold;
}
#answerOne {
	padding: 5px;
	display: none;
}
#answerTwo {
	padding: 5px;
	display: none;
}
#answerThree {
	padding: 5px;
	display: none;
}
#answerFour {
	padding: 5px;
	display: none;
}
#answerFive {
	padding: 5px;
	display: none;
}
#answerSix {
	padding: 5px;
	display: none;
}
#answerSeven {
	padding: 5px;
	display: none;
}
#answerEight {
	padding: 5px;
	display: none;
}

#faqIntro a{
	color: #5DC1C7;
}
#faqIntro a:hover{
	color: #999999;
}
/*end of faq styling*/
#table {
	width: 860px;
}
#diaryContent {
	height: 680px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 40px;
}
#diaryContent  a{
	color:  #E97631; 
}
#diaryContent  a:hover{
	color:  #999999; 
}
.DiaryTitle {
	font-size: 18px;
	font-weight: bold;
	color: #E97631;
	text-align: left;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}#diaryHolder {
	background-color: #CCCCCC;
	background-image: url(../images/spiralrings.gif);
	background-repeat: repeat-y;
	height: 600px;
	width: 587px;
}
#diaryTitleScript {
	margin-bottom: 10px;
	margin-top: 10px;
}
.diaryYear {
	font-size: 18px;
	font-weight: bold;
}
.classHeader {
	font-weight: bold;
	color: #82BEC7;
}
.classBgd {
	background-color: #FAFAFA;
	width: 415px;
	padding: 5px;
	float: left;
	height: 475px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.classBgdLeft {
	background-color: #FAFAFA;
	width: 410px;
	padding: 5px;
	float: left;
}
.classBgdRight {
	background-color: #FAFAFA;
	width: 415px;
	padding: 5px;
	float: right;
	margin-right: 5px;
	height: 208px;
	margin-left: 5px;
}
#coreValues {
	background-image: url(../images/greyBgdStrp.png);
	background-repeat: repeat-x;
	width: 480px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;

}
#BenefitsWrap {
	width: 480px;
	background-image: url(../images/greyBgdStrp.png);
	background-repeat: repeat-x;
	padding: 5px;
	float: left;
	margin-bottom: 80px;
}
/*pop-up styling starts here*/
#firststeps {
	background-color: #FFFFFF;
	height: 350px;
	width: 490px;
	padding: 15px 10px 5px;
}
#firststeps a {
	color: #83c0c5;
}
#firststeps a:hover {
	color: #999999;
}
#prepreliminary {
	background-color: #FFFFFF;
	height: 220px;
	width: 490px;
	padding: 15px 10px 5px;
}
#prepreliminary a {
	color: #83c0c5;
}
#prepreliminary a:hover {
	color: #999999;
}


.classPopupTitle {
	font-size: 16px;
	font-weight: bold;
	color: #82BEC7;
}
.popwrap {
	padding: 5px;
	background-color:#fafafa;
}
#pdf {
	vertical-align: bottom;
}
#reader {
	margin-bottom: 15px;
}
#pdfTable {
}
#pdfTable td {
	vertical-align: bottom;
	padding-right: 50px;
	padding-bottom: 30px;
}
#tableWrapper {
	height: 390px;
	width: 850px;
}

#shoppinglist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 235px;
	padding-right: 5px;
}

#shoppinglist li {
	list-style: none;
	margin: 0;
	padding: 0.50em;
	border-top: 1px solid gray;
}

#shoppinglist li a { text-decoration: none; }
#ShoppingNav {
	width: 235px;
	height: 520px;
	float: left;
}
#ShoppingNav01 {
	width: 235px;
	height: 840px;
	float: left;
}
#ShoppingItems {
	height: 508px;
	width: 610px;
	padding-left: 0px;
	float: right;
	padding-top: 12px;
}
#ItemsContainer {
	background-color: #fafafa;
	width: 590px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 10px;
}
#shop td {
	padding-bottom: 30px;
}
#viewbasket {
	float: right;
}
#cuba {
	float: right;
	padding-left: 5px;
}
#pixie {
	float: right;
	margin-left: 10px;
}
#redballet {
	float: right;
	padding-left: 10px;
}
#studentgroup {
	float: right;
	padding-left: 10px;
}
.keypoints {
	font-weight: bold;
	color: #A790AD;
}
#angelina {
	float: right;
	padding-left: 10px;
}
#photoholder {
}
#photo td {
	padding: 10px;
}
#photoholder {
	margin-left: 50px;
}
#forumImg1 {
	float: right;
}