/*

CONTENTS:

1. TAGS
2. IDs
3. CLASSES

*/

/*
 * TAGS
 */


html{
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
}
body {
	margin:50px 0px;
	padding:0px;
	text-align:center;
	color:#FFF;
	background-color:#000;

}

hr {
	border-top:1px solid #023473;
	background-color:#023473;
	margin:0;
	padding:0;
	background-color: #004c87;
	color: #004c87;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}

h1{
	font-size:1.1em;
	color:#4297d8;
	width: 163px;
	height:20px;
	margin:9px 0 0 6px;
	padding:0px;
}

h2{
	font-size:1em;
	color:#4297d8;
	font-weight:bold;
	margin:9px 0 5px 0;
	padding:0;
}

h3{
	font-size:1em;
	font-weight:bold;
	margin:9px 0 0 6px;
	padding:0;
	color:#4297d8;
}

h4{
	font-size:1em;
	margin:9px 0 0 6px;
	padding:0;
	color:#666;
}

p{
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
	margin:0 0 5px 0;
	padding:0;
	color:#FFF;
}


label{
    float:left;
}

input{
    float:left;
    width:170px;
    margin: 2px 0;
        color:#666;
}

input[type="submit"] {
    float:left;
    width:100px;
    margin:  10px 5px;
}

input[type="checkbox"] {
    width:15px;
    margin: 0 5px 5px 0;
}

textarea{
	float:left;
	width:170px;
	height:170px;
	margin: 0 0 10px 0;
	color:#666;
}
/*
 * divs by ID begin here
 */
.*

#wrapper {
	width:960px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px solid #333;
}
#wrapper {
	width:960px;
	margin:0px auto;
	text-align:left;
	padding:0;
	border:0px solid #333;

}

#header{
	width:960px;
	background-image:url('../images/sm_logo.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	height:100px;
	margin:0;
	text-align:right;
	margin:0;
}
#menu{
	height:20px;
	position:relative;
	top:-30px;
	margin:0px;
}
#main{
	height:540px;
	height:auto !important;
	min-height:540px;
	margin:0;
	padding:0;
}
#left{
	float:left;
	width:240px;
	height:310px;
	height:auto !important;
	min-height:310px;
}
#testimonialsLeft{
	position:relative;
	left:270px;
	float:left;
	text-align:left;
	width:200px;
	height:20px;
}
#testimonialsRight{
	float:right;
	position:relative;
	text-align:right;
	width:200px;
	height:20px;
	padding: 0 10px;
}
#lowerMenu{
	margin:0;
	padding:0;
	width:960px;
	border:1px solid #FFF;
}

#footer{
	height:45px;
	margin:20px 0 0 0;
	padding:0;
	border-top:2px solid #023473;
}

#decorativeLine{
	position:fixed;
	top:90px;
	height:2px;
	padding:0;
	border-top:2px solid #023473;
	width:980px;
}
#flashArea{
	width:238px;
	height:285px;
	margin: 15px 0 30px 30px;
	padding:0px;
}

#menu ul, #footer ul{
    width:640px;
    float:right;
    margin: 0 20px 0 0;
    padding: 0;
    text-align:right;
}

#menu li, #footer li{
    padding: 0;
    margin: 0;
    display:inline;
}

#menu li a, #footer li a {
    text-decoration:none;
    padding:0;
	font-size:0.7em;
	color:#fff;
	text-transform: uppercase;
}

#menu li a:hover, #footer li a:hover {
    text-decoration:underline;
    padding:0;
	font-size:0.7em;
	color: #4297d8;
	text-transform: uppercase;
}

#split{
        clear:both;
        font-size:1px;
        height:1px;
        line-height:1px;
        padding:0;
        margin:0;
}

/*
 * classes
 */
.fullWidth{
	width:680px;
	height:540px;
	height:auto !important;
	min-height:540px;
	margin:0 20px 0 270px;
}
.leftHalf{
	float:left;
	width:325px;
	height:540px;
	height:auto !important;
	min-height:540px;
	margin:0 15px 0 270px;
}

.leftHalfSmall{
	float:left;
	width:245px;
	height:540px;
	height:auto !important;
	min-height:540px;
	margin:0 15px 0 270px;
}
.rightHalf{
	float:left;
	width:330px;
	height:540px;
	height:auto !important;
	min-height:540px;
	margin:0;
}

.rightHalfNoImage{
	float:left;
	width:325px;
	height:310px;
	height:auto !important;
	min-height:310px;
	margin:34px 0 0 5px ;
}
.leftHalf ul, .rightHalf ul, .rightHalfNoImage ul{
        margin:0 0 5px 25px;
        padding:0;
        color:#FFF;
}


.leftHalf li, .rightHalf li, .rightHalfNoImage li{
        font-size:0.9em;
	line-height:1.5em;
        margin:0;
        padding:0;
        color:#FFF;
}
.leftHalf a, .rightHalf a , .rightHalfNoImage a, .fullWidth a, #testimonialsLeft a, #testimonialsRight a{
        margin:0 0 5px 0;
        padding:0;
        color:#4297d8;
	text-decoration:none;
}
.leftHalf a:hover, .rightHalf a:hover, .rightHalfNoImage a:hover, .fullWidth a:hover, #testimonialsLeft a:hover, #testimonialsRight a:hover{
        margin:0 0 5px 0;
        padding:0;
        color:#4297d8;
	text-decoration:underline;
}

.leftHalf img, .leftHalfSmall img, .rightHalf img{
	margin:10px 0 5px 0;
}

.emphatic{
	font-size:0.9em;
	line-height:2em;
        font-weight:bold;
	color:#4297d8;
	padding: 0 0 15px 0;
	position:relative;
	top:-15px;
}

.columnOne{
        float:left;
        width:150px;
        margin:0;
        padding:0;
}

/* write this info offscreen for search engines */
.columnOne h2, .columnTwo h2, .columnThree  h2{
	height:1px;
	line-height:1px;
	font-size:0.01em;
	float:left;
	position:relative;
	left:-2000px;
	top:-40px;
	margin:0px;
	padding:0px;
	width:1px;
}
.columnTwo{
        float:left;
        width:150px;
        margin:0 5px;
        padding:0;
}

.columnThree{
        float:left;
        width:150px;
        margin:0 5px;
        padding:0;
}


.split{
        clear:both;
        font-size:1px;
        height:1px;
        line-height:1px;
        padding:0;
        margin:0;
}

.skip {
        left:-2000px;
        position:absolute;
}
.formtext {
        float:left;
        width:140px;
        border:0px solid #ccc;
	font-size:0.85em;
}

.formInput {
        float:left;
        width:195px;
        border:0px solid #ccc;
	margin:0 0 5px 0;
}

.home{
	margin:70px 0 0 0;
	background-image:url('../images/MaleSinger.jpg');
        background-repeat:no-repeat;
	background-position:left top;
        background-position:0 120px;
}

.about{
	background-image:url('../images/MusicSheet.jpg');
    background-repeat:no-repeat;
	background-position:0 120px;
}

.workshop{
	background-image:url('../images/TrebleClef.jpg');
    background-repeat:no-repeat;
	background-position:left top;
background-position:0 120px;
}
.course{
	background-image:url('../images/GroupSings.jpg');
        background-repeat:no-repeat;
	background-position:left top;
        background-position:0 120px;
}

.news{
	background-image:url('../images/FemaleSinger.jpg');
    background-repeat:no-repeat;
	background-position:left top;
background-position:0 120px;
}

.contact{
	background-image:url('../images/MicroFone.jpg');
    	background-repeat:no-repeat;
	background-position:left top;
	background-position:0 120px;
}

.rightNav{
	float:right;
	margin: -15px 20px 0 0;
	font-size:0.7em;
}