body	
	{
	 font: 16 Verdana, Arial, Helvetica, sans-serif;
	 margin: 10px 90px 0px 90px;
	text-align: justify;
	background:	  #fff;
	color: #000;
	padding: 0px;
	}

#header 	{
  background: #fff;
  /* Replace background here */
  background-image: url("images/symphony_head1.jpg");
  background-repeat: no-repeat;
  color: white;
  height: 85px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 80px;
border: solid 4px rgb(35,85,65);
}

html>body #header {
  height: 70px;
}

.title {
	font-family: Calibri; 
	font-size: 42; 	
	font-weight: bold;
	 color: white;
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

 .pageborder  {
	background-color:		#fff;
	border:			solid;
	border-color:		white;
	border-width:		3px;
	width:  			805px;
	margin-bottom:		0px;
	margin-top:		 0px;
	padding-top:		0px;
				 } 
div>div.pageborder
{
	background-color:		#fff;
	border:			solid;
	border-color:		white;
	border-width:		3px;
	width:  			805px;
	margin-bottom:		0px;
	margin-top: 		0px;
	padding-top:		0px;
				 } 

 #page   {
 	margin-top: 0px;
	background-color:		#fff;
	text-align:			left;
	border:			solid;
	border-color:		#006666;
	z-index:			-135;
	border-width:		3px;
	width:  			715px;
	padding-bottom:		15px;
	padding-top:		15px;
	z-index:			-30;
				 } 

body>div>#page   {
  	background-image:		url("images/tan3.gif");
	text-align:			left;
	border:			solid;
	border-color:		#006666;
	border-width:		3px;
	width:  			715px;
	padding-bottom:		15px;
	margin-bottom:		30px;
	
				 }
a {
  text-decoration: none;
  font-weight: bold;
}

#main a {
  text-decoration: none;
  font-weight: bold;
  color: #a00;
}

.box a {
  text-decoration: none;
  font-weight: bold;
  color: #a00;
}

#main {
  max-width: 600px;
  background: #fff;
  margin-right: 229px;
  padding-left: 8px;
  padding-right: 20px;
  padding-top: 0px;
margin-top: 0px;
  /*
  Read expl of following hack at http://www.glish.com/css/hacks.asp
  */
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-right: 231px;
 padding-top: 0px;
margin-top: 0px;
}

html>body #main{
  margin-right: 231px;
}


#main .menu {
  padding-top: 10px;
  text-indent: -4px;
}

.topquote  {
	font-weight: bold; 
	font-family: "Papyrus"; 
	font-size: 20px; 
	color: rgb(35,85,65); 
	font-style: italic;  
	padding: 5px;
	margin: 0px;
	margin-bottom: 2px;
	text-align: justify;
	position: relative;
	top: -10px;
	}

html>body #main .menu>p .topquote  {
  		text-indent: 20px; 	
		}

#rightcontent {
  padding-left: 10px;
  position: absolute; right: 90px; top: 110px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 212px;
  color: #040;
  border-left: 1px solid #040;
}

.sidemenu { 
  font-size: 14px; margin-bottom: 4px;
  margin: 4px 0 4px 0;
}

.sidemenu a { 
  font-size: 14px; margin-bottom: 4px;
  margin: 4px 0 4px 0;
  color: #222;
}

#links a {
	font-weight: bold;
	color: green;
}
	

.linkhead {
	font: 1.1em; 
	line-height: 2em; 
	background: rgb(204, 204, 204); 
	width: 400px; 
	border: solid 1px teal;
	color: #222;
	font-weight: bold;
}


.linkhead1  {
	font: 1.1em; 
	line-height: 2em; 
	background:  rgb(204, 204, 204); 
	width: 500px; 
	border: solid 1px teal;
	color: #222;
	font-weight: bold;
}

.tab { 
  font-weight: bold;
  font-size: 16px;
}
.highlightword {
	font-family: 	Verdana, Helvetica, sans-serif;
	color:		 #336666;
	
	font-variant:	small-caps;
	font-weight:	bold;
	font-style:	italic;
	text-decoration: 	underline;
}


img	{
	border: 0;
	}

img.border
{
border:			solid;
border-width:		3px;
border-color:		rgb(35,85,65);
}
	
.big { font-size: 13pt; }

.bold
{
font-weight:		bold;
}

.italic	{
	font-style:		italic;
	}

.center	{
	text-align:		center !important;
	}


.blue	{
color:		#003399;
}

.teal	{
color:		#C94385;
}

.green	{
color:		darkgreen;
}

.pink	{
color:		#C94385;
}
						
white {
	 color:  		white;
	}


.red  {
	color:	 #800000;
	
}


.box	{
	background-image:		url(images/yellowback.jpg);
	padding:		 	15px;
	width:			215px;
	float:			right;
	border:			solid;
	border-width:		3px;
	border-color:		rgb(35,85,65);
	text-align:   		left;
	margin-left:		10px;
	margin-top:		30px;
	}

div> span.box {
	width:			180px;
	margin-right: 		-10px;
	margin-left:		40px;
	margin-top:		30px;
	}


#cloud { 
	padding: 2px; 
	line-height: 2em; 
	text-align: center; 
	margin: 0;

}

#cloud a { 
	padding: 0px; 
	}

#cloud li { 
	display: inline; 
	}

#cloud a.tag4 { font-size: 1.0em; font-weight: 800; color: darkblue;}
#cloud a.tag5 { font-size: 1.1em; font-weight: 600; color: darkred;}
#cloud a.tag6 { font-size: 1.2em; font-weight: 700; color: rgb(35,85,65);}
#cloud a.tag7 { font-size: 1.3em; font-weight: 800; color: #ff3300;}


#lresources {
	background: white;
	font-family: verdana;
	font-size:12pt;
	margin-top: 25px;
	margin-right: -20px;
}

div>#lresources {
	background: white;
	font-family: verdana;
	font-size:12pt;
	margin-top:25px;
	margin-left: 0px;
	margin-right: -25px;
}


#lresources ul {
list-style: none;
display: inline;
padding-top: 36px;
margin:0;
}


div>#lresources ul {
list-style: none;
display: inline;
padding-top: 0px;
margin: 0px;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
}

#lresources li {
display: -moz-inline-box;
-moz-box-orient:vertical;
display: inline-block;
padding-top: 36px;
font-size: 1em;
border: solid 2px #006666;
margin-right: 10px;
background: #bca;
margin-bottom: 10px;
margin-top: 0px;
}

div>#lresources li {
display: -moz-inline-box;
-moz-box-orient:vertical;
display: inline-block;
font-size: 1em;
border: solid 2px #006666;
margin-right: 11px;
background: #bca;
margin-bottom: 10px;
margin-top: 0px;
padding-top: 0px;
}

* html #lresources li { display:inline; }
* + html #lresources li { display:inline; }
* html #lresources li { width:105px; }
#lresources li > * { display:table; table-layout:fixed; width:105px; overflow:hidden; }


#lresources a {
font-size: .93em;
padding-top: 36px;
color: #222;
background: transparent url(pointanim.gif) left no-repeat;
text-decoration: none;
margin: 0px
}

div>#lresources a {
font-size: .93em;
padding-top: 36px;
color: #222;
background: transparent url(pointanim.gif) left no-repeat;
text-decoration: none;
margin: 0px
}

#lresources a:link, #lresources a:visited {
color: #222;
background: transparent url(point.gif) left no-repeat;
margin: 1px;
}

#lresources a:hover, #lresources a:active {
color: #222;
background: #ff9966 url(pointanim.gif) left no-repeat;
margin: 1px;
}

#lresources .one  a:hover, #lresources .one  a:active {
color: #222; background: #ff9933 url(pointanim.gif) left no-repeat;
margin: 2px;
}


#lresources .two a:hover, #lresources .two  a:active {
color: #222;
background: #cc6666 url(pointanim.gif) left no-repeat;
margin: 1px;
}

#lresources .three a:hover, #lresources .three  a:active {
color: #222;
background: #669999 url(pointanim.gif) left no-repeat;
margin: 1px;
}

#lresources .four a:hover, #lresources .four  a:active {
color: #222;
background: #669966 url(pointanim.gif) left no-repeat;
margin: 1px;
}

.small {
display: block;
}
