/*	Design Colors:
		Background: white - #ffffff
		Text: dark gray - #333333
		Other:	whitesmoke - #f5f5f5		light gray - #cccccc		medium gray - #999999
				honeydew - #f0fff0
				dark teal - #003333		medium teal - #669999	light teal - #99cccc
				pale teal - #ccffff
	*/


/*  General Rules:  */

pre { font-size: 120%; }

body { background-color: #669999; margin: 0px; }

body, td { font-family: verdana, helvetica, arial, sans-serif;
	font-size: medium;
	color: #333333; }

div.page { width: 740px; height: 1000px; border: none; }
div#design { background: #ffffff url(./images/bg.jpg); background-repeat: no-repeat; background-position: top left; }

.content { font-size: 75%; line-height: 150%; }

a:link { color: #003333; font-weight: bold; text-decoration: none; }
a:visited { color: #669999; font-weight: bold; text-decoration: none; }
a:hover { color: #99cccc; font-weight: bold; text-decoration: none; }
a:active { color: #99cccc; font-weight: bold; text-decoration: none; }

.pub { font-style: italic; font-weight: bold; }

	/* Headers & H-Tags */

h2 {  background-color: #f5f5f5; 
	font-size: 120%; font-weight: bold; 
	margin-bottom: 1em; 
	padding: 3px 0px 3px 0px; 
	border-top: thin dashed #cccccc; border-bottom: thin dashed #cccccc; }

h3 { font-size: 100%; font-weight: bold; }

#header { width: 195px; height: 153px; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
img { border: 0px; }
li { margin-bottom: 3px; }
p { margin-top: 10px; margin-bottom: 10px; }
#copy, .small { background-color: #ffffff; font-size: 80%; margin-top: 1.5em; }
div#copy {width: 200px; }

.submit0 { font-size: 90%;
	padding: 2px;
	border: none; }

.submit1 { background-color: #cccccc; 
	font-size: 90%;
	padding: 2px;
	border: none; }

	/*  Navigation Area Rules:  */

#linkcage { position: absolute; left: 71px; top: 190px; 
	width: 104px; height: 120px;
	padding: 0px; }

#main-bg, #port-bg, #contact-bg { width: 104px;
	padding: 0px;
	border-bottom: thin dashed #999999; }

#links-bg { width: 104px;
	padding: 0px; }

.pm { background-color: #f0fff0; }
.livelink0 { background-color: #ffffff; }
.livelink1 { background-color: #f5f5f5; }

#linkcage img { margin: 5px; 
	border-style: none; }

#b-main { width: 84px; height: 25px; }

#b-port, #b-contact, #b-links { width: 84px; height: 20px; }


/*  Main Page:  */

	/*  Image Placement Rules:  */

#shmain { position: absolute; left: 407px; top: 97px; 
	width: 276px; height: 92px; }

	/*  Text Div Rules:  */

#main1 { position: absolute; left: 407px; top: 200px; 
	width: 276px; height: auto; 
	padding: 0px 20px 0px 20px; }

#main1 ul { margin-top: .8em; font-size: 90%; line-height: 130%; }
#main1 li { margin-left: -8px; }

#main2 { position: absolute; left: 71px; top: 550px; 
	width: 276px; height: auto; 
	padding: 0px; }

#main2-inner { margin-left: 20px; }


/*  Portfolio Page:  */

	/*  Image Placement Rules:  */

#shport { position: absolute; left: 407px; top: 110px; 
	width: 274px; height: 34px; }

#b-app, #b-brbc { width: 224px; height: 197px; float: right; }
#b-hp  { width: 224px; height: 195px; float: right; }
#b-lms, #b-vf, #b-hgl { width: 224px; height: 177px; float: right; }

	/*  Text Div Placement Rules:  */

#port1 { position: absolute; left: 407px; top: 141px; 
	width: 256px; height: auto; 
	margin: 0px 20px 0px 20px; }

#port2 { position: absolute; left: 71px; top: 450px; 
	width: 610px; }

#portview { background-color: #f5f5f5;
	border-top: thin dashed #cccccc; border-bottom: thin dashed #cccccc;
	 padding: 20px; }

div#clients { height: 300px; padding: 10px; overflow: scroll; }
 

/*  Links Page:  */

	/*  Image Placement Rules:  */

#shlinks { position: absolute; left: 407px; top: 110px; 
	width: 274px; height: 34px; }

	/*  Text Div Rules:  */

#links { position: absolute; left: 407px; top: 145px; 
	width: 256px; height: auto; 
	margin: 0px 20px 0px 20px; }

#links h2 { text-align: right; padding-right: 3px; }

#links div, div.note { margin-left: 10px; margin-bottom: 1em; 
	font-size: 90%; line-height: 130%; }

#links div#copy { background-color: transparent; margin-left: 0px; }


/*  Contact Page:  */

	/*  Image Placement Rules:  */

#shcontact { position: absolute; left: 407px; top: 110px; 
	width: 274px; height: 34px; }

	/*  Text Div Rules:  */

#contactForm { position: absolute; left: 407px; top: 141px; 
	width: 256px; height: auto; 
	margin: 0px 20px 0px 20px; }

#contactForm div#copy { background-color: transparent; margin-left: 0px; }

span.required,
label.required, 
legend.required {
	font-weight: bold;
   color: #066;
}

p.formError,
span.fieldError {
	color: #c66;
}

p.mailSuccess {
	color: #066;
}

p.formError,
p.mailSuccess {
	font-weight: bold;
}

#divRequiredNote {
	background-color: #f5f5f5; 
	margin-bottom: 1em; 
	padding: 3px 0px 3px 0px; 
	border-top: thin dashed #ccc; 
	border-bottom: thin dashed #ccc;
}

#divButtons {
	margin-top: 1.5em;
}

.buttonOff { font-size: 90%;
	padding: 2px;
	border: none; }

.buttonOn { background-color: #cccccc; 
	font-size: 90%;
	padding: 2px;
	border: none; }