@charset "UTF-8";
/* CSS Document */

/* Document Structures */

html {
	margin: 0;
	padding: 0;
}


body { 
	font: 80% helvetica, sans-serif;
	letter-spacing:  -0.01em;
	line-height: 1.5;
	color: #505050; 
	margin: 0; 
	padding: 0;
	background:  #fff url(images/gradient_bg.png);
}



/* Design Structural Elements */

div#banner_area {
	margin: auto;
	display:  block;
	width:  100%;
	border:  0px;
	padding-bottom:5px;
	border-bottom:  4px solid #d8d8d8;
	color: #505050; 
}

div#container {
	display:  block;
 	width:  800px;
	margin: auto;
	background-color:  #ffffff;
	border-left:  2px solid #808080;
	border-right:  2px solid #606060;
	border-bottom:  2px solid #606060;
	border-top:  2px solid #808080;
	margin-top:  10px;
	margin-bottom:  10px;
}

div#navigation_box {
	float:  left;
	width:  200px;
 	margin:  10px 10px 5px 5px;
	border:  1px solid #404040;
	padding:  10px;
	display: inline;
	background-color:  #b0bfcd;
	letter-spacing:  0.2em;
}

div#mainContent {
	display: block;
	padding:  0px 20px 20px 50px;
	margin:  0px 0px 10px 0px;
	width:  65%;
	margin-left:  190px;
}


div#footer {
    text-align:  right;
	font-size:  10px;
	padding-bottom:  2px;
	padding-top:  2px;
	padding-right: 2px;
	letter-spacing:  0.3em;
	border-top:  1px solid #d0d0d0;
	background-color:  #efefef;
}


div#notes_quote {
	text-align:  left;
	font-size:  0.8em;
	padding:  2px;
	letter-spacing:  0.1em;
	border:  1px solid #404040;
	background-color:  #efefef;
	font-style: italic;
}


div#banner_text {

   height:  24px;
   border:  1px solid #efefef;
   background-color:  #f0f0f0;
   text-align:  right;
   font-size:  18px;
   padding:10px;
   color:#2d3b60;
   
}


div#playback_box {
	text-align:  left;
	font-size:  0.8em;
	padding:  2px;
	letter-spacing:  0.1em;
	border:  1px solid #404040;
	background-color:  #efefef;
}


div#playback_box_maestro {
	text-align:  left;
	font-size:  0.8em;
	padding:  2px;
	letter-spacing:  0.1em;
	border:  1px solid #404040;
	background-color:  #efefef;
	width:280px;

}


#pictureFrameRight {
	float:right;
	border:1px solid #404040;
	padding:10px;
	margin-left:25px;
	margin-bottom: 25px;
	
	
}



/* Top-Level Generic Text Formatting */

p { 
	margin-top: 5px; 
}

p.smaller {
    font-size:  0.8em;
}





ul.smaller {
    font-size:  0.8em;
}


h1 { 
	font: 1.8em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #2d3b60;;
	border-bottom:  1px solid #2d3b60;
}

h1.naked {
    border:  0px;
}

h2 { 
	font: 1.65em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #2d3b60;
	border-bottom:  1px solid #2d3b60;
}

h2.naked {
    border:  0px;
}

h3 { 
	font: 1.3em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #2d3b60;
	border-bottom:  1px solid #2d3b60;
}

h3.naked {
    border:  0px;
}


a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #094fa3;
	letter-spacing:-0.06em;
}


a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #094fa3;
	letter-spacing:-0.06em;
}


a:hover, a:active { 
	text-decoration: underline; 
	color: #094fb0;
	letter-spacing:-0.06em;
}








p.acct_nav_buttons {
	border-left:  1px solid #a3b3c2;
	border-bottom:  1px solid #a3b3c2;
	background-color:  #b0c0d0;
	text-align:left;
    font-size:  1.2em;
	color:  #165caa;
	letter-spacing:  0.2em;
	width:75%;
}

a.acct_nav_text:link {
margin-left:20px;
font-size:  1.2em;
color:  #165caa;
text-decoration:none;
font-weight:normal;
letter-spacing:  0.2em;
}

a.acct_nav_text:visited {
margin-left:20px;
font-size:  1.2em;
color:  #165caa;
text-decoration:none;
font-weight:normal;
letter-spacing:  0.2em;
}

a.acct_nav_text:hover {
margin-left:20px;
font-size:  1.2em;
color:#0f3e81;
text-decoration:none;
font-weight:normal;
letter-spacing:  0.2em;
}

a.acct_nav_text:active {
margin-left:20px;
font-size:  1.2em;
color:  #165caa;
text-decoration:none;
font-weight:normal;
letter-spacing:  0.2em;
}





.generalButton{
padding:2px;
background-color:  #ffffff;
font: .65em helvetica, sans-serif;
letter-spacing: -0.06em;
border:  1px solid #404040;
}

.generalButton:hover {
background-color:#b0bfcd;
color:#094fa3;
}


/*  Specific Tag ID design elements */

.leftColumn {
	width: 45%;
	padding: 5px;
	float: left;

}

.rightColumn {
	width: 55%;
	margin-left: 50%;
	padding: 5px;
	border-left:1px solid #404040;
}



/*  Accordian Navigation in Compositions */
p.Accordian_buttons {
width:90%;
padding:5px;
border:  1px solid #d0d0d0;
background-color:  #efefef;
}


a.menuPopper {
	font-size:  1.5em;
	line-height:1.5em;
	letter-spacing:.1em;
	display:inline;
	
	}



a.menuPopper:link {
	font-size:  1.5em;
	line-height:1.5em;
	letter-spacing:.1em;
	padding-top:5px;
	text-decoration:none
}

a.menuPopper:visited {
	font-size:  1.5em;
	line-height:1.5em;
	letter-spacing:.1em;
	padding-top:5px;
	text-decoration:none
}

a.menuPopper:hover {
	font-size:  1.5em;
	line-height:1.5em;
	letter-spacing:.1em;
	padding-top:5px;
	text-decoration:none
}

a.menuPopper:active {
	font-size:  1.5em;
	line-height:1.5em;
	letter-spacing:.1em;
	padding-top:5px;
	text-decoration:none
}



p.menuPopOut {
	letter-spacing:-0.06em;
	font-size:  0.8em;
	line-height:1em;
}


p.menuPopOut a:visited, a:link, a: hover, a:active {
	font-weight: normal; 
	text-decoration: none; 
	color: #094fa3;
	letter-spacing:-0.06em;
	font-size:  0.8em;
	line-height:1em;
}







.generalTable {
	text-align:  left;
	font-size:  0.8em;
	padding:  2px;
	letter-spacing:  0.1em;
	border:  1px solid #404040;
	background-color:  #efefef;
}