/* CSS Document */
* { margin: 0; padding: 0; text-decoration:none; zoom: 1; }
body { background-color: #424B4D; }

#wrapper { width: 802px; margin: 20px auto; border: 1px solid #8A9EA3; }
#border { border: 1px solid #A9C5CD;  }

/*Columns*/
#left { width: 158px; border-right: 1px solid #F7F7F7; background-color: #789DA5; height: 551px; float: left;}
#left_web { width: 158px; border-right: 1px solid #F7F7F7; background-color: #8e8d8b; height: 551px; float: left;}
#left_illustration { width: 158px; border-right: 1px solid #F7F7F7; background-color: #739a7c; height: 551px; float: left;}
#left-corner { margin: -2px 0 0 -2px; float: left; position: relative; }

/* Menu */

#menu {  border-top: 1px solid #94B5C0; width: 127px; margin: 157px auto 0 auto; }
#menu a { display: block; color: #5C636B;  font-family: "Times New Roman", Times, serif; font-size: 14px; padding: 7px 0 15px 0; 
border-bottom: 1px solid #94B5C0; }
.menu_opposite {
	color: #EBF8FA;
}
#menu a:hover { color: #EBF8FA; }

a#highlighted {
	font-weight: bold; color: #CCCCCC;
}

/* Thirds */
#top { height: 43px; width: 640px; background: #fff; float: right; border-left: 1px solid #D9D7D7; }
h1 { margin: 15px 0 0 20px; color: #2C4367; font: normal 21px Georgia, "Times New Roman", Times, serif; }
#top-border { border-left: 1px solid #D9D7D7; float: right;}

#middle { height: 475px; background: #FFF;  float: right; width: 640px; border-left: 1px solid #D3D1D1; 
position: relative;}

#bottom {
	height: 30px;
	background: #fff;
	float: right;
	border-left: 1px solid #D3D1D1;	
	/* To control left alignment of bottom menu:
	If you increase padding you must decrease the width by the same ammount and vice versa
	Width + Padding = 640 */ 
	width: 623px;
	padding-left: 17px;
}
#bottom a {
	color: #6699CC;
	font: 10px "Times New Roman", Times, serif;
	/* Adjust here to control spacing of bottom numbers */
	padding: 0 8px;
}

#bottom a:active  { color: #A7C5E2; text-decoration: underline; font-weight: bold;   }

/* Added to add style to the current links */
#bottom a#current { color: #A7C5E2; text-decoration: underline; font-weight: bold;   }


#bottom a:active { color: #0B3142; text-decoration: underline;   }
#bottom a:hover {
	color: #0B3142; text-decoration: underline;  }
#bottom img { margin: 0 0 -3px 0; }
#rightarrow { padding: 0 8px; }

/* Footer */
#footer { background-color: #0F6081; height: 42px }
#footer-corner { margin: 0 -2px -2px 0; float:right; position: relative }
#footer-menu {
	float: left;
	font: normal 12px "Times New Roman", Times, serif;
	margin: 14px 0 0 25px;
	border-right: 1px solid #3F809A;
	border-left: 1px solid #fff;
	letter-spacing: .1em;
}
#footer-menu a { padding: 0 14px; color: #fff; border-left: 1px solid #3F809A; border-right: 1px solid #fff; }
#footer-menu a:hover { color: #5AA9BD; }