/* External Style Sheet for Introduction to Web Design */
/* cjmstyle3.css */
*
{
	padding: 0px;
	outline: 0px;
}

body
{
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
}

div.center
{
	z-index: 1;
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #EEEEEE;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	-webkit-box-shadow: 4px 0 2px #222, -4px 0 2px #222;
	-moz-box-shadow: 4px 0 2px #222, -4px 0 2px #222;
	box-shadow: 4px 0 2px #222, -4px 0 2px #222;
}

table.header
{
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 2em;
}

table.main
{
	width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}

code.xhtml_tag
{
	color: blue;
	font-weight: bold;
	font-size: 1.2em;
}

code.xhtml_attribute
{
	color: red;
	font-weight: bold;
	font-size: 1.2em;
}

code.script_attribute
{
	color: purple;
	font-weight: bold;
	font-size: 1.2em;
}

code.xhtml_value
{
	color: darkorange;
	font-weight: bold;
	font-size: 1.2em;
}

code.xhtml_attribute_nested
{
	color: red;
	font-weight: bold;
	font-size: 1em;
}

code.xhtml_value_nested
{
	color: darkorange;
	font-weight: bold;
	font-size: 1em;
}

samp.xhtml_sample_nested
{
	font-weight: bold;
	font-size: 1.2em;
	background-color: #FEFEFE;
	padding: 5px;
	border: 1px solid #444444;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

q.short_quote
{
	font-style: italic;
}

div.note_box_nested
{
	padding: 5px;
	border: 1px solid lightgreen;
	background-color: #FFFFDD;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

samp.xhtml_sample
{
	font-weight: bold;
	font-size: 1.2em;
	background-color: #FEFEFE;
	padding: 5px;
	border: 1px solid #444444;
	display: block;
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.note_box
{
	padding: 5px;
	border: 1px solid lightgreen;
	background-color: #FFFFDD;
	display: block;
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

strong.note
{
	text-decoration: underline;
}

span.indent
{
	margin-left: 20px;
}

p.body_text
{
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 2em;
}

a
{
	background-color: transparent;
	color: #8B0000; 
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

td
{
	font-family: verdan, arial, sans-serif;
	font-size: 0.8em;
	vertical-align: top;
	color: #000000;
}

table.side_nav
{
	width: 250px;
	position: relative;
	margin-top: 0px;
}

ul.inline
{
	padding-left: 40px;
}

ol
{
	padding-left: 40px;
}

.medium
{
	border-width: medium;
}

.blue
{
	border-color: #0000CD;
}

.groovy
{
	border-style: groove;
}

.framelike
{
	border-style: inset;
}

.ltblue
{
	border-color: #F0F8FF;
}

.grey
{
	background-color: #778899;
	color: #FFFFFF
}

.tablelink
{
	color: #8B0000; 
	font-size: 0.8em;
}

.here
{
	color: #8B0000;
	font-size: 1.2em;
}

.sections
{
	background-color: transparent;
	color: #8B0000;
}

.credits
{
	text-align: center;
	font-style: italic;
}

/* Tiny Dropdown 2 */
.nav
{
	height:85px;
	background-color:#AAAAAA;
	color:#FFFFFF;
	text-shadow:1px 1px #777777;
	z-index:1000;
}

.menu a
{
	float:left;
	color:#EEEEEE;
	text-decoration:none;
	width:125px;
	height:28px;
	padding-top: 10px;
}

.menu span
{
	float:left;
	color:#EEEEEE;
	text-decoration:none;
	width:125px;
	height:28px;
	padding-top: 10px;
}

.menu a:hover
{
	color:#FFFFFF;
}

.menu
{
	list-style:none;
	font:15px Arial,Verdana;
	text-align:center;
	width:1000px;
	margin:0px auto;
	font-weight: bold;
}

.menu li
{
	position:relative;
	float:left;
	width:125px;
	z-index:1000;
}

.menu ul
{
	display:none;
	position:absolute;
	font:normal 13px Arial,Verdana;
	top:36px;
	left:0px;
	background-color:#AAAAAA;
	display:none;
	list-style:none;
}

.menu ul li
{
	float:none;
	border-top:1px solid #CCCCCC;
	width:125px;
}

.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a
{
	float:none;
	display:block;
	background-color:none;
	height:25px;
	width:125px;
	padding-top:6px;
}

.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover
{
	background-color:#999999;
	color:#FFFFFF;
}

.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span
{
	float:none;
	display:block;
	background-color:none;
	height:25px;
	width:125px;
	padding-top:6px;
}

.menu ul ul
{
	left:125px;
	top:0px;
}

.menu li.submenu
{
	font-weight:bold;
}

.menu li.noborder
{
	border-top:none;
}

li.menuhover a, li.menuhover li.menuhover a
{
	color:#FFFFFF;
	background-color:#999999;
}

li.menuhover span, li.menuhover li.menuhover span
{
	color:#FFFFFF;
	background-color:#999999;
}

span.double_line
{
	height:36px;
	padding-top: 2px;
}