/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

html {
	overflow-y: scroll;
	height: 100%;	
}

body {
	background: transparent url("../images/bg_main_pattern.jpg") top left repeat;
	padding: 0px 0 0 0;
	margin: 0 auto;
	color: #333;
	text-align: center;
	height: 100%;
}


/* anchors
----------------------------------------------- */
a, a:link, a:visited {
	color: #DD0000;
	font-weight:normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
a:hover {
	text-decoration: underline;
}

strong, b {
	font: bold;
}

/* Main container  */

div.main_container {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: transparent;	
	width: 800px;
	height: 100%;
}

div.main_content {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: #fff url("../images/bg_frame_top.gif") top left no-repeat;
	padding-bottom: 10px;	
}

/* 960 grid system container background
----------------------------------------------- */
div.container_16 {
	position: absolute;
	top: 0px;
	min-height: 100% !important;
	background: #000 /* url("../images/bg_main_container.png") top center repeat !important */;
	padding: 0px 5px 0px 5px;
	text-align: left;
	width: 800px;	
}

* html div.container_16 {
	height: 100%;
}

div.moduletable {
	padding: 0px;
	margin: 0px;
}

div.logotop {
	background: #fff url("../images/bg_frame_top.gif") top left no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

div.logo {
	padding: 5px 0px 0px 0px;
}

div.menupad {
	height: 15px;
	padding:0;
	margin: 0;
	background: transparent url("../images/bg_frame_menu_top.gif") top left no-repeat;
}

div.banner {
	background: #fff url("../images/header-top.gif") top right no-repeat;
}

div.banner p{
	padding: 5px 30px 0px 0px;
	background: transparent;
}

div.banner p img, div.banner img {
	max-height: 80px;
	height: expression(this.height > 80 ? 80: true);
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin-right: 5px;
	background: #eee;
	
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.6em; margin-bottom:.3em; font-weight: bold; color:#666;border-bottom: 1px dashed #999; font-family: calibri, Arial, Helvetica, sans-serif; text-transform: uppercase}

h1.componentheading, h1.componentheadingnav  {display: none}
h2, h2.contentheading, h2.contentheadingnav {}

h5 { margin: 0px; padding: 0px; color:#ccc; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal; font-size:10px; border: none}



/* top menu and slogan
----------------------------------------------- */

div.container_bottom {
	padding: 10px 0px 0px 10px;
	height: 60px;
	width: 800px;
	background: transparent url("../images/bg_frame_bottom.gif") top left no-repeat;
	color: #ccc;
	font-size: 1em;
	text-align: center;
	vertical-align: bottom;
	border-top: 0px solid #ff0000;
}	


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	text-indent: 0em;
	margin-bottom: 3px;
}

ul, ol {
  padding-top:0;
}