/* undo browser defaults
/*------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td { margin:0px; padding:0px; }
table{ border-collapse:collapse; border-spacing:0px; }
fieldset,img,a img,:link img,:visited img { border:0px; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
a { text-decoration:none; outline:none; }




/* globals
/*------------------------------------------------------------------------------------*/
body {
	background:#fff;
	text-align:center;
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#000;
	padding-top:25px;
	}

h1 { font-size:1.2em; color:#000; }
h2 { font-size:1.1em; color:#000; }
h3 { font-size:16px; color:#b6010b; margin-left:12px; margin-bottom:5px; }
h4, h4 a { font-size:11px; color:#b6010b !important; }

h1 span, h2 span { display:none; }




/* framework
/*------------------------------------------------------------------------------------*/
#wrap {
	width:848px;
	height:624px;
	margin:0px auto;
	border:1px solid #ccc;
	text-align:left;
	}


/* -------- column-left -------- */
#column-left {
	width:311px;
	height:588px;
	background:#fff;
	float:left;
	padding:36px 0px 0px 33px;
	}

#column-left a:link,#column-left a:visited,#column-left a:active { color:#797979; }
#column-left a:hover { color:#f40000; }


/* -------- column-right -------- */
#column-right {
	width:492px;
	height:577px;
	background:#a09a8a;
	float:left;
	padding:47px 0px 0px 12px;
	position:relative;
	}
	#column-right p { font-size:10px; color:#3d3d3d; margin:0px 0px 10px 16px; }

#column-right a:link,#column-right a:visited,#column-right a:active { color:#3d3d3d; }
#column-right a:hover { color:#fff; }




/* footer
/*------------------------------------------------------------------------------------*/
#footer {
	color:#666;
	width:850px;
	margin:0px auto;
	text-align:left;
	font:11px/15px Arial, Helvetica, sans-serif;
	}
 
#footer a:link,#footer a:visited,#footer a:active { color:#666; text-decoration:none; }

#footer a:hover { color:#333; }

#footer ul { margin:10px 0px; }
	#footer li {
		background:url("../images/bullet-footer.gif") 0px 5px no-repeat;
		padding:0px 16px 0px 10px;
		display:inline;
		}

#footer p {
	color:#333;
	font:9px/3em Arial, Helvetica, sans-serif;
	}




/* navigation
/*------------------------------------------------------------------------------------*/
#nav {
	width:250px;
	}
	#nav li {
		display:block;
		height:20px;
		}
	#nav li a {
		display:block;
		height:19px;
		}
		#nav li a:hover { border-bottom:1px dotted #ccc; }

#subnav {
	position:absolute;
	top:5px;
	left:405px;
	width:95px;
	background:#a09a8a;
	}
	#subnav li {
		font-size:10px;
		line-height:13px;
		background:url("../images/bullet.gif") 0px 6px no-repeat;
		padding-left:10px;
		}
		body#owners #subnav #subnav-01 a, body#pure-buzz #subnav #subnav-02 a, body#podcasts #subnav #subnav-03 a, body#choreography #subnav #subnav-04 a, body#playlist #subnav #subnav-05 a, body#downloadables #subnav #subnav-06 a, body#photos #subnav #subnav-07 a { color:#fff; }
		body#teachers #subnav #subnav-01 a, body#pure-buzz #subnav #subnav-02 a, body#t_podcasts #subnav #subnav-03 a, body#t_choreography #subnav #subnav-04 a, body#t_playlist #subnav #subnav-05 a, body#t_downloadables #subnav #subnav-06 a, body#t_photos #subnav #subnav-07 a { color:#fff; }




/* login form
/*------------------------------------------------------------------------------------*/
#login-form {
	width:200px;
	margin:49px 0px 40px 14px;
	}
	#login-form label {
		display:block;
		position:relative;
		font-size:12px;
		color:#3d3d3d;
		line-height:21px;
		margin-bottom:10px;
		}
		#login-form label input {
			position:absolute;
			left:65px;
			width:125px;
			height:19px;
			border:1px solid #cbcbcb;
			font:12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding:0px 4px;
			}
			#login-form input.submit {
				width:50px;
				height:14px;
				border:0px;
				padding:0px;
				background:url("../images/submit.gif");
				margin-left:149px;
				cursor:pointer;
				}




/* change password form
/*------------------------------------------------------------------------------------*/
#password-form {
	width:300px;
	margin:49px 0px 40px 14px;
	}
	#password-form label {
		display:block;
		position:relative;
		font-size:12px;
		color:#3d3d3d;
		line-height:21px;
		margin-bottom:10px;
		}
		#password-form label input {
			position:absolute;
			left:150px;
			width:125px;
			height:19px;
			border:1px solid #cbcbcb;
			font:12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
			padding:0px 4px;
			}
			#password-form input.submit {
				width:50px;
				height:14px;
				border:0px;
				padding:0px;
				background:url("../images/submit.gif");
				margin-left:225px;
				cursor:pointer;
				}




/* headers
/*------------------------------------------------------------------------------------*/
body#login #header {
	background:url("../images/header-login.jpg") no-repeat;
	display:block;
	height:30px;
	margin-bottom:32px;
	margin-left:14px;
	}

body#owners #header, body#downloadables #header, body#podcasts #header, body#choreography #header, body#photos #header, body#playlist #header, body#o_newsletters #header {
	background:url("../images/header-owners.jpg") no-repeat;
	display:block;
	height:18px;
	margin-bottom:14px;
	margin-left:14px;
	}

/* Teachers headers */
body#teachers #header, body#t_downloadables #header, body#t_podcasts #header, body#t_choreography #header, body#t_photos #header, body#t_playlist #header, body#t_newsletters #header{
	background:url("../images/header-teachers.jpg") no-repeat;
	display:block;
	height:25px;
	margin-bottom:14px;
	margin-left:14px;
	}

body#password-change #header {
	background:url("../images/header-password-change.jpg") no-repeat;
	display:block;
	height:30px;
	margin-bottom:32px;
	margin-left:14px;
	}




/* subheads
/*------------------------------------------------------------------------------------*/
body#login #subhead {
	background:url("../images/subhead-login.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	}

body#password-change #subhead {
	background:url("../images/subhead-password-change.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	}

body#owners #subhead {
	background:url("../images/subhead-owners.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:10px;
	}

body#teachers #subhead {
	background:url("../images/subhead-teachers.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:10px;
	}
	
body#media #subhead {
	background:url("../images/subhead-media.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:10px;
	}
	
body#downloadables #subhead, body#t_downloadables #subhead  {
	background:url("../images/subhead-downloadables.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:10px;
	}

body#podcasts #subhead, body#t_podcasts #subhead {
	background:url("../images/subhead-podcasts.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:60px;
	}

body#choreography #subhead, body#t_choreography #subhead  {
	background:url("../images/subhead-choreography.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:60px;
	}

body#photos #subhead, body#t_photos #subhead {
	background:url("../images/subhead-photos.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:60px;
	}

body#playlist #subhead, body#t_playlist #subhead {
	background:url("../images/subhead-playlist.jpg") no-repeat;
	display:block;
	height:17px;
	margin-left:14px;
	margin-top:60px;
	}

body#o_newsletters #subhead, body#t_newsletters #subhead {
    background:url("../images/subhead-newsletters.jpg") no-repeat;
    display:block;
    height:17px;
    margin-left:14px;
    margin-top:60px;
    }

/* miscellaneous id's
/*------------------------------------------------------------------------------------*/
#logo {
	background:url("../images/logo.gif") no-repeat;
	width:279px;
	height:55px;
	display:block;
	}
	#logo a {
		width:250px;
		height:54px;
		display:block;
		}
		#logo a:hover { border-bottom:1px dotted #ccc; }
		#logo a span { display:none; }

#bare-buzz-container {
	width:244px;
	height:155px;
	float:left;
	padding-top:10px;
	margin-bottom:1px;
	}

#image-container {
	width:185px;
	height:155px;
	float:left;
	margin-bottom:1px;
	}
	#image-container img { float:right; }

#login-error { color:#f00 !important; display:none; margin-left:0px !important; }
#no-access { display:none; }




/* classes
/*------------------------------------------------------------------------------------*/
div.clear {
	height:5em;
	overflow:hidden;
	clear:both;
	padding-top: 15px;
	position:absolute; top:50; left:15;
	}

.dotted-line {
	background:url("../images/dotted-line.gif") no-repeat;
	width:484px;
	height:1px;
	clear:both;
	}

.float-left { float:left !important; width:148px; }

.five-column-layout {
	width: 90px;
	float: left;
	text-align: center;
	margin: 10px 0px 5px 5px;
	}
	.five-column-layout p, .five-column-layout h4 { text-align:center; margin:0px 0px 5px 0px !important; }

.paginated {
	clear: left;
	text-align: right;
	padding: 6px 30px 6px 0px;
	color: #3d3d3d;
	}
	
.three-column-layout {
	width:148px;
	float:left;
	text-align:center;
	margin:10px 0px 5px 12px;
	}
	.three-column-layout p, .three-column-layout h4 { text-align:left; margin:0px 0px 5px 0px !important; }

.two-column-layout {
	
	width:180px;
	float:left;	
	margin-top:15px;
	padding-left:20px;
	padding-bottom:5px;
	overflow:hidden;
	height:570px;
	}
.two-column-layout3 {
	
	width:180px;
	float:right;	
	margin-top:15px;
	padding-left:30px;
	padding-bottom:5px;
	}
.two-column-layout2 {
	width:217px;
	float:left;	
	margin-top:15px;
	padding-left:20px;
	overflow:hidden;
	height:570px;
	}
.two-column-layout4 {
	
	width:200px;
	float:left;	
	margin-top:15px;
	padding-left:30px;
	padding-bottom:5px;
	}	

.bullet-list { margin-bottom:15px; }
	.bullet-list li {
		background:url("../images/bullet.gif") 0px 6px no-repeat;
		padding-left:10px;
		}

.podcast-list li {
	background:url("../images/bullet-podcast.gif") 0px 5px no-repeat;
	padding-left:10px;
	}

.downloadables-box {
	width:490px;
	height:487px;
	overflow:scroll;
	}