body, html {
	background-color:#77A59D;
	padding:0;
	margin:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#767e8b;
	background-image: url(images/bckBody.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
body {min-width:800px; }

/**************  P A G E   S E G M E N T S ************************/
#container {
    background:#ffffff;  margin:0 auto; width:800px; 
}

/**************  H E A D    S E G M E N T ************************/
#head {
	width:100%;	height:170px;	
	background-image:url(images/bkgT.gif);background-repeat: repeat-x;
}
#head #headtxt1 {position:relative; left:200px; top:-80px; width:300px;
		 	color:#767e8b; font-size:9px; font-weight:normal;text-align:left;
			top:-55px;
}

#head #headtxt2 {position:relative; left:630px; width:140px;
		 	color:#a6a5a5; font-size:10px; font-weight:bold;text-align:right;
			top:-120px;
}
#head #headtxt3 {position:relative; left:470px; width:300px;
		 	color:#a6a5a5; font-size:9px; font-weight:bold;text-align:right;
			top:-130px;
}
#head a{font-weight: bold;color:#666666; text-decoration:none; }
#head a:hover {font-weight:bold;color:#ba2f29; text-decoration:none; }
#appts #head .appts a,
#contact #head .contact a,
#whatsnew #head .whatsnew a,
#sitemap #head .sitemap a
	{text-decoration:none; color:#ba2f29; cursor:default}

/**************  L E F T   S E G M E N T ************************/
#left {	width:172px;float:left; padding-top:8px;	
	font-size:12px;	font-variant:small-caps;font-weight:bold; color:#666666; text-align:right;
}
#left a{font-weight: bold;color:#666666; text-decoration:none; line-height:250% }
#left a:hover {font-weight:bold;color:#ba2f29; text-decoration:none; }
#index #left .index a,
#whatsnew #left .whatsnew a,
#team #left .team a,
#services #left .services a,
#techcomfort #left .techcomfort a,
#education #left .education a,
#forms #left .forms a,
#directions #left .directions a,
#pmtinfo #left .pmtinfo a,
#contact #left .contact a
	{text-decoration:none; color:#ba2f29; cursor:default}

#left #subNav{	padding-top:0px;font-size:10px;	font-variant:normal;font-weight:normal; display:none }
#left #subNav a{font-weight:normal;color:#666666; text-decoration:none; line-height:150% }
#left #subNav a:hover {font-weight:normal;color:#ba2f29; text-decoration:none; }

/**************  C O N T E N T   S E G M E N T ************************/
#content {
	width:628px;  float:right; 
	line-height:150%; color:#767e8b; font-size:12px;
}
#content h1 {font-size:20px; font-weight:bold; text-align:right;}
#content h3 {font-size:12px; font-weight:bold;}
#content h4 {font-size:12px; font-weight:bold; padding:0px; margin:0px}
#mainTxt { padding-right:30px; padding-left:30px; color:#767e8b; text-align:justify; padding-bottom:30px }
#mainTxt a {color:#767e8b;text-decoration:none;border-bottom:1px dotted #767e8b}
#mainTxt a:hover {color:#767e8b;text-decoration:none;border-bottom:0px	}
#thmbs {font-size:9px; text-align:center}

#subLink { text-align:right; font-size:9px; line-height:150% }
#subLink a { font-size:9px;color:#333333;text-decoration:none;border-bottom:none; font-weight:bold}
#subLink a:hover {background-color: #D88A87; color:#000000}
#textList ul {margin:5px 0px 0px -28px; list-style-type:square;}
#textList ol {margin:5px 0px 0px -20px; list-style-type:decimal;}
.vertLine {color:#D88A87; font-weight:bold}
#imglink {border:none; text-decoration:none}
#imglink a {border:none; text-decoration:none}
form {border:2px solid #000000; background-color:#E9F1EF; padding:10px;}
input {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}
textarea {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

/**************  D R O P   I N   B O X  ************************/
.dropinboxcover{width: 724px; position:absolute;z-index: 100;overflow:hidden;visibility: hidden;}
.dropinbox{
width: 720px;border: 2px solid black; 
background-color: white;padding: 0px; margin:0px;
position:absolute; left: 0;top: 0;
font-size:9px; text-align:right; color:black;
}
.dropinbox a {font-size:9px; color:black}

/**************  F O O T   S E G M E N T ************************/
#foot {clear:both; height:60px; width:800px; color:#767e8b; font-size:9px;
 text-align:right; line-height:18px;}
#footTxt {padding-right:30px}
#foot a {color:#767e8b; text-decoration:none; border-bottom:1px dotted #767e8b;}
#foot a:hover {border-bottom:0px}
#foot .light {color:#a6a5a5; font-size:9px; letter-spacing:normal}
#foot .light a {color:#a6a5a5; border-bottom:none; text-decoration:none}
#foot .light a:hover {color:#a6a5a5; border-bottom:none; text-decoration:underline}


/* COMMON CSS BETWEEN ALL SIZE SCREENS */
img {border:0px}
input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#59378E;	font-weight:bold; width:200px}
select {
	border:1px solid #000000;  background:#77A59D; 
	color:#ffffff;font-size:9px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif
}

.bL {border-left:1px solid #000000}
.bB {border-bottom:1px solid #000000}
.bR {border-right:1px solid #000000}
.colorBg {color:#77A59D}
.colorTxt { color:#767e8b;}
.colorLtTxt {color:#a6a5a5}
.colorHover {color:#ba2f29}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {border-bottom:double #77A59D}
.fontsmaller {font-size:10px}
.fontsmallest {font-size:9px}
.imgLeft {float:left; margin-right:15px; border:1px solid #000}
.imgRight {float:right; margin-left:15px; border:1px solid #000}
.clear {clear:both}