/* CSS Document

 */


body { background-image:url(/images/page-images/branding/background.jpg); background-repeat:repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }


#outside {  width:706px; margin-left:auto; margin-right:auto;}


#top-nav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; color: #000000;  display: inline; margin-right: .75em; text-align: center;}



 #top-nav ul li.last {
     margin-right: 0;
 }


#top-nav li { margin: 0.0em 0px 0em 0px; display:inline; }

#top-nav a { font-size: 9px; color: #3E5485; font-weight:bold; padding:5px 1em; text-decoration: none; display: inline; margin-right: .75em; text-align: center; }

#top-nav a:hover { font-weight:bold; color: #000000;}

#navigation ul li a {
     background: url(“tab-right.gif”) no-repeat 100% 0;
     color: #06C;
     padding: 5px 0;
     text-decoration: none;
 }

 #navigation ul li a span {
     background: url(“tab-left.gif”) no-repeat;
     padding: 5px 1em;
 }

 #navigation ul li a:hover span {
     color: #69C;
     text-decoration: underline;
 }


#bannerheader h1 { margin:0px 5px 0px 0px; background-image:url(/images/tempate/topheader2.jpg); width:704px;height:23px;font-size:12px; color:#ffffff; display:block; text-decoration:none; ; }

#bannerheader a { margin:0px 0px 0px 17px; font-size: 10px; color: #cac8c9; font-weight:bold; padding:0px 0px 0px 0px; text-decoration: none; }

#bannerheader li a:hover { color:#616161; text-decoration:none; }

#bannerheader a:link { color: #000000; text-decoration: none; }
#bannerheader a:visited { color: #efefef; text-decoration: none; } 
#bannerheader a:hover { color: #efefef1; } 

#leftnav { float:left; margin: -10px 0px 0px -175px; position:absolute; width:155px; }
html>/**/body #leftnav { margin: -10px 0px 0px -175px; position:relative; width:100px; background-color:}



/*the following is setting the top blue header on the left*/

#leftnav h1 {background-image:url(/images/tempate/left-header.gif); width:150px; height:23px; margin: 0px 0px 0px -5px; padding: 5px 0px 0px 10px;  font-size:12px; color:#FFFFFF; display:block; position:absolute; }

#leftnav {font color="#000000" }

#leftnav ul { list-style-type:none;  margin:35px 0px 0px 0px;  }

html>/**/body #leftnav ul { list-style-type:none;  margin:35px 0px 0px -35px;  }


#leftnav li { }

#leftnav li a {display:block; padding:0px 0px 5px 17px; margin:0px 0px 5px 0px;  width:118px; text-decoration:none; color:#979797;border-bottom:solid 1px #c0c0c0; background-image:url(/images//tempate/leftnavnormal.jpg); background-repeat:no-repeat; background-position:0px 0px; font-size:10px; background-color:#FFFFFF; }

#leftnav li a:hover { color:#278fb6; text-decoration:bold; }

#leftnav li a.leftselcted   { color:#278fb6; background-image:url(/images/tempate/leftnavselected.jpg);  }

/*the following is setting the for the dividing lines in the main area*/

hr {  color: #bfc1c1;
background-color: #cccccc;
height: 1px; }




#mainarea { background-image:url(/images/tempate/main_background.gif); background-repeat:repeat-y; margin: 10px 0px 0px 0px; padding: 10px 10px 0px 180px; font-color:#ffffff}

#mainareaheader h1 { margin:-10px 0px 0px -10px; background-image:url(/images/tempate/right-header.gif); width:528px; position:absolute;height:23px;font-size:12px; color:#FFFFFF; display:block;  padding: 5px 0px 0px 10px; }

#mainareaheader h1 {color: #ffffff; }
#mainareaheader h1 a:hover {text-decoration: underline; color: #ebebeb; }
#mainareaheader h1 a:link {text-decoration: underline; font-weight:bold;  color: #ebebeb; }
#mainareaheader h1 a:visted {text-decoration: underline; font-weight:bold; color: #ebebeb; text-decoration: none; }

#mainarea h2 {margin: 0px 0px 0px 0px;  font-size:11px; font-weight:bold; color:#000000; }
#mainarea h2 a:hover {color: #999999; }
#mainarea a:link { color: #000000; text-decoration: none; }
#mainarea a:visited { color: #000000; text-decoration: none; } 
#mainarea a:hover { color: #000000; text-decoration: none; } 
#mainarea h3 {margin: 0px 0px 0px 0px;  font-size:10px; color:#000000; }


/*image formatting*/
#bottom_pic {

float:left;
margin:10px 20px 10px 42px;
border: 1px solid #999999;
}

#website_pic {

float:left;
margin:5px 7px 2px 4px;
border: 0px solid #999999;
}

#website_pic a:link {

color: #cac8c9; text-decoration: none; 
border: 0px solid #999999;}


#bottom_pic {

float:center;
margin:0px 10px 10px 0px;
border: 1px solid #999999;
}

#left_pic {

float:left;
margin:3px 20px 10px 10px;
border: 1px solid #999999;
}

#right_pic {

float:right;
margin:5px 3px 0px 10px;
border: 0px solid #999999;
}


#center_pic {

float:center;
border: 0px solid #999999;
}

#top_pic {

float:center;
}

#wimpy_pic {

float:centre;
border: 1px solid #999999
}

/*The following is the code for the grey rollover branding*/

/*Index page rollover*/
#backroll { background-image:url(/images/page-images/branding/index-roll.gif); 
padding: 5px 5px 5px 5px;
background-repeat: no-repeat;
text-color: #000000;
 }

#backroll:hover { background-image:url(/images/page-images/branding/index-rollover.gif);
text-color: #000000;
background-repeat: no-repeat;
}

/*Courses page rollover*/
#courseroll { background-image:url(/images/page-images/branding/courses-roll.gif) ; 
padding: 5px 5px 5px 5px;
background-repeat: no-repeat;
text-color: #000000 ;
 }

#courseroll:hover { background-image:url(/images/page-images/branding/courses-rollover.gif) ; 
background-repeat: no-repeat;
text-color: #000000 ;
}


/*portfolio page rollover*/

#portroll { background-image:url(/images/page-images/branding/portfolio-roll.gif) ; 
padding: 5px 7px 5px 5px;
background-repeat: no-repeat;
text-color: #000000 ;
 }

#portroll:hover { background-image:url(/images/page-images/branding/portfolio-rollover.gif) ; 
background-repeat: no-repeat;
text-color: #000000 ;
}

/*portfolio music page rollover*/

#musicroll { background-image:url(/images/page-images/branding/music-roll.gif) ; 
padding: 5px 10px 5px 5px;
background-repeat: no-repeat;
text-color: #000000 ;
 }

#musicroll:hover { background-image:url(/images/page-images/branding/music-rollover.gif) ; 
background-repeat: no-repeat;
text-color: #000000 ;
}

/*portfolio sound engineer page rollover*/

#engineerroll { background-image:url(/images/page-images/branding/engineer-roll.gif) ; 
padding: 5px 9px 5px 5px;
background-repeat: no-repeat;
text-color: #000000 ;
 }

#engineerroll:hover { background-image:url(/images/page-images/branding/engineer-rollover.gif) ; 
background-repeat: no-repeat;
text-color: #000000 ;
}








#footer { clear:both; background-image:url(/images/tempate/footer.gif); background-repeat:no-repeat;}



	
	
#footer ul { margin: 0px auto 0px auto; padding: 10px 13px 0px 155px; list-style-type: none; width:550px; text-align:center; }

#footer li { margin: 10px 0px 0em 0px; display:inline; }

#footer a { font-size: 9px; color: #3E5485; font-weight:bold; padding: 0px 0px 0px 4px; text-decoration: none; text-transform:lowercase;}

#footer a:hover { color: #3E5485;}