body {
	margin:0; padding:0;
	background: white;

}

/* FONT DEFAULTS */
body, p, td {
	font: 10pt verdana;
	color: #666;
}

h1,h2,h3,h4,h5,h6,h7 { margin:0; padding:0; margin-bottom: .5em; }

form {margin:0;}
img {border:0;}


/* ----------- LAYOUT ----------- */


#page { 
	min-width:770px;
	width:770px; margin:0 auto;
}

#header {
	height: 87px;
	background: #c1c1c1 url(../images/t/header.jpg) no-repeat right top;
	vertical-align:middle;
	margin-bottom: 2px;	
}
#header #logo {
	margin: 21px 0 0 21px;  /* For original template logo, 45px tall */

	/* margin: 12px 0 0 21px;*/  /* 55px tall logo */
}

#nav_container {
	border-top: solid #666 7px;
	width:100%;

	background: url(../images/t/bg.stripey.png) repeat-x left bottom;
	padding-bottom: 5px;
}


#nav {
	list-style:none; margin:0; padding:0;
	display: table;
	width:100%;
	height: 59px;
}
#nav li {
	list-style:none; margin:0; padding:0; 
	
	display:block; float:left;
	
	/* width:16.5%; non-exact...  */
	width:127px;
	
	border-right: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	
	background:white;
}
#nav li.first { width: 128px; border-left: solid #ccc 1px; }

#nav li a {
	padding: 0; /*  12px when nav was text */

	height: 59px;
	display:block;
	
	color: black;
	font: 10pt Verdana;
	font-weight:bold;
	text-decoration:none;
	
	background: url(../images/t/navnotch.png) no-repeat right bottom;
}
#nav li a:hover {
	/* color: #A40505; */
	background-color: #A40505;
	color: white;
	background-image: url(../images/t/navnotch.white.png);
}
ul#nav a img { width:127px; }
ul#nav li.first a img { width:128px; }




#body {
	clear: both;



	margin: 14px 0;
	background: white url(../images/t/column.bg.png) repeat-y left top;
}


/* Lefocol full width: 246px */
#body #leftcol {
	width: 215px;
	padding: 0 14px;
	float: left;
}

	#leftcol #searchbox {
		border: solid #666 1px;
		border-left: 0px;
		border-right: 0px;
		
		background: url(../images/t/grad.s.jpg) repeat-x top;
		padding: 12px;
		min-height: 75px;
		
		margin-bottom:12px;
	}
	
	#leftcol #searchbox input.text {
		border: solid #666 1px;
		height: 19px;
	}


	#leftcol #contactInfo {
		border: solid #666 1px;
		border-left: 0px;
		border-right: 0px;
		
		background: url(../images/t/grad.n.jpg) repeat-x bottom;
		padding: 12px 8px;
		min-height: 75px;

		margin-top:12px;
	}
	#leftcol #contactInfo a {
		color: #666;
		text-decoration: none;
	}
	#leftcol #contactInfo a:hover {
		text-decoration: underline;
	}




/* TODO: Fix the "width:100%" issue in IE */
#body #rightcol {
	margin-left: 246px; /* Overtake the left column */
	padding: 0 14px;
	width: auto;
}


#footer {
	clear:both;
	margin-top: 24px;
	border-top: solid #666 1px;
}
#footer .leftcol {
	width: 215px;
	float: left;
	font-size: 7pt;
	text-align:center;
	color: #999;
}
#footer .leftcol a { color: #999; text-decoration:none; }
#footer .leftcol a:hover { text-decoration:underline; }


#footer .rightcol {
	border-top: solid #666 12px;
	margin-left: 243px; /* Overtake the left column */
	padding: 0 14px;
	width: auto;
}

/* -------------------------------------------------------------------------- */

ul.arrowed {
	margin:0; padding:0; list-style:none;
}
ul.arrowed li {
	margin:0; padding:0; list-style:none;

	background: url(../images/t/bullet.arrow.png) no-repeat left center;
	padding-left: 15px;
}
ul.arrowed a { color: #666; text-decoration:none; }
ul.arrowed a:hover { text-decoration:underline; }


a.linkbull {
	color: #666;
	text-decoration:none;
	font-weight:bold;
	background: url(../images/t/bullet.link.png) no-repeat left center;
	padding-left: 16px;
}
a.linkbull:hover { text-decoration:underline; }

img.frameme {
	border: solid black 1px; margin: 12px;
}

ul#nav_bottom {
	margin:0; padding:0; list-style:none;
}
ul#nav_bottom li {
	margin:0; padding:0; list-style:none;
	padding-left: 15px;
	float:left;
	
	padding: 0 6px;
	
}
ul#nav_bottom li+li { border-left: solid #666 1px; }
ul#nav_bottom a { font-size: 8pt; color: #666; text-decoration:none; }
ul#nav_bottom a:hover { text-decoration:underline; }



h1, h2 {
	font-size: 16pt;
	color: #990000;
	text-transform:uppercase;
	font-weight: normal;
}

div.hr_stripey {
	background: url(../images/t/bg.stripey.png) repeat-x left bottom;
	height:5px;
	font-size:1px;
}




dl.imageAndCaption { padding:0; margin:0; width:245px; float:left; margin:8px 0; }

dl.imageAndCaption dt { padding:0; margin:0; text-align:center;}
dl.imageAndCaption dt img { border: solid black 1px; }
dl.imageAndCaption dd { padding:0; margin:0; text-align:center; }




ul#nav a img {
	background-position: 0px 0px;
}
ul#nav a:hover img {
	background-position: 0px -59px;
}


/* --------------------------------------------------------------------------------- */
#header_printinfo {
	display:none;
	float:right;
	font-size: 9pt;
}
@media print {
	#page { width:auto; min-width:0px }
	#header { background: white; border-bottom: solid black 1px; }
	#header_printinfo { display:block; }
	#nav_container { display:none; }
	#body { background:none; }
	#body #leftcol { display:none; }
	#body #rightcol { margin-left:0; }
	#footer { display:none; }
}