/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* GRID SYSTEM */
.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:0px;margin-right:0px}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:60px}.container_16 .grid_2{width:120px}.container_16 .grid_3{width:180px}.container_16 .grid_4{width:240px}.container_16 .grid_5{width:300px} .container_16 .grid_6{width:360px}.container_16 .grid_7{width:420px}.container_16 .grid_8{width:480px}.container_16 .grid_9{width:540px}.container_16 .grid_10{width:600px}.container_16 .grid_11{width:660px}.container_16 .grid_12{width:720px}.container_16 .grid_13{width:780px}.container_16 .grid_14{width:840px}.container_16 .grid_15{width:900px}.container_16 .grid_16{width:960px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* MAIN STYLE */
body {
	background: #1b1b1b;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #006cb1;
	size: 10px;
}

.txt {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	font-size: 10pt;
	line-height:1.25em;
}

.location {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	font-size: 10pt;
	line-height:1.25em;
}

.bluelocation {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#006cb1;
	font-size: 11px;
	line-height:1.25em;
	font-weight:bold;
}

.red {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:8px;
}

#topNav {
	margin:50px 0 0 0;
}

#topNav li {
	float:left;
	display:block;
	padding:0 10px 0 10px;
	border-right:1px dotted #000000;
}

#topNav li.last {
	float:left;
	display:block;
	padding:0 10px 0 10px;
	border-right:none;
}

#topNav li a {
	color:#1b1b1b;
	font-size:16px;
	text-decoration:none;
	line-height:18px;
}

#topNavGrey {
	margin:0 0 0 0;
}

#topNavGrey li {
	float:left;
	display:block;
	padding:0 10px 0 10px;
	border-right:1px dotted #FFFFFF;
}

#topNavGrey li.last {
	float:left;
	display:block;
	padding:0 10px 0 10px;
	border-right:none;
}

#topNavGrey li a {
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	line-height:18px;
}

#leftNav {
	color:#474747;
	font-size:13px;
}

#leftNav a {
	color:#474747;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}


#bottomNav {
	color:#FFFFFF;
	font-size:13px;
}

#bottomNav a {
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}

#quickLinks {
	color:#006cb1;
	font-size:13px;
}

#quickLinks li {
	padding:2px 0 2px 0;
}

#quickLinks a {
	color:#006cb1;
	font-size:13px;
	text-decoration:none;
}

#topCurves {
	height:22px;
	background:url(../images/topCurves.jpg) no-repeat;
}

#bottomNew {
	height:50px;
	background-image:url('../images/main/stripesbg.jpg'); background-repeat:repeat-x;
	}


#bottomCurves {
	height:22px;
	background:url(../images/bottomCurves.jpg) no-repeat;
}

#bottomCurvesInside {
	height:22px;
	background:url(../images/bottomCurvesInside.jpg) no-repeat;
}

#mainContent {
	background:#FFFFFF;
}

#header {
	background:#FFFFFF;
}

#headerspacer {  
    background:#FFFFFF;
	height: 6px;

}  


#logo2012 a {
	background:url(../images/main/hpclogo2012.jpg) no-repeat;
	width:206px;
	height:86px;
	display:block;
	margin-left: 10px;
	
}

#logo2012 a span {
	margin-left:-4000px;
}


#logo a {
	background:url(../images/logo.jpg) no-repeat;
	width:247px;
	height:99px;
	display:block;
	margin-left:20px;
}

#logo a span {
	margin-left:-4000px;
}


#cart a {
	background:url(../images/viewcart.jpg) no-repeat;
	width:83px;
	height:21px;
	display:block;
}
#acct a {
	background:url(../images/myacct.gif) no-repeat;
	width:83px;
	height:21px;
	display:block;
}

#cart a span {
	margin-left:-4000px;
}

#insideBg {
	background:#FFFFFF url(../images/leftNavBg.jpg) repeat-y left;
}

.greyNav {
	background:#7A7A7A;
	height:28px;
	padding-top:8px;
}

.landingDescription {
	font-size:14px;
	color:#4a4a4a;
	line-height:1.125em;
}

.landingDescription span {
	display:block;
	width:210px;
	padding:5px 0 20px 5px;
}

.landingHeaderText {
	font-size:14px;
	padding-top:8px;
	line-height:1em;
}

.landingHeaderTextNew {
	font-size:14px;
	padding-top:8px;
	line-height:130%;
}

#leftNavContents {
	margin-left:20px;
}

.font {
	color: #454545;
	font-size: 10pt;
	}
	
.font2 {
	color: #454545;
	font-size: 12pt;
	}
	
.font a, .font a:visited {
	color: #454545;
	font-size: 10pt;
	text-decoration: none;
	}
	
.font a:hover {
	color: #454545;
	font-size: 10pt;
	text-decoration: none;
	}
	
.col1 {
	float: left;
	width: 520px;
	}
	
.col2 {
	float: right;
	width: 190px;
	}
	
.font3 {
	color: #454545;
	font-size: 10pt;
	}
	
.font3 a, .font3 a:visited {
	color: blue;
	font-size: 10pt;
	text-decoration: none;
	}
	
.font3 a:hover {
	color: blue;
	font-size: 10pt;
	text-decoration: none;
	}
	
a, a:visited {
	color: blue;
	}
	
a:hover {
	color: blue;
	}
	
.contentTop {
	background: url(../images/content_box_top.jpg) no-repeat;
	width: 224px;
	height: 13px;
	}
	
.contentMiddle {
	background: url(../images/content_box_middle.jpg) repeat-y;
	width: 224px;
	padding-left: 6px;
	padding-right: 6px;
	height: 220px;
	}
	
.contentMiddle div {
	width: 190px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 14px;
	margin: 0 auto 0 auto;
	}
	
.contentMiddle img {
	padding-left: 5px;
	}
	
.contentBottom {
	background: url(../images/content_box_bottom.jpg) no-repeat;
	width: 224px;
	height: 13px;
	}
	
.contentTop2 {
	background: url(../images/content_box_top.jpg) no-repeat;
	width: 224px;
	height: 13px;
	}
	
.contentMiddle2 {
	background: url(../images/content_box_middle.jpg) repeat-y;
	width: 224px;
	padding-left: 6px;
	padding-right: 6px;
	height: 310px;
	}
	
.contentMiddle2 div {
	width: 190px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 14px;
	margin: 0 auto 0 auto;
	}
	
.contentMiddle2 img {
	padding-left: 5px;
	}
	
.contentBottom2 {
	background: url(../images/content_box_bottom.jpg) no-repeat;
	width: 224px;
	height: 13px;
	}

.contentTop2Special {
	background: url(../images/content_box_top2.jpg) no-repeat;
	width: 172px;
	height: 13px;
	}
	
.contentMiddle2Special {
	background: url(../images/content_box_middle2.jpg) repeat-y;
	width: 172px;
	padding-left: 6px;
	padding-right: 6px;
	height: 310px;
	}
	
.contentMiddle2Special div {
	width: 138px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 14px;
	margin: 0 auto 0 auto;
	}
	
.contentMiddle2Special img {
	padding-left: 5px;
	}
	
.contentBottom2Special {
	background: url(../images/content_box_bottom2.jpg) no-repeat;
	width: 172px;
	height: 13px;
	}
	
.button {
	text-align: right;
	padding-top: 5px;
	}
	
	
	.button2 {
	text-align: right;
	
	}
	
.spacer {
	line-height: 15px;
	}
	
.table {
	padding-right: 20px;
	}
	
.title3 {	
	color: #da0027;
	font-size: 14pt;
	font-weight: bold;
	}
	
.dplist {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #828282;
	list-style-image: url(http://haroldsphoto.teamem.com/images/bullet.gif);
}

.cplist {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	margin-left:22px;
	list-style-image: url(http://haroldsphoto.teamem.com/images/bullet.gif);
}

.text {
	font-size:12px;
	color:#333;
	line-height:1.275em;
}


.txtsmall {
	font-size:11px;
	color:#333;
	line-height:1.275em;
}

.txtblue {
	font-size:12px;
	color:#006cb1;
	line-height:1.275em;
}


.btext {
	font-size:9px;
	color: #006cb1;
	line-height:1.275em;
}

.style {
	font-size: 11pt;
	font-weight: 500;
	color:#333;
}
.red {
	font-size:9px;
	color:#D90025;
}
.small {
	font-size:9px;
}
.green {
	font-size:10px;
	font-weight:bold;
	color:#00a651;
}

.classesheader {
	font-size: 11pt;
	font-weight: bold;
	color: #382216; 
	font-family: Verdana, Helvetica, Arial, sans-serif
}
.classessubhead {
	font-size: 9pt;
	font-weight: bold;
	color: #382216; 
	font-family: Verdana, Helvetica, Arial, sans-serif
}

.infohead {
	font-size:12px;
	color:#006cb1;
	line-height:1.275em;
}

.Bhead {
	font-size:15px;
	color:#006cb1;
	line-height:1.275em;
}

.BheadR {
	font-size:15px;
	color:#F00;
	line-height:1.275em;
}

.Ehead {
	font-size:13px;
	font-weight: bold;
	color:#333;
	line-height:1.275em;
}

.Elink {
	font-size:12px;
	color:#333;
	text-decoration:underline;
	line-height:1.275em;
}

a.events {
	font-size:12px;
	color:#333;
	text-decoration:underline;
}

a.hide {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#413f40;
	text-decoration:none;
}

#banner {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:344px;
	margin:0 0 0 0;
}

#banner .slide{
	position:absolute;
	top:0;
	left:0;
}

h1 {
	font-size:14px;
	padding-top:8px;
	font-weight: normal;
	margin: 0;
	margin-right: 0;
	margin-bottom: 0;
	display: inline;

}
.reoption_label{
float:left;
width:221px;
font-size:12px;
vertical-align:top;
padding:2px;
}
.reoption_value{
float:right;
width:396px;
vertical-align:top;
}





/* Start Easy Slider Styles */

 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* end image replacement */

#newbanner {
	position:relative;

}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:344px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:136px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* End Easy Slider Styles */



/* Mega Menu Styles */

#megamenu {  
    list-style:none;  
    width:920px;  
    margin:10px auto 0px auto;  
    height:44px;  
    padding:0px 20px 0px 20px;  
  
/* background color */  
  
    background: #777777;
    background-image:url('../images/mgmnbg.png'); background-repeat:repeat-x;

} 


#megamenu li {  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;
	z-index:1; /* Places the menu list content above the java slide show */
    padding: 8px 7px 5px 7px;  
    margin-right:30px;  
    margin-top:7px;  
    border:none;  
}  
  
#megamenu li:hover {  
    border: 1px solid #b5b5b5;  
    padding: 8px 6px 5px 6px;  
  
    /* Background color and gradients */  
  
    background: #e5e5e5;
	/* background: -moz-linear-gradient(top, #FFFFFF, #e0e0e0);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e0e0e0)); */

  
    /* Rounded corners */  
  
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
}  
  
#megamenu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px;  
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;
	

}  
  
#megamenu li:hover a {  
    color:#535353;  

}  
#megamenu li .drop {  
    padding-right:21px;
	background:url("../images/megaarrow.png") no-repeat right 6px;  
}  
#megamenu li:hover .drop {  
    background:url("../images/megaarrow2.png") no-repeat right 5px;  
}

/* Drop Down */  
  
.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,
.dropdown_5-3columns,
.dropdown_5columns,
.dropdown_6columns {  
    margin:4px auto;  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #b5b5b5;  
    border-top:none;  
  
    /* Background */  
    background:#e5e5e5;
	/* background: -moz-linear-gradient(top, #FFFFFF, #e0e0e0);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e0e0e0)); */
 
  
    /* Rounded Corners */  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  
  
.dropdown_1column {width: 220px;}  
.dropdown_2columns {width: 325px;}  
.dropdown_3columns {width: 420px;}
.dropdown_3-2columns {width: 320px;}
.dropdown_3-3columns {width: 295px;} 
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 655px;}
.dropdown_5-3columns {width: 600px;}
.dropdown_6columns {width: 795px;}
  
#megamenu li:hover .dropdown_1column,  
#megamenu li:hover .dropdown_2columns,  
#megamenu li:hover .dropdown_3columns,
#megamenu li:hover .dropdown_3-2columns, 
#megamenu li:hover .dropdown_4columns,
#megamenu li:hover .dropdown_5-3columns, 
#megamenu li:hover .dropdown_5columns,
#megamenu li:hover .dropdown_6columns {  
    left:-1px;  
    top:auto;  
}  
  
/* Columns */  
  
.col_1,  
.col_2,  
.col_3,
.col_3-2,
.col_3-3,
.col_4,  
.col_5,
.col_6 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
.col_1 {width:210px;}  
.col_2 {width:315px;}  
.col_3 {width:410px;}
.col_3-2 {width:310px;}
.col_3-3 {width:285px;}
.col_4 {width:550px;}  
.col_5 {width:645px;} 
.col_6 {width:250px;} 
  
/* Right alignment */  
  
#megamenu .menu_right {  
    float:right;  
    margin-right:0px;  
}  
#megamenu li .align_right {  
    /* Rounded Corners */  
    -moz-border-radius: 5px 0px 5px 5px;  
    -webkit-border-radius: 5px 0px 5px 5px;  
    border-radius: 5px 0px 5px 5px;  
}  
#megamenu li:hover .align_right {  
    left:auto;  
    rightright:-1px;  
    top:auto;  
}  

/* Drop Down Content Stylings */  
  
#megamenu p, #megamenu h2, #megamenu h3, #megamenu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    font-size:12px;
	text-align:left;
	color:#535353;

}  
#megamenu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #535353;  
}  
#megamenu h3 {  
    font-size:14px;
	padding-top:7px;

}  
#megamenu p {  
    line-height:18px;  
    margin:0 0 10px 0;  
}  
  
#megamenu li:hover div a {  
    font-size:12px;  
    color:#015b86;  
}  
#megamenu li:hover div a:hover {  
    color:#029feb;  
}  

.strongmega {  
    font-weight:bold;  
}  
.italicmega {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Image sticks to the left */  
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#megamenu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;   
    padding:4px 6px 4px 6px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#megamenu li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  
#megamenu li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;   
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  
#megamenu li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}  
#megamenu li .greybox li {  
    background:#ffffff;  
    border:1px solid #aaaaaa; 
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:160px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#megamenu li .greybox li:hover {  
    background:#e5e5e5;  
    border:1px solid #bbbbbb; 
	padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
} 

/* End Mega Menu Styles */