/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#fff;
}

div#branding {
	width:880px;
	margin:25 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	height:254px;
	text-align:center;
	border:0px solid green;
}

div#branding_inner {
	position:relative;
	width:800px;
	height:254px;
	margin:0 auto 0 auto;
	border:0px solid black;
}

div#branding_nophoto {
	position:relative;
	height:75px;
	left:0px;
}

img#logo {
	position:absolute;
	
	top:0px;
	left:-40px;
	margin:0 0 0 0px;
}

img#logo-left {
	position:absolute;
	top:0px;
	left:23px;
	margin:0 0 0 0px;
}

img#main_photo {
	position:absolute;
	top:83px;
	left:40px;
}

div#container {
	position:relative; 
	width:880px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	text-align:center;
	border:0px solid black;
}

div#container_inner {
	position:relative;
	width:720px;
	margin:0 auto 0 auto; 
	text-align:left;
	margin:0 auto 0 auto;
	border:0px solid black;
}

div#content {
	overflow:auto; /*clears the floated inner columns */
	padding:30 0 20 0px;
}

div#content_main {
	float:left;
	width:460px;
}

div#content_sub {
	float:right;
	width:220px;
}

div#site_info {
	/*background-image:url("/img/logo-ngk-sm.gif");*/
	background-repeat:no-repeat;
	background-position:8px 7px;
	clear:both;
	height:100px;
	margin:20 0 0 0px;
	padding:7 0 0 0px;
	color:#737373;
	border-top:2px solid #000;
	font-size:.9em;
}

#site_info ul {
	float:left;
	padding:13 0 0 10px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	line-height:1.4em;
}

#site_info li {display:inline;}

#site_info p {
	float:right;
	padding:13 10 0 0px;
}

#site_info a {
	color:#737373;
	text-decoration:none;
}

#site_info a:visited {text-decoration:none;}

#site_info a:hover {text-decoration:none;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:tahoma, arial, sans-serif;
	font-size:62.5%;
	color:#3d3d3d;
}

table {
	font-family:tahoma, arial, sans-serif;
	font-size:12;
	color:#3d3d3d;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	color:#48668d;
	margin:0px 0px 4px 10px;
}

h3, h4, h5 {color:#3d3d3d;}

p, ul, ol {font-size:1.4em;}

h1 {font-size:2em;} 

h2 {font-size:1.6em;}

h3 {font-size:1.4em;}

h4 {font-size:1.2em;}

p {margin:0px 0px 10px 10px;}

a {
	font-size:1em;
	color:#48668d;
	text-decoration:underline;
}

a:visited {}

a:hover {text-decoration:none;}

ul {
	margin:0;
	padding:0 0 10 40px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0 0 10 40px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.nomargin {margin:0px;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

.even {background:#efefef;}
/* END VARIOUS TAGS AND CLASSES */

div#branding_home {
	position:relative;
	height:418px;
	width:880px;
	margin:25 auto 0 auto; /* combined with body {text-align:center} this centers a page */

	text-align:center;
	border:0px solid green;
}