/*
	Filename - Screen.css
	Description - Stylesheet for the Versify Music website.
	Author - Peter Osborne (peter.osborne@wlv.ac.uk)
	Date - 29th January 2008
*/

/* Page layout tags */

body {
	background-color:#99CCCC;
	padding: 0px; margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: small; /* For IE5/win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:medium; /* For compliant browsers */
}
html>body { font-size:medium; } /* Be nice to Opera */

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#header {
	width: 800px;
	height: 98px;
	background: url(../images/logo.png) no-repeat;
}

#menu {
	float: left;
	width: 270px;
	margin: 0; padding: 0;
}

#content {
	width: 510px;
	float: right;
	text-align: justify;
	padding: 4px 10px; 
}

#footer {
	clear: both;
	width: 800px;
	height: 98px;
	background: url(../images/footer.png) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}

#footer p {
	vertical-align: bottom;
}

/* Menu - styling for the navigation menu */
#menu ul { margin:0; padding:0; list-style:none; margin-top: 15px; }
#menu li { margin:0; padding: 2px; text-indent: 20px;}
#menu ul ul { margin: 0; padding: 0; }
#menu ul ul li { text-indent: 40px; }
#menu ul ul ul{ margin: 0; padding: 0; }
#menu ul ul ul li { text-indent: 60px; }
#menu ul ul ul ul{ margin: 0; padding: 0; }
#menu ul ul ul ul li { text-indent: 80px; }
#menu a:link, #menu a:visited { color: #333366; text-decoration: none; font-weight: bold; }
#menu a:hover { color:#FF6633; }
#menu ul ul ul ul li a:link, #menu ul ul ul ul li a:visited  { color: #FF6633; font-size: 85%; text-decoration: none;  }
#menu ul ul ul ul li a:hover { color: #333366; }

/* Styling tags for the content section */
#content h1 { font-size: 150%; color: #FF6633; padding: 0; margin:5px 0 5px 0; }
#content h2{ font-size: 130%; color: #FF6633; padding: 0; margin: 0; }
#content p { padding: 6px 0 ; margin: 0; line-height: 125%; font-size: 90%;}
#content img { padding: 4px; border: 1px solid #CCC; }
#content .left { margin: 10px 8px 0 0; float: left; }
#content table { width: 100%; border: 1px #000000 solid;  border-collapse: collapse; }
#content tr { border: 1px #000000 solid; }
#content th { width: 33%; background-color: #CCCCCC; border: 1px #000000 solid; }
#content td { border: 1px #000000 solid; }

#no-border table{ border-collapse: collapse; border: 0; }
#no-border tr { border: 0; }
#no-border td { border: 0; }