
/********************************************
   HTML ELEMENTS
********************************************/ 


/*------------------------------------------------------------------------------------------- 
* "Holy Grail" Tebleless 3 column layout.
* http://www.alistapart.com/articles/holygrail

* LC Width = 200, padding = 10 (20) (220)
* RC Width = 200, padding = 10 (20) (220)
* CC Padding = 20 (40)
*/

body {
	min-width: 680px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
	padding-left: 220px;      /* LC fullwidth */
	padding-right: 260px;     /* RC fullwidth + CC padding */
}

#container-2-column {
	padding-left: 220px;      /* LC fullwidth */
	padding-right: 40px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
}

#center-2-column {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
}

#left {
  width: 200px;             /* LC width */
  padding: 0 10px;          /* LC padding */
  margin-left: -100%;
  left: 220px;              /* RC fullwidth for IE6 */
}

#container > #left {
  left: -260px;             /* -(LC fullwidth + CC padding) */
  margin-left: expression(
	document.all.center.offsetWidth * -1 +
	parseFloat(document.all.center.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingLeft) +
	parseFloat(document.all.left.currentStyle.paddingRight)
	); /* Fix for IE7 */
}

#right {
	width: 200px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/* Styling */

#header {
	width: 800px;
	margin: 0px auto;
	text-align: right;
}

#container .container {
	text-align: center;
}

#center {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align:left;
}

#center-2-column {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align:left;
}

#left {
	text-align: center;
}

#right {
	text-align: center;
}

/* Banner includes login bloc, banner container */	
#banner {
	text-align: right;
}

#login {
	position: relative;
	margin-bottom: -10px;
	padding-bottom: 10px;
	text-align: right;
}

#menu {
	padding-top: 5px;
	padding-bottom:20px;
}

.breadcrumb {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  text-align:left;
}

/* No borders on residual tables */

table tr td {
	border: 0px;
}

/* a bit of a bottom margin under text modules for separation */

.textmodule {
	margin-bottom: 10px;
}

/* Site-wide text formatting */
.bodycopy {
	font-family: georga,times new roman,serif;
	font-size: medium;
	color: #444;
}

/* Generic Module-independent formatting */
.moduletitle {
	font-family: Verdana,Arial,Sans;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}
.summarytitle {
	font-family: Verdana,Arial,Sans;
	font-weight: bold;
}

td.header, td.header a {
	background-color: #aaa;
	color: #fff;
	font-family: Verdana,Arial,Sans;
	font-weight: bold;
	font-size: 15px;
	padding: 2px;
}

