/*
CSS Layout Style Definitions
Copyright Computer Masters International, Inc.
*/


/* HTML */
html { 
	background-image: url('image/html-background.jpg');
	background-repeat: repeat-x;
	background-color: rgb(50,4,4);
}

/* Body */
body {
	position: relative;
	top: 5px;
	left: 0;
	width: 960px;
	margin: auto;
	padding: 0;
	background-color: rgb(250,245,245);
}

/* Branding */
div#common_branding {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 180px;
	z-index: 1;
	background-image: url('image/common_branding_background.jpg');
	background-repeat: no-repeat;
	font-family: "Arial", "Helvetica", "Tahoma", sans-serif;
}

div#common_branding * {
	position: absolute;
}

div#common_branding img#cmilogo {
	border: none;
	top: 0px;
	left: 10px;
}

div#common_branding p#ourname {
	top: 10px;
	left: 200px;
	font-weight: bolder;
	font-size: 32px;
	color: rgb(255,255,255);
	text-shadow: 2px 2px 3px rgb(0,0,0);
}

div#common_branding p#cmibyline {
	top: 72px;
	left: 260px;
	font-weight: bolder;
	font-size: 16px;
	color: rgb(255,255,255);
	text-shadow: 2px 2px 2px rgb(0,0,0);
}

/* Navigation */
div#common_navigation {
	position: absolute;
	top: 180px;
	right: 0px;
	width: 135px;
	margin: 0px;
	padding: 0px;
	background: rgb(0,0,0) none repeat scroll top left;
	outline: black solid 1px;
}

div#common_navigation h1 {
	display: inline-block;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 80%;
	font-weight: bolder;
	text-align: center;
	color: #e0e0e0;
	background: transparent url('/_resource/image/black-050.png') repeat scroll top left;
}

div#common_navigation ol {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}

div#common_navigation li {
	display: inline-block;
	width: 100%;
	height: 35px;
	font-size: 16px;
	font-weight: bolder;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: rgb(0,0,0) url( 'image/navbutton.png' ) repeat-x scroll top left;
	outline: black solid 1px;
}

div#common_navigation a {
	display: block;
	margin-top: 7px;
	color: rgb(230,230,230);
	text-decoration: none;
}

div#common_navigation li:hover {
	color: rgb(255,255,255);
	background: rgb(50,25,25) url( 'image/navbutton.png' ) repeat-x scroll top left;
}

div#common_navigation li:hover a {
	color: rgb(255,255,255);
	text-decoration: none;
}

div#common_navigation a:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
}

/* Main Page Content */
div#page_content {
	position: relative;
	width: auto;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	min-height: 400px;
	padding: 5px 140px 5px 20px;
	background-image: url('image/pagecontent-background.png');
	background-repeat: repeat-y;
}


/* Page Info */
div#common_pageinfo {
	position: relative;
	padding: 4px;
	background-color: transparent;
	background-image: url('image/pagecontent-background.png');
	background-repeat: repeat-y;
}



/* Colophon */
div#common_colophon {
	position: relative;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	background-color: transparent;
	background-image: url('image/pagecontent-background.png');
	background-repeat: repeat-y;
}


/* General forms */

form {
	padding: .5em;
	margin: .5em;
}

form label {
	display: block;
}

form input, form textarea, form select {
	display: block;
	margin-bottom: .75em;
}

address {
	display: block;
	padding: .5em;
	margin: .5em;
}

table.emailform_summary {
	padding: .5em;
	margin: .5em;
	width: 100%;
}

table.emailform_summary caption {
	font-weight: bolder;
	text-align: center;
}

table.emailform_summary thead tr {
	font-weight: bolder;
	font-size: 80%;
}

table.emailform_summary thead tr td {
	width: 25%;
}

table.emailform_summary thead tr td + td {
	width: 75%;
}

table.emailform_summary tbody tr {
	font-size: 80%;
}



/* Ordered Pictorial List */
ol.pictorial-list {
}

ol.pictorial-list li {
	min-height: 250px;
}

ol.pictorial-list li img {
	float: right;
}

ol.pictorial-list li p {
}

/* General Lists */
ul { 
	list-style: disc outside none; 
	margin: 1em 2em 1em 2em;
}

ul li {
	margin: 1em auto auto auto;
}

dl {
}

dl dt {
	font-weight: bolder;
}

dl dd {
	margin: 0 .5em 0 2em;
}


/* Nested ordered lists */
ol.nested-ordered-list {
	margin-left: 1em;
	padding-left: 1em;
	list-style-type: decimal;
	font-size: 90%;
	font-weight: bolder;
}

ol.nested-ordered-list > li > ol {
	margin-left: 1em;
	padding-left: 1em;
	list-style-type: upper-alpha;
	font-weight: normal;
}

ol.nested-ordered-list > li > ol > li > ol {
	margin-left: 1em;
	padding-left: 1em;
	list-style-type: decimal;
	font-weight: normal;
}

ul {
	list-style-type: disc;
}

ul > li > ul {
	list-style-type: circle;
}

ul > li > ul > li > ul {
	list-style-type: square;
}

/* Flash Video */
div#videoholder {
	float: right;
	margin: 5px;
	border: none;
	width:  320px;
	height:  266px;
}

/* General Images */
img {
	margin: .5em;
	padding: 0px;
	border: rgb(0,0,0) solid 0px;
}


address.vcard {
	border: rgb(0,0,0) solid 2px;
}


iframe#googlestreetview {
	border: 2px solid rgb(0,0,0);
}