/* PVII CSS Document */
body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url(img/TBMbg.jpg);
	background-repeat: repeat-x;
}
#layout {
	margin: 0px auto;
	width: 41em;
}
#menubar {
	width: 47em;
	margin: -1px auto 4em auto;
}
#c1, #c2 {
	float: left;
	background-repeat: repeat-x;
}
#c1 {
	margin-right: 0.99em;
	width: 27em;
}
#c2 {
	width: 12em;
}
.contents {
	padding: 1em 1.35em 1.5em 1.35em;
	border: 1px solid #333333;
	font-size: 0.9em;
}
#c2 .contents {
	font-size: .75em;
}
.contents ul {
	margin: 0.5em 0 1em 0.5em;
	padding: 0 0 0 0.5em;
}
.contents p {margin: .5em 0 1em 0;}
.contents  a:hover, 
.contents a:active, 
.contents a:focus {
	color: #CCCCCC;
	background-color: #333333;
}
#masthead {
	height: 60px;
	background-image: url(img/TBMlogo.jpg);
	background-repeat: no-repeat;
	background-color: #666666;
}
h1 {
	margin: 0;
	font-size: 1px;
	text-indent: -600px;
}
h2, h3 {
	font-size: 1.5em;
	margin: 0px;
	font-weight: normal;
}
h3 {margin: 1.35em 0 0 0;}
#footer {
	clear: both;
	font-size: .7em;
	padding: 1.5em 0 2em 0;
}

#purch a, #purch a:visited {
	display: block;
	background-color: #333333;
	color: #CCCCCC;
	padding: 0.2em 0;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	height: 1.5em;
	font-weight: bold;
	text-align: center;
}
#purch a:hover, #purch a:active, #purch a:focus {
	background-color: #A7E965;
	color: #333333;
}

#timeline a, #timeline a:visited {
	display: block;
	background-color: #333333;
	color: #CCCCCC;
	padding: 0.2em 0;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	height: 1.5em;
	font-weight: bold;
	text-align: center;
}
#timeline a:hover, #timeline a:active, #timeline a:focus {
	background-color: #FF6600;
	color: #333333;
}
/*
COMMON DEMO RULES
*/
#aurora #p7TBMroot ul,
#lilac #p7TBMroot ul,
#navy #p7TBMroot ul,
#neon #p7TBMroot ul,
#tomato #p7TBMroot ul {
	margin: 0 auto;
	width: 41em;
}
#aurora #p7TBMsubwrap,
#lilac #p7TBMsubwrap,
#navy #p7TBMsubwrap,
#neon #p7TBMsubwrap,
#tomato #p7TBMsubwrap {
	margin: 0 auto;
	width: 52em;
}
#aurora #menubar,
#lilac #menubar,
#navy #menubar,
#neon #menubar,
#tomato #menubar {
	width: auto;
	margin: 0 auto 3.25em auto;
}
#navy #menubar,
#neon #menubar {
	margin: -1px auto 3.25em auto;
}

/*
Basic demos*/

#basic #c2 {background-image: url(demo_images/pagebgs/tbmgrad_gray.jpg);}
#basic2 #c2 {background-image: url(demo_images/pagebgs/tbmgrad_gray.jpg);}
/*
Aurrora demo*/
#aurora #p7TBMroot {
	background-color: #E2E7EA;
}
#aurora #c1, #aurora #c2, #aurora #c3 {
	background-image: url(demo_images/pagebgs/tbmgrad_blue.jpg);
}

/*
Grunge demo*/
#grunge .contents {
	font-family: "Courier New", Courier, mono;
	font-size: 0.8em;
}
#grunge .contents h2, #grunge .contents h3 {
	font-weight: bold;
}
#grunge #menubar {margin-top: 2em;}
#grunge #c1, #grunge #c2, #grunge #c3 {background-image: url(demo_images/pagebgs/tbmgrad_mustard.jpg);}

/*
Lilac demo*/
#lilac #p7TBMroot {
	background-color: #CF9FCF;
}
#lilac #p7TBMroot ul {border-left: 1px solid #732071;}

#lilac #c1, #lilac #c2, #lilac #c3 {
	background-image: url(demo_images/pagebgs/tbmgrad_lilac.jpg);
}

/*
Navy Demo*/
#navy #p7TBMroot {
	background-color: #5355BA;
	border-bottom: 0 !important;
}
#navy #p7TBMrootbox {
	background-color: #5355BA;
	background-image: url(p7tbm/img/navy_on.jpg);
	background-repeat: repeat-x;
}
#navy #p7TBMroot ul {
	border-left: 1px solid #333333;
	border-right: 0;
}
#navy #c1, #navy #c2 {
	background-image: none;
}

/*
Neon demo*/
#neon #p7TBMroot {
	background-color: #3B3B3B;
}
#neon #p7TBMrootbox {
	background-color: #383838;
	background-image: url(p7tbm/img/neon_on.jpg);
}
#neon #p7TBMroot ul {border-left: 1px solid #4A4A4A;}
#neon #c1 {
	background-image: url(demo_images/pagebgs/tbmgrad_gray.jpg);
}
#neon #c2 {
	background-image: url(demo_images/pagebgs/tbmgrad_orange.jpg);
}
/*
Tomato demo*/
#tomato #p7TBMroot {background-color: #FF6600;}
#tomato #p7TBMroot ul {border-left: 1px solid #ECE9D8;}

#tomato #c1 {
	background-image: url(img/tbmgrad_gray.jpg);
}
#tomato #c2 {
	background-image: url(img/tbmgrad_orange.jpg)
}
/*
Accessibility*/
#p7TBMsub02 {visibility: visible;}
/*
IE5 MAC*/
#tomato #p7TBMroot {
	padding: 0 0 14px 0;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#tomato #p7TBMroot {
	padding: 0 0 15px 0;
}
.smaller {
	font-family: "Trebuchet MS", sans-serif;
	font-size: x-small;
	color: #990000;
}
.magnify {
	cursor : url("img/S_nwse.cur"), url("second.csr"), text;
	text-decoration: none;
	color: #000000;
}
 
  
.help {
 cursor : url("img/help_i.cur"), url("second.csr"), text; }
 
.audio {
 cursor : url("img/piano.ani"), url("second.csr"), text; }
	

.popuptext {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	background-image: url(img/tbmgrad_mustard.jpg);
	background-repeat: repeat-x;
	margin: 5em;
	padding: 5em;
	height: auto;
	width: 50em;
	border: thin solid #CC9900;
}
	
	

h5 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 24px;
	color: #FF6600;
	background-image: url(img/tbmgrad_mustard.jpg);
	background-repeat: repeat-x;
}
.left {
	float:left;
	border:1px;
	margin:10px;
	padding: 10px;
}
.picture_box {
	float: right;
	padding-left: 5px;
	font-size: x-small;
	color: #990000;
	padding-right: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin: 0px;
}
.copyright {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: xx-small;
	height: auto;
	width: 500px;
	text-decoration: none;
	color: #333333;
}
.gods_list {
	list-style-image: url(img/endslug.gif);
	list-style-position: inside;
	list-style-type: square;
}
.quiz {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	padding-left: 10px;
	float: left;
	height: auto;
	width: auto;
}
.believe {
	background-image: url(img/tbmgrad_mustard.jpg);
	padding: 8px;
	border: thin solid #FF9900;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
}
hr {
	color: #FF6600;
	height: 3px;
	width: auto;
}
.right_margin {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box {
	width: 600px;
}
.quizbox {

	background-image: url(img/tbmgrad_blue.jpg);
	padding: 8px;
	border: thin solid #3366FF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
}
.sitelinks_box {


	background-image: url(img/tbmgrad_gray.jpg);
	padding: 8px;
	border: thin solid #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
}
.new {
	background-color: #9966CC;
	color: #FFFFFF;
}