/* Start main.css  - last updated 07/18/08 */
/* ------------------------------- Start Global Styles ------------------------------- */
A, A:Visited, A:Active {color: #05607F; font-size: 11px; font-weight: normal; text-decoration: none;}
A:Hover {color: #F3721B; text-decoration: underline;}

BODY {margin: 0; padding: 0; background: url(../images/myates_bg3.jpg) no-repeat top left #E2E3E7; background-attachment: fixed;}
	
td, p, li, div, ul {font-family: Arial, Verdana, sans-Serif; color: #484747; font-size: 11px; padding: 0; margin: 0;}

h1 {font-family: Georgia, Adobe Garamond Pro, Times New Roman, serif; color: #05607F; font-size: 13px; letter-spacing: .2em; margin: 0 0 10px 0; font-style: italic;}
p {margin: 0 0 10px 0; text-align: justify;}

#bodyContainer {width: 800px; position: absolute; top: 0; left: 0; padding-top: 180px;}

.smtext {color: #05607F; font-size: 11px; font-family: Arial, Verdana, sans-Serif;}
/* -------------------------------- End Global Styles -------------------------------- */

/* -------------------------------- Vertical Navigation ---------------------------------*/

#sideNav {width: 260px; text-align: center; margin: 0px 0 0 0; position: fixed; top: 0px;}
#sideNav img {top: 0; left: 0; margin: 0;}
#sideNav ul {position: relative; margin: 0; padding: 0; list-style: none; top: 0px;}
#sideNav ul li {position: relative; width: 260px; padding: 10px 0; display: block; height: 15px;}
#sideNav ul li a:link, #sideNav ul li a:visited, #sideNav ul li a:active {
	width: 271px;
	font-family: Georgia, Adobe Garamond Pro, Times New Roman, serif;
	text-align:center;
	color: #05607F;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .5em;}
#sideNav ul li a:hover {color: #F3721B;}

#sideNav li ul {
	position: absolute;
	top: 0;
	left: 178px;
	display: none;
	z-index: 500;
	text-align: left;
	zoom:1;}
#sideNav li ul li {padding: 0;}
#sideNav li ul li a:link, #sideNav li ul li a:visited, #sideNav li ul li a:active {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	padding: 5px 0 0 15px;
	margin: 1px 0;
	z-index: 1000;
	display: block;
	height: 20px;
	width: 70px;
	background: #EFF0F4;
	filter: alpha(opacity=60); /*IE*/
	-moz-opacity: 0.6; /*FF*/
	color: #05607F;} 
	
#sideNav li ul li a:hover {color: #F3721B;}
	
#sideNav li:hover ul, #sideNav li.over ul {	display: block;}
/* DO NOT EDIT -- Fix IE. Hide from IE Mac */
* html #sideNav ul li {float: left; height: 1%; z-index: 750;}
* html #sideNav ul li a {	height: 1%;}

/* -------------------------------- End Vertical Navigation ---------------------------------*/
#contentarea {width: 470px; padding: 0px 10px 10px 0px; margin:0; text-align: left; position: absolute; top:180; left: 320px;}

h2 {font-family: Arial, Verdana, sans-Serif; color: #fff; background: #484747; font-size: 14px; padding: 3px; margin: 3px 0 0 0; filter: alpha(opacity=50); -moz-opacity: 0.5; float: left; width: 470px;}

h4 { text-align: right; margin: 3px;}
h4 a, h4 a:active, h4 a:visited {color: #05607F; font-size: 12px; font-weight: normal; text-decoration: none;}
h4 a:hover {color: #F3721B; text-decoration: none;}

/*#contentarea ul {list-style-type:none; margin: 0; padding: 0; width: 470px; border: 1px solid red; vertical-align: top; top:0;}
#contentarea li {display: inline; width: 220px;}*/

#contentarea li a, #contentarea li a:visited, #contentarea li a:active {filter: alpha(opacity=50); -moz-opacity: 0.5; display:block; width: 200px; height: 200px;}
#contentarea li a:hover {filter: alpha(opacity=100); -moz-opacity: 1.0;}
#contentarea p img {margin: 0px 10px 10px 0;}

#contentarea p a:link, #contentarea p a:visited, #contentarea p a:active {filter: alpha(opacity=50); -moz-opacity: 0.5; width: 200px; height: 200px;}
#contentarea p a:hover {filter: alpha(opacity=100); -moz-opacity: 1.0;}
#contentarea p img {margin: 0px 10px 10px 0;}

#contentarea2 {width: 470px; padding: 0px 10px 10px 0px; margin:0; text-align: left; position: absolute; top:180; left: 320px;}


.clear {clear: both;}

/*resume styles*/
.resumeL1 {width: 142px; font: 11px Georgia, Adobe Garamond Pro, Times New Roman, serif; color: #05607F; font-size: 11px; letter-spacing: .2em; padding-top: 15px;}
.resumeL2 {font: 9px Myriad Pro, Arial, sans-serif; line-height: 18px;}

.resumeR1 {padding-top: 15px;}
.resumeR2 {font: 11px Myriad Pro, Arial, sans-serif; font-weight: bold;}

.resumeBtm {letter-spacing: .3em; padding-top: 20px;}
/*resume styles*/

input, textarea {background: #fff; border: 1px solid #484747;}

a.boxlink, a.boxlink:active, a.boxlink:visited {color: #97D6EC;}
a.boxlink:hover {color: #FA9D5E;}