/* @group global */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 0.8em;
	background-color: white;
	color: #505050;
}

img {
	border: none;
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

div.clear {
	clear: both;
}

div#frame {
/*	background: url(images/violin_silhouette.gif) no-repeat 100% 0px;*/
	background-color: white;
	padding-bottom: 1px;
	margin-bottom: 100px;
}

div#banner_wrapper {
	background-color: #91cb00
}


div#banner {
	width: 850px;
	margin: 0 auto;
/*	background: url(images/title_small-trans.png) no-repeat; */
	height: 100px;
	display: block;
}

div#banner.page_index {
/*	background: url(images/title-trans.png) no-repeat; */
	height: 190px; 
}

div#title.page_index {
	height: 100%;
	background: url(images/violin_piano_icon-trans.png) no-repeat;	
}


div#banner.page_index h1 {
	position: absolute;
	top: 100px;
	color: white;	
	font-size: 20pt;
}

div#title h1 {
/*	display: none;*/
	position: absolute;
	top: 28px;
	color: white;
	font-size: 16pt;
}



div#toolbar_wrapper {
	width: 800px;
	margin: 0 auto;
}

div#toolbar #menu {
	height: 0px;
	float: right;
	position: relative;
	top: -20px;
	height: 40px;
}

div#toolbar #menu ul {
	padding: 0;
	margin: 0;
}

div#toolbar #menu li {
	float: left;
	font-size: 12px;
	color: white;
	width: 80px;
	height: 52px;
	list-style-type: none;
	background-color: white;
	text-align: center;
}

div#toolbar #menu li:hover {
	background-color: #ecfdc1;
}

div#toolbar #menu a {
	padding-top: 15px;
	height: 25px;
	display: block;
	color: #707070;
	text-decoration: none;
}

div#toolbar #login_frame {
	position: absolute;
	top: 5px;
	clear: both;
	margin-left: 400px;
	font-size: 10px;
	color: white;
	text-align: right;
	height: 23px;
	width: 420px;
}
/*
div#toolbar #login_frame.page_index {
	top: -220px;
}
*/

div#toolbar #login_frame a {
	text-decoration: none;
	color: white;
}

div#toolbar #login_form {
	height: 25px;
}

p#login_email label, p#login_password label {
	display: none;
}

#login_email {
	padding-left: 22px;
	padding-bottom: 10px;
	background-image: url(images/icon_email-trans.gif);
	background-repeat: no-repeat;
}

#login_password {
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-image: url(images/icon_key-trans.gif);
	background-repeat: no-repeat;
}

div#toolbar #login_frame p {
	display: inline;
	margin-left: 5px;
}

div#toolbar #login_frame p input.submit {
	font-size: 7pt;
	font-weight: bold;
	height: 20px;
}

div#toolbar #login_frame input.text {
	font-size: 10px;
	height: 15px;
	width: 40px;
	padding-left: 5px;
	text-align: left;
}

div#body{
	clear: both;
	width: 850px;
	margin: 0 auto;
}

div#section_title {
	background-color: #2c892e;
	color: white;
	padding-top: 18px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 20px;
}

div#section_title h2 {
	padding: 0px;
	margin: 0px;
	font-size: 15pt;
}

div#submenu {
	width: 190px;
	margin-bottom: 20px;
	float: left;
    min-height: 440px;
    padding-right: 20px;
    border-right: 1px solid silver;
}

span#section_path {
	font-size: 9pt;
	font-weight: normal;
	color: white;
	font-style: normal;
}


div#submenu ul {
	margin: 0px;
	padding: 0px;
}


div#submenu li {
	list-style-type: none;
	border-bottom: 1px solid #cdcdcd;
}

div#submenu li a.submenu {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}

div#submenu li a.submenu:hover {
	background-color: #f4f4f4;
}


div#submenu li div.side_title {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
}

div#content {
	margin-left: 235px;
}

div#content_no_side {
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 25px;
}



div#footer {
	clear: both;
/*
	width: 850px;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
*/
	margin-bottom: 30px;
}


div.flash {
	border: 1px solid #3e5086;
	padding: 10px;
	background-color: #dce7fe;
	font-size: 150%;
	margin-bottom: 10px;
}

div.page_nav {
	text-align: right;
}

	/* @group forms */
	textarea {
		overflow: auto;
	}
	
	div.notice {
		background-color: #ffeeee;
		border: 1px solid red;
		color: black;
		padding: 20px;
		margin-bottom: 20px;
	}
	
	input.text, textarea.text {
		border-top: none;
		border-left: none;
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #dddddd;
		background: white url(images/form_bg.gif) no-repeat left top;
	}
	
	textarea {
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		font-size: 9pt;
	}

	input.large {
		font-size: 15pt;
		padding: 8px;
	}

	div.form_box input.text {
		font-size: 15pt;
		padding: 8px;
	}
	
	textarea.text {
		padding: 8px;
	}
	
	div.form_box {
		padding: 20px;
		background-color: #eff3fc;
		border: 1px solid #c9d9ef;
	}

	div.form_box .form_element {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	div.form_box .submit {
		width: 100px;
		height: 30px;
		font-size: 12pt;
	}

	div.form_box .nok {
		background: url(/images/nok.gif) no-repeat 100% 70%;
	}

	div.form_box .ok {
		background: url(/images/ok.gif) no-repeat 100% 70%;
	}

	
	/* @end */


	/* @group links */
	
	
	a {
		color: #709a5d;
		text-decoration: none;
	}
	
	a:hover {
		color: #9e543a;
	}
	
	
	/* @end */

/* @end */



/* @group index */

div#content_no_side.page {
	padding: 0px;
}

div#front_collage {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

div#front_collage img {
	margin: 4px;
}

div#latest_news {
	margin-top: 30px;
	padding: 10px;
	font-size: 16px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div#latest_news h3 {
	margin: 0px;
	margin-bottom: 10px;
	color: #6d84d0;
}

div#latest_news ul {
	margin: 0px;
	padding: 0px;
}

div#latest_news li {
	margin-top: 7px;
	list-style-type: none;
}

div#latest_news span.news_date {
	color: #ff7610;
	margin-right: 10px;
}

/* @end */


.red {
	color: red;
}



/* table */

table.default_table {
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

table.default_table th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: dotted;
	border-color: gray gray gray gray;
	background-color: #d1eefe;
}

table.default_table th.selected {
	background-color: #d1fdd3;
}



table.default_table td {
	border: 1px dotted silver;
	padding: 5px;
}

table.default_table tr.even td {
	background-color: #fcfcfc;	
}

table.default_table tr.odd td {
	background-color: #eaeaea;	
}

table.default_table tr.hightlight td {
	background-color: #ead887;	
}