/* contact.css */

a
		{
		cursor: pointer;
		text-decoration: none;
		}
		
body	{	
		font-family: trebuchet,bodoni,verdana, tahoma, arial, sans-serif;
		font-size: 10px; 
		color: #ffffff;
		border-color: gray;
	/*	background: #726257; */
		background:  #555555;
		 /* #676361; #5c6362; */		
		}
			
div.logo1
		{
		padding: 17px 0px 11px 0px; 
		text-align: left;
		background: url(imagefiles/sungrad1.jpg);
		background-position: top left;
		width: 100%;
		}
		
h1	
		{
		position: relative;
		left: 10%;
		width: 63%;
		text-align: left;
		padding-left: 17%; 
		margin: 0px 0px 15px 0px;
		font-family: bodoni,verdana, arial, helvetica, sans-serif;
		font-size: 71px;
		color: red;
		line-height: 78px;
		background: url(imagefiles/sungradps1.jpg);
		background-position: top left;
		} 
	
table.workbutt
		{
		width: 80%;
		background-color: #5b5c51; /* #000000;  #234662;    #676361; */
		border: medium inset #676361;
		text-align: center;
		font-family: bodoni,verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 4px; 
		color: white;
		font-weight: normal;
		margin: 0% 0% 0% 10%;
		}	
			
td.workbuttd
		{
		color: white;
		padding: 0 18px 0 18px;
		margin-left: 18px;
		margin-right: 18px;
		border: 0;	
		}

a.pagebuton, a.pagebut1, a.pagebut1:hover
		{
		font-family: bodoni,verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 5px; 
		text-align: center;
		vertical-align: middle;
		text-decoration: none; 
		line-height: 13px;
		}
		
a.pagebut1
		{
		color: #ee8833;
		font-weight: normal;	
		}
		
a.pagebuton
		{		
		color: #ff0000; /*#FF6226; */
		font-weight: bold;		
		}
		
a.pagebut1:hover 
		{ 
		color: #ff6226;
		font-weight: bold;
		}
		
div.br02, div.br04, div.br08, div.br16, div.br32, div.br64
		{
		font-size: 0px;
		line-height: 0px;
		}
		
div.br02
		{
		height: 2px;	
		}
	
div.br04
		{
		height: 4px;
		}
		
div.br08
		{
		height: 8px;
		}
		
div.br16
		{
		height: 16px;
		}

div.br32
		{
		height: 32px;
		}

div.br64
		{
		height: 64px;
		}

div.linered1
		{
		height: 0px;
		border-top: 1px dotted #ff0500;
		font-size: 0px;
		line-height: 0px;
		}
		
table.big	
		{
		background-color: #224466;/* #335566; #5b5c51; */
		text-align: center;
		width:  970px;
		border: thick inset threeddarkshadow; 	
		vertical-align: middle;
		margin: 0px auto 0px auto;
		}	
				
#picsquare
		{
		width: 500px;
		margin-top: 10%;
		margin-bottom: 10%;
		}	
		
img.mainpic
		{
		display: inline;
		text-align: center;
		vertical-align: middle;
		}
		
#mainform 
		{
		position: relative;
		top: 0px;
		height: 500px;
		}
		
#nameprompt, #emailprompt, #messageprompt 
		{
		position: absolute;
		left: 0%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: +2px;
		line-height: 15px;
		color: white;     
		}
	
#nameprompt
		{
		white-space: nowrap;
		top: 20px;
		}
		
#emailprompt 
		{
		white-space: nowrap;
		top: 70px;   
		}
	
#messageprompt 
		{
		white-space: nowrap;
		top: 120px;
		}
		
#namefield, #emailfield 
		{
		position: absolute;
		left: 160px;
		right: 0%;
		width: 250px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: +2px;
		line-height: 15px;
		color: #0396f7;
		background: #ede1cd;
		}	
			
#namefield 
		{
		top: 20px;
		}
	
#emailfield 
		{
		top: 70px;
		}

#messagefield 
		{
		position: absolute;
		left: 0px;
		top: 140px;
		height: 300px;
		width: 410px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: +2px;
		line-height: 15px;
		color:  #0396f7; 
		background: #D5CCBD;
		}	
		
span.namealert, span.emailalert, span.messagealert, span.submitalert 
		{
		position: absolute;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: +2px;
		line-height: 15px;
		color: yellow;     
		visibility: hidden;
		}
	
span.namealert 
		{
		left: 100px;
		top: 45px;
		}
	
span.emailalert 
		{
		left: 200px;
		top: 95px;
		}

span.messagealert 
		{
		left: 0px;
		top: 445px;
		}
	
span.submitalert 
		{
		left: 0px;
		top: 495px;
		}	
		
button.sendbut 
		{
		position: absolute;
		left: 0px;
		top: 470px;
		background-color: #ff6226; /*#0396f7; */
		color: #0396f7; /* #e0deb8; */
		}
			
p.textbottom
		{
		font-family: bodoni,verdana, arial, helvetica, sans-serif;
		letter-spacing: +1px;
		color: silver;
		font-size: 11px;
		text-align: center;
		width: 87%;
		}