/* CSS Document */

body {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background: transparent url(../images/page_bg_tile.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
	line-height : 140%;
}

#all{
	width:950px;
	padding:0px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}

/******
*
*	Main Content
*
******/
.clear{
	clear:left;
	line-height:0px;
	height:0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.content{
	padding:10px;
	background-color:  #fffff3;
	min-height:450px;
	border:#333333 thin solid;
	padding-left:50px;
	padding-right:50px;
}

.header{
	background:none;
	height:150px;
	margin-top:5px;
	border:#333333 thin solid;
}

.footer{
	margin-top: 80px;
	margin-bottom:20px;
	padding:20px;
	background: #ddd;
	color:#ddd;
	clear:both;
	min-width:700px;
	max-width:880px;
}

.nav {
	background: url(../images/red-fade-75a.png) repeat-x;
	min-height:25px;
	float:left;
	position:relative;
	top:-25px;
	width:948px;
	text-align:right;
	font-size:13pt;
}

h2{
	text-align:left;
	padding-top: 0.5em;
	padding-bottom: 5px;
	margin-bottom:15px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:2.2em; 
	color:#333333; 
	width:100%;
	text-transform:uppercase;
}

h3 {
	margin-top:-10px;
	text-align:left;
	font-size:1.5em;
	letter-spacing: 0.2em;
	font-family: Arial, Helvetica, sans-serif;;
	color:#999999;
	margin-bottom:1.35em;
	background: url(../images/heading-grad.jpg) #e6c23e repeat-y;
	background-position: 0px 1.3em;
	line-height:0.5em;
}

#h3_no_bg {
	margin-top:1.35em;
	text-align:left;
	font-size:16pt;
	letter-spacing: 0.2em;
	color:#999999;
	background: none;
	margin-bottom:-5pt;
	line-height:1.7em;
}

h4{
	font-size:1.2em;
	font-weight:bold;
	color: #1A78C6;
	margin-top:25px;
	margin-bottom:-10px;
}

.inline_heading{
	font-size:1.0em;
	font-weight:bold;
	color: #1A78C6;
	display:inline;
	line-height:1.2em;
	margin-left:0.0em;
	margin-right:1.0em;
	margin-bottom:0.2em;
}

a.page-options {
	font-size:1.0em;
	font-weight:bold;
	color: #1A78C6;
	display:inline;
	line-height:1.2em;
	margin-left:0.0em;
	margin-right:1.0em;
	margin-bottom:0.2em;
}

/***********************************
*  Facebook-esque <ul> with captions to the side
*
************************************/

#facebook {
font-size:9pt;
font-style:italic;
margin-top:2px;
width:300px;
max-width:none;
min-width:none;
}

#facebook img {
float:left;
}
#facebook h4 {
margin-bottom:0px;
}
#facebook ul {
}

#facebook li {
	list-style-type:none;
	max-width:350px;
}

#facebook li:before {
content: "";
}

#facebook img {
	border:#CCCCCC 1px solid;
}

/***********************************
* Textbox styles
*
************************************/

.textbox {
	font-size: 1em;
	background-color:#fffffe;
	border:#E3E4CD 1px solid;
	padding: 1em 4em 1em;
	height:auto;
	float:left;
	min-width:730px;
	max-width:730px;
}
.textbox img{
	padding: 5px;
/*	border:#CCCCCC 1px solid;
*/	margin:5px;
}

.textbox h2{
	text-align:left;
}

.textboxfix {
	font-size: 10pt;
	padding: 0em 1em 1em;
	height:auto;
	float:left;
/*	min-width:730px;
	max-width:730px;
*/
}
.textboxfix img{
	padding: 5px;
/*	border:#CCCCCC 1px solid;
*/	margin:5px;
background:#FFFFFF;
}

.textboxfix h2{
text-align:left;
}

.no_text_box {
	font-size: 10pt;
	padding: 0em 1em 0em;
	height:auto;
	float:left;
}

.no_text_box img{
	padding: 5px;
/*	border:#CCCCCC 1px solid;
*/	margin-left:4em;
}

/*******************************
* Padded list style <ul>
*
********************************/

.padded_list ul {
	padding: 0.5em;
}
.padded_list li {
	float: left;
	clear: left;
	width: 600px;
	text-align: left;
	list-style-type:none;
}
.padded_list li:before {
content: " o  ";
}


/*****************************
* End
*****************************/


dl {padding: 0.5em; }

dt {
float: left;
clear: left;
width: 11em;
text-align: left;
font-weight:bold;
}

dt:before {
content: " o  ";
}

dt:after {
content: ":";
}

dd {
/*margin: 0 0 0 110px;
*/
text-indent:0px;
padding:  0 0em 0;
margin-left:11em;
}



td {
	padding-bottom: 20px;
}

/* image container */
.image_cont{
	float:block;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:6px;
	margin-right:0px;
	padding:5px;
}

.image_cont_data{
	padding-left: 15px;
	width:inherit;
}
.image_cont_image {
	border:#333333 thin solid;
	padding: 3px;
	width:auto;
	float:left;
}

.image_cont_caption{
	padding-left:5px;
	height:15px;
	color:#CCCCCC;
	font-size:9px;
	font-family:Arial;
}

.hidden {
	display : none;
}

/*******************************
* Navigation Menu
*
*******************************/

.menu {width:948px; height:25px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000; border-top:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:948px; w\idth:947px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10pt;text-decoration:none; color:#fff; width:138px; height:25px; border: solid #000; border-width:0px 1px 1px 1px; padding-left:10px; text-align:center; line-height:25px; font-weight:500; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {color:#FFF; background:transparent url(../images/red-square-75a.png) repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#E9B516}
.menu ul ul :hover > a.drop {background:#e6c23e}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: url(../images/off-white-fade-75a.png);}
/* style the third level hover */
.menu ul ul ul a:hover {background:#e6c23e;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: url(../images/off-white-fade-75a.png); color:#000; height:auto; line-height:20px; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#e6c23e; }
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#e6c23e; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}