html
{
	height:100%;
}

body
{
	margin:0px;
	height:100%;
	background-color:white;
	color:white;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../Images/debut_light.png) left 10px repeat;
}

form
{
	display:inline;
}

#main
{
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	min-height: 96%;
	margin: 0 auto 0px auto;
	color:#3299BB;
	padding:5px;
	border-left: 1px solid #9B9B96;
	border-right: 1px solid #9B9B96;
}

#top
{
	overflow:auto;
	display:block;
	width:1060px;
	margin:0px auto;
	padding:5px;
}

#logo
{
	width:1060px;
	margin:10px auto 2px auto;
	height:100px;
	text-align:center;
}
#header
{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#e36d23;
	background:url(../Images/celloGrain3.jpg);
	top:0px;
	z-index:10000;
	border-bottom: 1px solid black;
	height:30px;
	
}
#badLogin
{
	width:100%;
	background-color:red;
	top:0px;
	border-bottom: 1px solid black;
	height:20px;
	text-align:right;
}
#header a {
    color:white;
    text-decoration: none;
}

#header a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}
#search
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	font-size:14px;
	width:300px;
}
#headerWidth
{
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
}
#login
{
	float:right;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:white;
	padding:2px;
	font-size:14px;
}

#nudge
{
   height: 1px;
   clear: both;
}

#footer
{
	width:1060px;
   height:40px;
   clear: both;
   position:relative;   
   background-image:url('../Images/celloGrain3.jpg');
	background-repeat:repeat-x;
   background-position:left top;
   background-color:#7C3B19;
   background-attachment: inherit;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
	padding:5px 5px 0 5px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border: 1px solid #4B4B46;
}

#description
{
	border-bottom:1px solid white;
}

.center
{
	text-align:center;
}

.right100px
{
	padding-right:220px;
}

.left100px
{
	padding-left:220px;
}

.loginBox
{
	width:150px;
	margin:3px;
	color:black;
}

 
#sytlized p, #sytlized h1, #sytlized form, #sytlized button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:600px;
	padding:14px;
	float:left;
}

/* ----------- stylized ----------- */
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	margin:0 auto;
	width:600px;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized input, #stylized select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:400px;
	margin:2px 0 20px 10px;
}
#stylized textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:400px;
	height:100px;
	margin:2px 0 20px 10px;
}
#stylized .button {
	clear:both;
	margin-left:150px;
	width:100px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#stylized .small {
	color:red;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

.navigation {
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	font:normal 15px/40px "Arial", Helvetica, sans-serif;
	color:white;
	text-shadow: 0px 1px #444;
	background:url(../Images/celloGrain3.jpg);
	padding:0 5px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border: 1px solid #4B4B46;
	z-index:1000000;
}	
#navLinks a {
	padding:11px 19px;
}
.navigation li {
	padding:11px 20px;
}
.navigation ul {
	padding:0;
	margin:0;
	list-style:none;
}

.navigation ul li {
	padding:0;
	float:left;
	font:normal 15px/40px "Arial", Helvetica, sans-serif;
	color:#a9a9a9;
	text-shadow: 0px 1px #444;
	margin:0px 19px;
	position:relative;
}

.navigation ul li a {
	font:normal 15px/40px "Arial", Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	text-shadow: 0px 1px #444;
}

.navigation ul li a:hover {
	background:url(../images/hover_left.png) left 10px no-repeat;
	color:#a9a9a9;
	text-decoration:none;
}	

.navigation ul li ul {
	display:none;
	position:absolute;
	background-color:#252525;
	background:url(../Images/celloGrain3.jpg) left top no-repeat;
	padding:15px;
	z-index:100;
	border: 1px solid #4B4B46;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.navigation ul li ul li {
	float:none;
	padding:2px;
	margin:0;
	width:40px;
	font:normal 13px/24px "Arial", Helvetica, sans-serif;
	color:#a9a9a9;
	text-decoration:none;

}

.navigation ul li ul li a{
	font:normal 13px/24px "Arial", Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}

.navigation ul li ul li a:hover{
	color:#a9a9a9;
}	

.navigation ul li:hover > ul{
	display:block;
}


/* added for John's categories by Luke */

#CategoryDropDown li {
	width:170px;
	text-align:left;
}
#CategoryDropDown ul {
	width:auto;
	text-align:left;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.navigation ul ul ul {
	position: absolute;
	top: -10px;
	left:100%;
	width: 120px;
}


/* added for John's categories by Luke */

/*  Begin of styles for the Star Rating Bar
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
Source: http://www.ajaxdaddy.com/demo-multi-ajax-star-rating-bars.html
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-left:100px;
	border-bottom:1px solid white;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('../Images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../Images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
  text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../Images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url('../Images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

/*  End of styles for the Star Rating Bar
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
Source: http://www.ajaxdaddy.com/demo-multi-ajax-star-rating-bars.html
--------------------------------------------------------- */


/* Exercise page style START*/

div.videoThumbnail
{
  margin: 2px;
  border: 3px solid #b7ddf2;
  height: 250px;
  width: 250px;
  float: left;
  text-align: center;
}	
div.videoThumbnail img
{
  display: inline;
  margin: 3px;
  border: 3px solid black;
}
div.videoThumbnail a:hover img {
 border: 3px solid #b7ddf2;
 }
 
 .comments
 {
	padding:10px;
 }
 
.forum table, .comments table
{
	text-align:center;
	margin:auto;
	border-collapse:collapse;
}
.forum td, .comments td
{
	padding:5px;
	border: 1px solid black;
}
.forum th, .comments th
{
	padding:5px;
	border: 1px solid black;
}
.forum td.wide, .comments  td.wide
{
	width:550px;
	text-align:left;
	border: 1px solid black;
}

/* Exercise page style END*/

/* Calendar page style START*/

.calendar{
					width:100%;
					border:3px solid #8A4B08;
					height: 600px;
}

.calendar tr{
  width: 14%;
	font-size:15px;
	color:#666666;
	margin-bottom:20px;
	padding:10px;
	position:relative;
	border-collapse:collapse;
	cellpadding:2px;
}

.calendar td{
  width: 14%;
	font-size:15px;
	color:#666666;
	margin-bottom:20px;
	padding:10px;
	position:relative;
	border-collapse:collapse;
	cellpadding:2px;
}

.calendarNavigation {
height: 1px;
background-color: #8A4B08;

}

.calendarNavigation a {
font-size: 25px;
color: #F8ECE0;
text-decoration:none;
height: 10px;
}

.dayTitleRow{
background-color: #CCCCCC; 
text-align:center;
height:1px; 
}

.dayRows{
background-color: #F8ECE0;
}
.dayRows:hover{
background-color: #BBBBBB;
}

.dayRowsToday{
background-color: #F7BE81;
}

.dayRowsToday:hover{
background-color: #BBBBBB;
}

.dayNumber {
text-decoration:none;
background-color: #DF7401;
margin:-10px -10px 0 0;
float:right;
padding: 2px;
color: #F8ECE0;
text-align:center;
width:20px; 
font-weight:bold; 
}

.eventTitle {
font-Size: 12px;
text-decoration: none;
}

.event_detail{
font-size: 16px;
}

.event_image{
 /*max-height:150px;
 max-width:150px;*/
 height:150px;
 margin-top: 15px; 
}

.event_detail {

 list-style-type: none;
}

.event_detail p{
 margin-left: 200px;
 margin-top: -160px;
 
}

.event_map_date_bench {
	width:auto;
	margin-left:-7%;
	margin-right:8%;
	height:40px;
	font:normal 12px/12px "Arial", Helvetica, sans-serif;
	color:white;
	text-shadow: 0px 1px #444;
	background:url(../Images/celloGrain3.jpg);
	padding:0 5px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border: 1px solid #4B4B46;
}

.event_map_instrument_type{
	margin-left: -40px;
	margin-top: -230px;

}

.event_map_instrument_type li{
	width:auto;
	width: 80px;
	margin-bottom: 1px;
	height:40px;
	text-shadow: 0px 1px #444;
	background:url(../Images/celloGrain3.jpg);
	padding-left: 10px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border: 1px solid #4B4B46;
}

.event_map_instrument_type a{
  	text-decoration: none;
	font:normal 25px/40px "Arial", Helvetica, sans-serif;
	color:white;
}

/*Calendar page style END*/