/* CSS Document */



/* initial conditions ============================================== */
* {
	margin: 0px;
	padding: 0px;
	}
/* /initial conditions ============================================== */

/* Tag styles ========================================================= */
body {
	background:#f5f7fa url(../images/shim.gif) no-repeat fixed left top;
	
	color: #000000;
	text-align: center;
	}

body,td,input,textarea,select,option {
	font: normal 12px Arial, Helvetica, sans-serif;
	}

p {margin: 0px 0px 10px 0px;}
br {line-height: 10px;}

b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}

a, a:visited {
	color: #d44811;
	text-decoration: none;
	}
a:hover {
	color: #d44811;
	text-decoration: underline;
	}
a:active {
	color: #d44811;
	text-decoration: underline;
	}

h1 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
h3 {
	font-size: 105%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}
h4 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	}

table {border-collapse: collapse;}
table.separate {border-collapse: separate;}

form table td {padding: 3px;}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}
legend {padding: 0px 5px 0px 5px;}

img {border-width: 0px;}
/* /Tag styles ========================================================= */

/* list styles ========================================================= */
ul, ol {margin: 0px 0px 0px 5px;}
ul {padding: 0px 0px 0px 15px;}
ol {padding: 0px 0px 0px 25px;}
li {}
ul.bullet {list-style-image: url("/pix/bullet.gif");}
.pdflist {list-style-image: url("../images/pdf.png");}
/* /list styles ========================================================= */

/* form ================================================================= */
option {padding: 0px 5px 0px 0px;}

label {
	font-weight: bold;
	font-size: 100%;
	}
fieldset {border:none;}
div.form1 input {width: 300px;}
div.form1 textarea {width: 300px;}
div.form1 input.px250 {width: 250px;}
div.form1 input.px200 {width: 200px;}
div.form1 input.px150 {width: 150px;}
div.form1 input.px100 {width: 100px;}
div.form1 input.px75 {width: 75px;}
div.form1 input.px50 {width: 50px;}
div.form1 input.auto {width: auto;}

.required {color: #cc0000;}
.auto {width: auto;}
/* /form ================================================================= */

/* shims and pads ======================================================== */
.m0 {margin: 0px 0px 0px 0px;}
.m5 {margin: 0px 0px 5px 0px;}
.m15 {margin: 0px 0px 15px 0px;}

.shim3 {padding: 0px; margin: 0px; line-height: 3px; font-size: 3px;}
.shim5 {padding: 0px; margin: 0px; line-height: 5px; font-size: 5px;}
.shim10 {padding: 0px; margin: 0px; line-height: 10px; font-size: 10px;}
.shim15 {padding: 0px; margin: 0px; line-height: 15px; font-size: 15px;}

.padtop3 {padding-top: 3px;}
.padright3 {padding-right: 3px;}
.padbottom3 {padding-bottom: 3px;}
.padleft3 {padding-left: 3px;}

.padtop5 {padding-top: 5px;}
.padright5 {padding-right: 5px;}
.padbottom5 {padding-bottom: 5px;}
.padleft5 {padding-left: 5px;}

.padtop10 {padding-top: 10px;}
.padright10 {padding-right: 10px;}
.padbottom10 {padding-bottom: 10px;}
.padleft10 {padding-left: 10px;}

.padtop15 {padding-top: 15px;}
.padright15 {padding-right: 15px;}
.padbottom15 {padding-bottom: 15px;}
.padleft15 {padding-left: 15px;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}

table.tblpad3 td {padding: 3px;}
table.tblpad5 td {padding: 5px;}
/* /shims and pads ======================================================== */

/* buttons =========================================================================== */
/* NOTE: do NOT put these stroked buttons in a tight table, or IE will 
cut off the top border. If you MUST put them into a tight table, 
set the cellpadding to be equal with the padding below */
a.bn1, a:visited.bn1, input.bn1 {
	border-style: solid;
	border-width: 1px;
	border-color: #0000ff;
	padding: 2px 4px 2px 4px;
	font-size: 10px;
	font-weight: normal;
	color: #689a9a;
	text-decoration: none;
	background-color: #ffffff;
	}
input.bn1 {
	cursor: pointer;
	padding: 1px;
	}
a.bn1:hover, input:hover.bn1 {
	color: #000000;
	text-decoration: none;
	border-color: #000000;
	}
/* /buttons =========================================================================== */

/* body structure ================================================================== */


#shell {
	width: 781px;
	margin: 15px auto 15px auto; /* centers this div on the page, also, see body definition above */
	text-align: left;
	border: 1px solid #1f5aa3;
	background-color:#fff;
	}

/* /body structure ================================================================== */

/* header ============================================================= */
#header {
	width:auto;
	background-color:#d44811;
	}
	
/* /header ============================================================= */

/* navbar=============================================================== */
#navbar{
background-color:#d44811;
color:#fff;
border-bottom:#fcd004 4px solid;
width:auto;
text-align:center;
}
#navbar ul {
padding:8px 0px 5px 0px;
font-size:100%;
font-weight:bold;
list-style-type:none;
}
#navbar li {
display: inline;
margin: 0px 7px;
}
#navbar a {
color:#fff;
text-decoration:none;
}
#navbar a:visited {
color:#fff;
text-decoration:none;
}
#navbar a:hover {
color:#fcd004;
text-decoration:none;
}
#navbar a:active {
color:#fcd004;
text-decoration:none;
}
/* /navbar =============================================================== */



/* page ============================================================== */
#content {
	clear:both;
	margin:10px;
}

#content h1 {
font-size:150%;
color: #cc0000;
}
#home_top_left {
float:left;
width:230px;
border-right:#999 1px dotted;
padding-right:8px;
}
#home_top_center {
float:left;
width:290px;
border-right:#999 1px dotted;
padding:0px 8px;
}
#home_top_right {
float:right;
width:205px;
padding-left:8px;
}
#home_bottom {
margin:0;
border-top:#999 1px dotted;
}
#home_bottom_left {
float:left;
margin:10px;
width:300px;
}
#home_bottom_right {
float:right;
margin:10px;
width: 420px;
}
#action_center_box {
width:auto;
clear:both;
}
#action_center_box_top {
background-color:#ffc904;
padding:5px 5px 2px 5px;
}
#action_center_box_top h2 {
margin:0;
}
#action_center_box_bottom {
background-image: url(../images/action_box_gradient.gif);
background-repeat:no-repeat;
padding:5px;
}
#call_out {
float:right;
margin-left:10px;
width: 209px;
}
#call_out h1 {
font-size:150%;
color: #cc0000;
margin:0;
}
#call_out p {
margin:0;
}
#call_out_content {
background-image:url(../images/call_out_top.gif);
background-repeat:no-repeat;
background-color:#ececec;
padding:5px 5px 0px 5px;
margin:0;
}
#call_out_bottom {
background-image:url(../images/call_out_bottom.gif);
background-repeat:no-repeat;
height:6px;
margin:0;
padding:0;
}
#toolkits {
width:600px;
margin-top:30px;
}
#toolkit_left {
width:300px;
text-align:center;
float:left;
}
#toolkit_right{
width:300px;
text-align:center;
float:right;
}
.toolkit {
padding:20px;
background-image:url(../images/toolkit.gif);
background-position:center;
background-repeat:no-repeat;
height:132px;
text-align:left;
}
.toolkit h1 {
font-size:140%;
color: #cc0000;
padding:4px 0px 0px 20px;
font-weight:bold;
}
.toolkit p {
padding:4px 0px 0px 20px;
width:200px;
font-weight:bold;
}
#stories {
width:auto;
margin-top:20px;
}
#stories_left {
width:370px;
text-align:left;
float:left;
}
#story_left {
background-image:url(../images/stories_back.gif);
background-repeat:no-repeat;
border:#cc0000 1px solid;
padding:5px;
}
#story_left h3 {
color:#cc0000;
}
#stories_right {
width:370px;
text-align:left;
float:right;
}
#story_right {
background-image:url(../images/stories_back.gif);
background-repeat:no-repeat;
border:#2cb3c4 1px solid;
padding:5px;
}
#story_right h3 {
color:#2cb3c4;
}
/* /page ============================================================== */


/* footer ============================================================= */
#footer {
clear:both;
width:auto;
text-align:center;
padding:10px 10px 0px 10px;
font-size: 90%;
	}

/* /footer ============================================================= */



/* misc classes ===================================================================== */
.stories_header {
padding-top:10px;
margin-left: 170px;
}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.floatright {float: right;}
.floatleft {float: left;}
.clear {clear: both;
height:1px;
}

.clearfix:after {
	/*apply this class to any floated element that needs to be cleared afterwards*/
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* /misc classes ===================================================================== */
/*drop-down menu classes */
.p7tbsub {background-color: #FFFFFF; border: .1px solid #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; layer-background-color: #FFFFFF;}
.p7tbsub p {margin: 0px; padding: 6px 12px 12px 0px;}
.p7tbsub a:link {color: #000000;}
.p7tbsub a:visited {color: #666666;}
.p7tbsub a:hover {color: #FF9900;}
.p7tbsub a:active {color: #FF9900;}
.p7tbdn {color: #FF9900 !important; font-weight: bold;}
/* /drop-down menu classes */