/* 	Author: 	Linying 
	Date: 		8/14/09
	File Name:	spectrum.css

	
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:black;
	margin:2px 2px 2px 2px
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	width:10%;
	font-size: 10pt;
	color:black
}
h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:red;
	
}
#header {
	

}


#header img{
	margin-left:20px;
	float:left;
}

#topAdd {
	color:blue;
	font-size:8pt;
	float:right;
	valign:top;
}
.name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20pt;
	color:black;
	margin-left:300px;
	
}
#date {
	float:right;
	width:230px;
	height:20px;
	background-color:#333333;
	color:white;
	margin:20px 20px 20px 20px;
	text-align:center;
	vertical-align:bottom;

}
#firstLetter {
	font-size: 14pt;
	color:green;
	font-style:italic;
	
}
#companyName {
	font-style:italic;
	color:green;
	font-size:14pt;
	font-weight:bord;
}
#form1 {
	clear:right;
}
.move {
	background-color:black;
	padding:10 200 10 200;
	margin-left:20px;
	margin-right:20px;
	width:95%;
}
#mar {
	scrollamount:1;
	scrolldelay:10;
	width:100%;
	height:30;
	font-size:10pt;
	align:center;

}
.mtxt {
	font-style:italic;
	color:white;
	valign:middle;
	font-weight:bold;
	vertical-align:middle;
}
#navbar {
	border: 1 solid black;
	bgcolor:brown;
	width:95%;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}
#navbar a{
	text-decoration: none ;
	color:black
}

#navbar a:hover{
	background-color:white;
	
}
#img1 {
	width:285px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

#img2 {
	float:right;
	margin-left:20px;
	margin-right:40px;
}
#img2 {
	float:right;
	margin-left:20px;
	margin-right:40px;
}

#p1 {
	float:right;
}


#footer{
	text-align: center;
	font-size:10pt;
	clear:both;
}
#copy {
	color:black;
	font-size:8pt;
	clear:left;
}


.comments{
	float:left;
	width:180px;
	color:white;
	font-size:8pt;
	padding:5px;
	margin:5px 5px 5px 5px
}

.address {
	font-size:8pt;
	border:1 solid black;
	text-align:center;
	clear:left
}

#links {
	float:left;
	width:135px;
	padding:2px;
	background-color:rgb(192,192,255);
	border:1 solid rgb(0,0,153);

}

#links a {
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color:rgb(0,0,153);
		text-decoration:none;
		margin-left:5px;

}
#links a:hover{ 
		background-color:white;

}



/* To embed a video clip  and insert a link in case the older broswer doesn't support embeding. 

<embed src="wedding.mov" width="120" height="120" />
<noembed><a href="wedding.mov">(448KB Quick Time Video)</a><a href="wedding.avi">(370KB Video Clip)</a> </noembed>


*/

/* To set hot spots for a img, map name = MSites

<img src="mlogo.jpg" border="0" usemap="#MSites">
<map name="MSites">
<area shape="poly" coords="3,83,20,69,40,66,60,69,81,83,60,97,40,100,20,97" href="mayer.htm" alt="Home">
<area shape="poly" coords="104,81,120,68,144,65,167,69,180,83,164,97,136,101,114,95" href="weddings.htm" alt="Wedding">
<area shape="poly" coords="204,82,221,68,245,65,267,69,280,84,265,96,237,101,214,94" href="portaits.htm" alt="Portaits">
<area shape="poly" coords="301,81,321,68,343,66,364,70,380,83,366,95,338,100,312,95" href="special.htm" alt="Special">
</map>

*/

/* To embed a style

<style>
h1,h2,h3,h4,h5,h6{
color:brown

}
a{
color:brown
}
.comments{
background-color:brown
}

</style>

*/