/* 
iP2 frontend css template v2.0 
//JRS 
*/

*{ margin: 0; padding: 0; }* /* sets everything's margin and padding to 0, do not remove, override with cascade */

body { line-height: 1em; font-size: 1em; color: black; font-family: Calibri, Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; background:#000000; }

/* Basic Styles */
a {color:#E00000; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:underline; }
p { margin: 0 0 1em 0; font-size:9pt; }
sup { font-size: .2em; color: black; }
ul {}
li {  }
.clearit { /* provided for clearing a width. Use on a BR or Div */	display: block;	clear: both; height: 0%; margin: 0;	padding: 0;	font-size: 0px; line-height: 0.0; }

/* Headers */
h1 { font: normal 1.4em; color:#e00000;  }
h1 a:link {  } h1 a:visited { } h1 a:hover { color: red;  } h1 a:active { }

h2 { color:#e00000; font-size: 1.3em;  }
h2 a:link {  } h2 a:visited { } h2 a:hover { color: red;  } h2 a:active { }

h3 { color:#e00000; font-size:1.2em; }
h3 a:link {  } h3 a:visited { } h3 a:hover { color: red;  } h3 a:active { }
h4 { color:#e00000; font-size:1.1em; margin-bottom:0px; }
h4 a:link {  } h4 a:visited { } h4 a:hover { color: red;  } h4 a:active { }

h5 { color:#e00000; font-size:1.2em;  }
h5 a:link {  } h5 a:visited { } h5 a:hover { color: red;  } h5 a:active { }


/* Content */
#outer { width: 100%; height:100%; background:url(../Images/CSIBG.jpg) top center repeat-x; } /* this is always the outermost div and should always be 100% width and height */
#inner { width:1024px; height:100%; margin:auto; background:#fff; border-right:2px solid #2f2f2f; border-left:2px solid #2f2f2f; } /* this is the container for the whole site and is used to position the site within the page */

#header_container { width:100%; height:369px; background: #fff; background:url(../Images/headerLeftBG-Page.jpg)  top left no-repeat;} /* contains all header elements */

#header_container_Page { height:260px; width:1024px; clear:both; display:block;  background:url(../Images/headerLeftBG-Page.jpg) top left repeat-x; } /* contains all header elements */

.header_box{width:1015px; height:260px; background:#fff;}

#header_left { width:346px; height:369px; float:left; background: #fff; float:left; background:url(../Images/headerLeftBG.jpg) top left no-repeat; }
#header_left_Page { width:338px; height:260px; float:left; background: #fff; float:left; background:url(../Images/headerLeftBG-Page.jpg)  top left no-repeat;  }

#logo { width:346px; height:220px; margin-top: 20px; float:left; }
#logo_Page { width:294px; height:188px; padding-left: 25px; margin-top: 20px; float: left;}

#header_left_box { width:270px; height:35px; margin-left: 40px; float: left; clear: left;}

#header_right { width:678px; height:369px; float:right; background:url(../Images/headerRightBG.jpg)  top left no-repeat;  }
#header_right_Page { width:673px; height:260px; float:left;  background:url(../Images/headerRightBG-Page.jpg)  top left no-repeat;  }

#header_right_box { width:665px; margin-top: 30px; }
#header_right_box_Page { width:665px; margin-top: 30px;}



#menu_vert { width:190px; float:left; background:#202020; height:100%; }
#menu_horiz { width:100%; float:left; clear:both; background:url(../Images/MenuBG.jpg) top left no-repeat; height:37px; padding-bottom:1px; margin-top: 2px;}	
	/* spots for callouts below menu. add display:none; to deactivate. */
	#submenu_callout_1 { width:400px; height:83px; float:left; padding-left:20px; }
	#submenu_callout_2 { width:400px; height:83px; float:left; padding-left:20px; }
	#submenu_callout_3 { width:400px; height:93px; float:left; padding-left:20px; }
.crumb { width:995px; height:22px; line-height:17px; background:url(../Images/crumbbg.jpg) top left no-repeat; float:left; color:white; padding-left:44px;}
.crumb a{color:white; text-decoration:none;}
.crumb a.crumb_Home{color:#8ab1ff; text-decoration:none;}



#content_Container{
background:#FFFFFF;
width:994px;
height:100%;
}

/*Homepage Text Style*/
.homeContentCallouts{
font-size:10pt;
color:#000000;
}

.homeContent{
font-size:12pt;
color:#000000;
}
.homeContent a{
color:#e00000;
text-decoration:none;
}

 .clearit {
	height: 0; 
	line-height: 0; 
	width: 100%; 
	clear: both; 
	display: block;
  }

#footer_container { width:1024px; clear:both; background:url(../Images/footerBG.jpg) top left no-repeat;	font-size:9pt; line-height:10pt;}
#footer_container_Page { width:1024px; background:#202020; clear:both; 	font-size:9pt; line-height:10pt; }
#footer { color:white; }
#footer a{
color:white;
text-decoration:none;
}
#footer a:hover{
color:white;
text-decoration:underline;
}
#searchResults{
padding:20px;
color:#000;
font-size:9pt;
}
#searchResults ul{
margin-left:40px;
}
#central_container { display:block; clear:both;}