/* -----------------
	title: ss.css
	for: Sally Smith
	by: Mansoor Malik
	date: 23/Feb/2006
	----------------- */

html,body	{ width: 100%; padding: 0px; margin: auto; text-align: center; background-color: white; font: 0.8em tahoma, verdana, helvetica; letter-spacing: 1px; }

img { border: 0px; }

p { font-size: 1.1em; }

#container { margin-left: auto; margin-right: auto; width: 784px; height: 100%; background: url(img/background.jpg); overflow: visible; text-align: left; }
	#container table { font: 1em tahoma, verdana, helvetica; letter-spacing: 1px; vertical-align: top; }
	#container table td { font: 1em tahoma, verdana, helvetica; letter-spacing: 1px; vertical-align: top; }

#header	{ width: 700px; padding: 0px;	margin: 30px 10px 20px 10px; text-align: center; vertical-align: middle; }
	#header h1	{ visibility: hidden;	padding: 0px; margin: 0px; }

#topmenu	{ width: 700px; padding: 0px; margin: 0 10px 0 10px; text-align: left; border-bottom: 1px solid black; }
	#topmenu a	{ padding: 0px; text-align: left; margin: 0px; text-decoration: none; display: inline; font-weight: bold; }
	#topmenu a img { border: 0px; }
	#topmenu u	{ padding: 0px 40px 0px 40px; color: #fff; background-color: #5892b5; text-align: left; margin: 0px; text-decoration: underline; display: inline; font-weight: bold; }

#menu { width: 260px; height: auto; padding-right: 25px; margin: 50px 20px 0 20px; text-align: right; vertical-align: top; }
	#menu table { border-right: 2px solid #4f4f4f; }
	#menu table td { text-align: right; padding: 5px; font-size: 1.1em; }
	a { color: #cb1111; text-decoration: none; font-weight: bold; }
	a:hover { text-decoration: underline; }
	
#contenttable { width: 700px; height: auto; padding: 0 0 30px 0px; margin: 30px 10px 30px 10px; text-align: left; }
	#content { width: 450px; letter-spacing: 1px; vertical-align: bottom; }
	#content p	{ font-size: 0.8em; text-align: left; }
	#content ul	{ font-size: 1.1em; text-align: left; list-style: square }
	#content ol	{ font-size: 1.1em; text-align: left; }
	#content h2 { font-size: 1.2em; color: #CB1111; padding: 0px; margin: 0px; }
	#content2 { width: 250px; padding: 0 0 30px 0px; }
	#preview { width: 690px; height: 360px; border: 0px;  }
	#thumbnailframe { width: 690px; height: 100px; }
	#content a { color: #556B2F; text-decoration: none; font-weight: bold; }
	#content a:hover { text-decoration: underline; }
	
#thumbnails { padding: 20px 0 20px 0; border-top: 1px solid black; border-bottom: 1px solid black; }

#footer	{ width: 700px; height: 15px; bottom: 0px; padding: 4px 0 5px 0px; margin: 0 0 0 0px; text-align: center; background-color: #F7F7F7; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
	#footer a { padding: 5px; color: #000; text-align: center; margin: 0px; text-decoration: none; display: inline; }
	#footer a:hover { color: #000; text-decoration: underline; }

#entry { text-align: center; vertical-align: middle; }

.borderbottom { border-bottom: 1px solid black; }