/**************************************
style for Performence Rock
**************************************/

body {
	margin:8px;
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em
}

#container {	
	margin:0 auto;
	width:880px;
	height:590px;
}

#header {
	height:95px;
	width:880px;
}

#RightColumn {
	float:right;
	margin:0px;
	padding:0px;
	border:none;
	width:150px;
	height:439px;
}

#LeftColumn {
	float:left;
	margin:0px;
	padding:0px;
	border:none;
	width:230px;
	height:435px;
	border-bottom:#8eca1c 2px solid;
	border-top:#cae779 2px solid;
}

#MiddleColumn {
	float:right;
	margin:0px;
	padding:0px;
	border:none;
	width:500px;
	height:435px;
	border-bottom:#8eca1c 2px solid;
	border-top:#cae779 2px solid;
}
/********logo**********************************/
#logo {
	width:200px; 
    height:78px; 
    float:left;
    position:relative;
    top:6px;
    left:30px;
}
/********main navigation**************************/
.MenuDiv {
	position:relative;
	left:74px;
	top:2px;
	height:85px;
	width:520px;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}
a.MenuNav {
	text-decoration:none;
	color:white;
	background-color:#a58d73;
	width: 63px;
	height: 82px;
	line-height:1.7em;
	float:right;
	border:white 1px solid;
}
a.MenuNav:hover {
	text-decoration:none;
	color:#333333;
	background-color:#e1d0b4;
	width: 63px;
	height: 82px;
	float:right;
	border:white 1px solid;
}
/*****table inside middle column***************/
table.main {
	position:relative;
	top:45px;
	left:36px;
	width:464px;
	height:307px;
	overflow:scroll;
}
td.middle {
	background-image:url(images/TextBlock_02.gif);
	background-repeat:repeat-y;
	overflow:visible;
	display:block;
}
/************div for text in the table of the middle column**********/
.TextDiv {
	padding-left:30px;
	padding-right:24px;
	padding-top:4px;
	padding-bottom:4px;
}
/************Store**********/
td.productName {
	background-color:#f95e11;
	color:white;
	text-align:center;
	height:2.5em;
	font-size:12px;
	font-weight:bold;
	line-height: 1.2em;
	padding-top: 3px;
	padding-bottom: 2px;
}
.productPrice {
	font-size:12px; 
	color:white;
	font-weight:normal;
}
td.productPic {
	text-align:center;
	border: #e2d1b5 2px solid;
	width: 145px;
	height: 120px;
}
/************links in the bottom***********/
.links{
	width:880px; 
	123position:relative;
	123top:10px;
    height:auto;
    float:left;
	padding-top:9px;
	padding-bottom:5px;  
    text-align:center;
	border-bottom:#e2d1b3 1px solid;
}
a.logos {
	border-right:white 2px solid;
	border-left:white 2px solid;
	padding-right:3px;
	padding-left:3px;
	margin-left:40px;
}
a.logos:hover {
	border-right:#a58d73 2px dashed;
	border-left:#a58d73 2px dashed;
}
#rights {
	width:280px;
	float:left;
	position:relative;
	top:6px;
	left:362px;
	text-align:center;
	font-size:9px;
	color:#A58D73;
	line-height:1.5em;
}
/******navigation links for store & activities right collumn********/
a.nav {
	text-decoration:none;
	width:68%;
	display:block;
	float:right;
	background-color:#a58d73;
	color:white;
	border-bottom:white 1px solid;
	padding-right:2px;
	text-align:right;
}
a.nav:hover {
	color:black;
	background-color:#e1d0b4;
}
a.navComp {
	text-decoration:none;
	width:68%;
	display:block;
	float:right;
	background-color:#e1d0b4;
	color:black;
	border-bottom:white 1px solid;
	padding-right:2px;
	text-align:right;
}
a.navComp:hover {
	color:white;
	background-color:#f95e11;
}
a.navTeach {
	text-decoration:none;
	width:68%;
	display:block;
	float:right;
	background-color:#e1d0b4;
	color:black;
	border-bottom:white 1px solid;
	padding-right:2px;
	text-align:right;
}
a.navTeach:hover {
	color:white;
	background-color:#8eca1c;
}
/******container & links for activities (middle collumn)********/
.activitiesStrip {
	background:url(images/activitiesStrip.jpg) no-repeat;
	position:relative;
	top:55px;
	left:37px;
	width:464px;
	height:83px;
	padding-top:7px;
}
a.Box {
	text-decoration:none;
	color:black;
	width:90px;
	height:76px;
	float:right;
	direction:rtl;
	text-align:left;
	line-height:14px;
}
a.Box:hover {
	text-decoration:none;
	color:#FF0000;
	cursor:pointer;
}
/******container & links for store (middle collumn)********/
.storeStrip {
	background:url(images/storeStrip.jpg) no-repeat;
	position:relative;
	top:60px;
	left:216px;
	width:285px;
	height:83px;
	padding-top:7px;
}
a.Box2 {
	text-decoration:none;
	color:black;
	width:90px;
	height:76px;
	float:right;
	direction:rtl;
	text-align:left;
	line-height:14px;
}
a.Box2:hover {
	text-decoration:none;
	color:white;
	cursor:pointer;
}
/******right column******************************/
img.smallNav {
	position:relative; 
	left:4px; 
	top:8px; 
	float:left;
}
#friends {
	background-color:#8eca1c;
    width:146px;
    height:16px; 
    float:left;
    display:block;
	position:relative;
	left:4px; 
    font-weight:bold; 
    color:white; 
    letter-spacing:1px;  
    text-align:left;
	padding-bottom:2px;
}
#pageInfo { 
    width:146px;
    height:16px;
    position:relative;
    top:0px;
    left:4px;
   	font-weight:bold;
    color:white;
    line-height:1.2em;
    letter-spacing:1px;
    vertical-align:middle;
    text-align:left;
}
/***************************************************/
img {border:none}
ul {list-style-type:inside square}
li {list-style:inside square}