/* ANNE CAMPBELL DESIGN */

html { margin: 0; padding: 0; }

body  {
	font-family: 'Franklin Gothic Book', 'Franklin Gothic', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em; 
	background: #333;
	margin: 0; padding: 0;
	color: #fff;
	background-image: url(../images/pagebg.gif);
	background-repeat: repeat;
}

a { color: #FFF; }

div#mainContent p { line-height: 160%; }

h1 {
	text-transform: uppercase;
	letter-spacing: 0.4em;
	font-size: 1.3em;
	margin-bottom: 0; margin-top: 38px;
}

h2 { font-size: 1.2em; margin-top: 30px; }


#container { 
	width: 887px; 
	margin: 10px auto 10px auto; padding: 0;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-color: #999;
	border: 1px solid black;
	border-bottom: none; 
} 




#topnav { 
	height: 37px;
	width: 666px;
	margin-left: -19px;
	border-bottom: 1px solid black; 
	background-color: #666;
}
* html #topnav { margin-top: -337px; height: 33px; }
* html #topnav img { margin-bottom: -4px; }

#topnav ul {
	margin: 0;
	padding: 0; 
	list-style: none;
	}
#topnav li {
	float: left;
	width: 111px; 
	height: 37px;
	background-repeat: repeat-x;
	}
#topnav li img { border-right: 1px dotted white; }






#sidebar1 {
	float: left; 
	width: 220px;
	margin: 0; padding: 0; 
}
#sidebar1 h1 { margin: 0; padding: 0; }
#sidebar1 h1 a { text-decoration: none; }
#sidebar1 h1 img { border: none; margin-bottom: -1px; }
#sidebar1 p { 
	margin-left: 10px; margin-right: 10px; 
	font-size: 0.9em; 
	color: white;
	}


#mainContent { 
	margin: 0 0 0 240px; padding: 0; min-height: 400px; 
} 
#mainContent p { margin-right: 20px; }

p.clear { clear: right; }


#bottomnav { margin-left: 240px; margin-right: 0px; margin-top: 30px; clear: both; }
#bottomnav img { margin-right: 5px; margin-bottom: 6px; border: none; }

#footer { 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	margin: 0; padding: 0; 
	clear: left;
	}
#footer p { font-size: 0.9em; padding: 5px; margin: 0;  }
#footer a { color: #fff; }


#mainContent p.thumbnails { margin-right: 0; }
p.thumbnails img { margin-right: 15px; margin-bottom: 15px; }
p.thumbnails a img { border: none; }

img.aboutimg {
	margin: 0 0 20px 20px;
	float: right; 
}

img.screenshot { float: right; margin: 18px 20px 40px 30px; }
img.screenshot-left { float: left; margin: 5px 30px 20px 0; }

div.caption { float: right; margin: 0 0 20px 20px; font-size: 0.9em; font-style: italic; width: 150px; text-align: center; padding-right: 10px; }

td h1 { margin-top: 0; margin-bottom: 15px; border: none; }

hr { clear: both; width: 630px; margin: 20px 20px 20px 0; height: 1px; color: #999; }