/* Global reset */
* {/* universal Selector: represents all (x) HTML tags */
	margin: 0;/* strips out all inter-element spacing done with margins */
	padding: 0;/* strips out all inter-element spacing done with paddings */
}
body {
	font-family: Arial, Helvetica, Verdana; /* headings and navigation links will then automatically be set by this rule */
	font-size: 75%; /* resets 1em to 12px (instead of default 16px) */
	background-color: #DDD;
}
/* =WRAPPER */
#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
	background-image: url(Images/background.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 50px;
}
/* =HEADER */
#header {
	
}
/* =CONTENT */

#content {
	width: 580px;
	float: right;
	/* margin-right: 10px; trigers Double Margin Float bug in iewin6 */
	padding-right: 10px;
	padding-top: 14px;
}
#content a:link {
	color: #00B6A1;
	text-decoration: none;
}
#content a:visited {
	color: #FFF;
}

#content p a img a:visited {
	color: #FFF;
}
#content p a img a:link {
	color: #FFF;
}
#content img a:link {
	color: #FFF;
}
#content img a:visited {
	color: #FFF;
}




#content a:visited {
	color: #00B49F;
	text-decoration: none;
}

#content ul {
	list-style-image: url(file:///F|/css-anthology-3-begin/lab/images/bullet.gif);
}
#content p, #content li {
	font-family: Arial, Helvetica, Verdana;
	font-size: 1em;
}
#content p {
	font-size: 1em;
	color: #666;
}

#content h1 {
	font-size: 1.6em;
	color: #00B49F;
}

#content h2 {
	font-size: 1em;
	color: #654;
}
#content h3 {
	font-size: 1.2em;
	color: #1D6263;
}
#content table tr td h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #2A3F98;
}



#content p, #content ul, #content ol, #content dl, #content table, #content form {
	margin-top: 1em;
	margin-bottom: 1em;
}
#content ul, #content ol, #content dl {
	margin-left: 40px;
}

.float-left {
	float: left;
	margin-right: 10px;
}
.float-right{
	float: right;
	margin-left: 10px;
}
/* =NAVIGATION */
#navigation {
	width: 116px;
	padding: 20px;
	background-color: #2e3640;
	float: left;
	
}
#navigation ul {
	list-style-type: none;/* removes bullets  */
	margin: 0; /* removes indent in IE (done with margin-left) */
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2E3640;
	font-size: 1.2em;
	font-weight: bold;
}

#navigation li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2E3640;
}
#navigation li a:link, #navigation li a:visited {
	color: #fff;
	background-color: #2E3640;
	padding: 10px;
	text-decoration: none;
	display: block; /* stretches anchors out to full width of containing div#navigation */
	-moz-text-shadow: 2px 2px 2px #666; /* for older FF */
	-webkit-text-shadow: 2px 2px 2px #666; /* for older Safari, Chrome */
	text-shadow: 2px 2px 2px #333;/* for recent FF, Safari, Chrome */
	width: 94px; /* width needed to stretch anchors to full width in iewin6  */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2E3640;
	border-left-color: #2E3640;
}
#navigation li a:hover {
	background-color: #2E3640;
	color: #00B7A2;
	font-weight: bold;
}

/* =FOOTER */
#footer {
	color: #fff;
	background-color: #00B6A1;
	padding: 10px;
	clear: both;
	width: 740px;
	text-align: center;
	
}
#content h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
	color: #00BCA6;
}

