body
{
	margin:0;
	padding:0;
	min-width:800px;
	background-image: url(../images/);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-position: center 0px;
	background-color: #ffffff;
}



h1
{
	font-size:1.2em;
	margin-top:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #009A79;
	margin-bottom: 20px;
	line-height: 1.25em;
}

h2
{
	font-size:1.2em;
	margin-top:10px;
	text-decoration: underline;
	margin-bottom: 5px;
	padding: 0px;
	color: #009A79;
}

h3
{
	font-size:1.3em;
	margin-top:10px;
	color: #3E6201;
	margin-bottom: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4
{
	font-size:1.3em;
	color: #88920C;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h5
{
	font-size:1.3em;
	margin-top:10px;
	color: #0084C9;
	margin-bottom: 5px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*This is the container that encompasses everything*/
#maincontainer
{
	width: 965px;
	position:relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;	
}

/*This controls the look of all the links on the site*/
#maincontainer a
{
	color:#008cd2;
	text-decoration:none;
}

#maincontainer a:hover
{
	color:#09F;
	text-decoration:underline;
}


#head 
{
	height: 90px;
	background-repeat: no-repeat;
	background-position: 730px 43px;
	margin-bottom: 0px;
	background-image: url(../images/hrsdlogo.gif);	
}

/*Amy change font weight to bold 20120628*/
/*Amy change font color 20120524*/
/*Dana 110111*/
#announcements
{
	color:#FF0000;
	font-weight: bold;
	height:auto;
	left:10px;
	position: absolute;
	top: 20px;
	width: 712px;
	z-index:1;
}


#menu_box 
{
	float:left;
	height: 28px;
	width: 999px;
	margin-top: 60px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;	
}

#menu_boxbasic
{
	float:left;
	height: 28px;
	width: 910px;
	margin-top: 62px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #008cd2;
	margin-bottom: 10px;
}

#menubasic
{
	color: #008cd2;
	padding-left: 15px;
	word-spacing: 1em;
	margin-top: 5px;
}

#menubasic a
{
	word-spacing: 0;
	
}

#searchform
{
	text-align: left;
	float: right;
	margin-top: 0px;
	margin-right: 370px;
	margin-bottom: 0px;
	padding-left: 0px;
	height: 28px;
	top: 3px;
	position: relative;	
}

#searchformbasic
{
	margin-left: 430px;
	position: absolute;
	margin-top: 3px;
	
}

.searchtext 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}

#allcontent
{
	margin: 0px;
	width: 963px;
	/*background-image: url(../images/);
	background-repeat: repeat-x;*/
	background-color: #06F;
}


#content1
{
	width:962px;
	margin-top:0px;
	margin-left: 0px;
	height: 250px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	padding-top: 0px;
	background-color: #ffffff;
	background-image: url(../images/learnmoretab.gif);

}

#content1subpage
{
	width:965px;
	margin-left: 0px;
	height: 217px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #ffffff;
	background-image: url(../images/subpagebackground1.gif);
	background-repeat: repeat-y;
}

#content2subpage
{
	width: 1000px;
	margin-left: 0px;
	height: 300px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-image: url(../images/subpagebackground2.gif);
	background-position: 0px -60px;
	background-repeat: no-repeat;
}



#contentall
{
	width:962px;	
}


#managemyaccountbox
{
	float: left;
	width: 190px;
	height: 200px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 5px;
	line-height: 14px;
	color: #666;
	background-image: url(../images/manageaccountbox.gif);
	background-repeat: no-repeat;
	background-position: 1px 30px;
}

#managemyaccounttitle
{
	float: left;
	width: 188px;
	padding-top: 5px;
	padding-right: 10px;
	margin-bottom: -6px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	/*border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #ABC57C;
	min-height:300px;
	margin-top: 0px;*/
	background-image: url(../images/manageaccountbar.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	text-indent: 15px;
	color: #666;
}

/*This controls the look of the links for just the title of Manage My Account*/
#managemyaccounttitle a{
	color:#666666;
	text-decoration:none;
}

#managemyaccounttitle a:hover{
	color:#999999;
	text-decoration:underline;
}


#managemyaccount
{
	float: left;
	width: 188px;	
	margin-top: 0px;
	margin-left: -9px!important;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-indent: 0px;
	color: #008cd2;		
}

#managemyaccountsubpage
{
	float: left;
	width: 190px;
	height: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-top: 0px;
	line-height: 14px;
	color: #666;
	background-image: url(../images/managemyaccountsubpage.jpg);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}

/*Amy add for Customer Service page only 20141014*/
#managemyaccountsubpagechat
{
	float: left;
	width: 190px;
	height: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-top: 0px;
	line-height: 14px;
	color: #666;
	background-image: url(../images/managemyaccountsubpagechat.jpg);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
#managesubpage
{
	margin-top: 140px;
	margin-left: -20px;
	
}

#managesubpage UL {
list-style-image: url(../images/bulletgray.gif);
}

#subpageleftnav
{
	float: left;
	width: 190px;
	height: 250px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-top: 0px;
	line-height: 14px;
	color: #666;
	float:left; 
	position:relative; 
	display:block;
	z-index: 100;
}

#submenu 
{
	float:left;
	height: 28px;
	width: 150px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;
	font-weight: bold;
}

#focalpoint{
	float: right;
	width: 752px;
	height: 196px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	/*border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #ABC57C;*/
	margin-top: 5px;
	/*background-color: #036;*/
	}
	
#contentallshadow
{
	width:976px;
	background-image: url(../images/tabshadow.gif);
	height: 130px;
	background-repeat: no-repeat;
	background-position: -1px -3px;
	
		
}	

#content  a img{
	position:relative;
	top:2px;
}

img {
	max-width: 100%;
	height: auto;
}
	
	
#contentawraparound{
	float: left;
	width: 106px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;
	border-left-color: #727376;
}
	
#contenttitle{
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* font-size: 0.8em; */
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background-color: #00ac5c;
	line-height: 20px;
	font-weight: bold;
}

#contenttitle a{
	color: #FFF;
	text-decoration: none;	
}
#contenttitle a:hover{
	color: #FFF;
	text-decoration: underline;	
}
	
#content{
	float: left;
	width: 90%;
	height: 65px;
	padding-left: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #008CD2;
	/* font-size: .8em; */
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 20px;
}
	
#contentbwraparound{
	float: left;
	width: 122px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}
	

	
#contentcwraparound{
	float: left;
	width: 138px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}
	
#contentdwraparound{
	float: left;
	width: 154px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}	
	
#contentewraparound{
	float: left;
	width: 152px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}	
	
#contentfwraparound{
	float: left;
	width: 136px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}	
	
#contentgwraparound{
	float: left;
	width: 146px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00ac5c;
	border-bottom-color: #727376;	
}

#contentthreeboxes
{
	width:976px;
	padding-bottom: 8px;	
}

#contentfourboxes
{
	width:976px;
	padding-bottom: 8px;
}

#fourboxcontainer
{
	width:790px;
	padding-bottom: 0px;
	margin-left: 208px;
	height: 500px;
	float:left;
	position:relative;
	display:block;
	margin:0;
	height:auto;
	z-index: 1;
}
#fourboxcontainerrow{
	display:block; 
	clear:both;
	position:relative;
	z-index: 1;
}

#subpagecontainer
{
	width:745px;
	padding-bottom: 0px;
	/*margin-left: 208px;*/
	height: 500px;
	float:left;
	position:relative;
	display:block;
	padding-left: 10px;
	padding-right: 0px;
	height:auto;
	line-height: 1.2em;
	
}

#subpagetitle
{
	line-height: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#subbox1{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}

#subbox1wrapper{
	float: left;
	width: 385px;
	height: 135px;
	background-image: url(../images/subboxshadow.gif);
	background-repeat: no-repeat;
	background-position: 5px -3px;
	z-index: 1;
}

#subbox2{
	float: left;
	width: 365px;
	height: 115px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index: 1;
}



#subboxtitle{
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	background-color: #00ac5c;
	line-height: 20px;
	font-weight: bold;
	text-indent: 15px;
	z-index: 1;
}

#subboxtitle2{
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	background-color: #00ac5c;
	line-height: 20px;
	font-weight: bold;
	text-indent: 15px;
	background-image: url(../images/greenfadetitlebar.gif);
	z-index: 1;
}

#subcontent1{
	color: #666;
	float: left;
	width: 263px;
	height: 65px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/mouse.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#subcontent1 a{
	color: #666;
}

#subcontent2{
	float: left;
	width: 260px;
	height: 65px;
	padding-left: 95px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2em;
	background-image: url(../images/monitor.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#subcontent2 UL {
	list-style-image: url(../images/bulletgray.gif);
				
}

#subcontent3{
	float: left;
	width: 220px;
	height: 95px;
	padding-left: 130px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/phone.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	color: #666;
	z-index: 1;
}

#subcontent4{
	float: left;
	width: 140px;
	height: 90px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/house.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#subcontent4 UL {
list-style-image: url(../images/bulletgray.gif);
}
#subcontent4b{
	float: left;
	width: 120px;
	height: 90px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.2em;
	z-index: 1;
	
}

#subcontent4b UL {
list-style-image: url(../images/bulletgray.gif);
}

/*Amy add for 75 Anniversary History page box styles 20150128*/

#histsubbox1{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}


#histsubbox2{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}

#histsubbox3{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}

#histsubbox4{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}

#histsubbox5{
	float: left;
	width: 365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #727376;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #727376;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #727376;
	border-bottom-color: #727376;
	margin-right: 20px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 1;
}

#histcontent1{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1607Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent2{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1940Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent3{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1950Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent4{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1960Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent5{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1970Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent6{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1980Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent7{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date1990Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent8{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date2000Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

#histcontent9{
	color: #666;
	float: left;
	width: 260px;
	height: 85px;
	padding-left: 100px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0px;
	padding-bottom: 20px;
	line-height: 1.2em;
	background-image: url(../images/HRSDHistory/Date2010Small.gif);
	background-position: 0px -2px;
	background-repeat: no-repeat;
	z-index: 1;
}

/*end 75 Anniversary History box styles*/
	
#contenthwraparound{
	float: left;
	width: 320px;		
}	
	
#contentiwraparound{
	float: left;
	width: 320px;
	padding-left: 7px;
}	

#contentjwraparound{
	float: right;
	width: 320px;		
}

#contentkwraparound{
	float: right;
	width: 244px;		
}

#contentlwraparound{
	float: right;
	width: 244px;
}

#contentmwraparound{
	float: right;
	width: 244px;		
}

#contentnwraparound{
	float: right;
	width: 244px;
}

#contentfooter
{
	width:972px;
	position: relative;
}

#footer{
	text-align:center;
	font-size:1em;
	color: #1A3A02;
	clear: both;
	background-image: url(../images/footerbar.jpg);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	line-height:20px;
}

#footer a{
	color: #C9D9EB;
}

.footerlink {
display:none;
}


.footercenter{
	width:972px;
	padding-left: 0px;
	padding-top: 0px;
	text-align:center;	
	color: #1A3A02;
}
	
#whitetext{
	color: #FFF;
	text-align: right;
	padding-right: 30px;
	padding-bottom: 5px;		
}


/*Amy 2011-10-31 */
#whitetext a
{
	color:#FFF;
	text-decoration:none;
}


/*Amy 2011-10-31*/
#whitetext a:hover
{
	color:#FFF;
}



img{ border:none;	
}


table{
	border-collapse:collapse;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
table td{ padding:4px; }
table tr.shade{ background:#e8e8e8; }

/*STYLES THAT NEED TO BE ADDED IN THE MAIN CSS IN ORDER FOR THE MOBILE STUFF TO WORK*/

.hideformobile {
	display:inline;
	}
	
.showformobile {
	display:none;
	}	

#homepagemenucontainer #head #menubasic .hideonhomepage {
	display:none!important;
	background-color:#0CC
	}	
	

	
/*END OF STYLES THAT NEED TO BE ADDED IN THE MAIN CSS IN ORDER FOR THE MOBILE STUFF TO WORK*/


/*START OF RESPONSIVE GRID*/


@media (min-width: 100px) and (max-width: 767px) {
	
	
	
/*STYLE CHANGES THAT ARE IN NAVIGATION1.HTML FOR RESPONSIVE GRID*/	


.mobileOnly {display:block;}

	#head {
	height: 45px;
	margin-bottom: 0px;
	background-image: none;	
	}

	.logo {
	margin-top: 10px;
	display: block;
	margin-left: auto;   
	margin-right: auto;
	position: relative;
	text-align: center;	
	}
	
	#menu_boxbasic {
	float: left;
	height: 28px;
	width: 100% !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #008cd2;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #008cd2;	
	padding-bottom: 0px;
	font-size:12px;
	text-align: center;	
	}
	
	#searchformbasic {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
	position:relative;
	}
	
	#menubasic {
	color: #008cd2;
	padding-left: 0px;
	word-spacing: 1em;
	margin-top: 5px;
	text-align: center;
	}
	
/*END OF STYLE CHANGES THAT ARE IN NAVIGATION1.HTML FOR RESPONSIVE GRID*/		
	
	
/*STYLE CHANGES THAT ARE IN THE MAIN BODY OF THE PAGE FOR RESPONSIVE GRID*/

	.hideformobile { 
	display: none;
	}
	
	.showformobile {
	display:inline;
	}
	
	
	body {
	min-width:100%!important;
	}

	#maincontainer {
	width: 96%!important;	
	margin-right: auto;	
	margin-left: auto;
	margin-top: 0px;
	}
	
	#announcements {	
	width: 100%!important;	
	}
	
	#content1 {
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;	
	background-image: url(../images/xlearnmoretab.gif);
	text-align: center;	
	}
	
	#managemyaccountbox {	
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;	
	text-align: center;
	position:relative;
	float: none;
	background-image: url(../images/manageaccountbox.gif);
	background-repeat: no-repeat;
	background-position: 10px 24px;
	}
	
	#managemyaccounttitle {
	float: none;
	width: 100%;
	padding-top: 5px;
	margin-right: auto;
	margin-bottom: -6px;
	padding-bottom: 0px;
	margin-left: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(../images/manageaccountbar.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	text-indent: 0px;
	color: #666;
	position:relative;
	}


	#managemyaccount {
	float: none;
	width: 100%;	
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-indent: -5px;
	color: #008cd2;	
	text-align: center;
	display: block;
	position:relative;
	}
	
	
	#contentthreeboxes {
	width:100px;
	padding-bottom: 8px;	
	}	
	
	
	#subpageleftnav
{
	
	display:none;
	
}

#content1subpage
{
	width: 110%;
	margin-left: auto;
	margin-right: auto;
	height: 108px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #ffffff;
	background-image: url(../images/xsubpagebackground1.gif);
	background-repeat: repeat-y;
}


#content2subpage
{
	width: 90%;
	margin-left: 0px;
	height: 300px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-image: url(../images/xsubpagebackground2.gif);
	background-position: 0px -60px;
	background-repeat: no-repeat;
	
}


#subpagecontainer
{
	width:105%;
	padding-bottom: 2px;
	margin-bottom: 15px;
	height: auto;
	float:left;
	position:relative;
	display:block;
	padding-left: 10px;
	padding-right: 10px;
	height:auto;
	line-height: 1.2em;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #dedede;		
}

#managemyaccountsubpage
{
	float: none;
	width: 190px;
	height: 104px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 14px;
	color: #666;
	background-image: url(../images/managemyaccountsubpage2.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

#managesubpage
{
	margin-top: 29px;
	margin-left: -20px;
	
}

#subpagemenucontainer
{	
	width: 170px;
	padding-right: 50px;
	margin-right: auto;
	margin-left: auto;	
}

#fourboxcontainer
{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	position:relative;
	display:block;	
	height:100%;
	z-index: 1;
}

#fourboxcontainermobile
{
	margin-left: auto;
	margin-right: auto;
	width: 10px;
	padding-right: 350px;

	
}




/*END OF STYLE CHANGES THAT ARE IN THE MAIN BODY OF THE PAGE FOR RESPONSIVE GRID*/
	

/*FOOTER STYLES FOR RESPONSIVE GRID*/

	#contentfooter{
	width:100%!important;
	padding-top: 10px;
	padding-left: 0px;
	position: relative;
	
}
	
	#footer{
	width:100%!important;
	text-align: center;
	font-size:.8em;
	color: #1A3A02;
	clear: both;
	background-image: url(../images/bluebar2.gif);
	background-repeat: repeat-x; 
	line-height:28px;	
	display:block
	}

	#whitetext{
	width:100%!important;
	color: #FFF;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-top: 0px;
	}

	.footercenter{
	width:100%!important;
	padding-left: 0px;
	padding-top: 0px;
	text-align:center;
	font-size:.8em;
	color: #1A3A02;
	
}



/*END OF FOOTER STYLES FOR RESPONSIVE GRID*/

}
/*END OF RESPONSIVE GRID*/

@media (min-width: 100px) and (max-width: 340px) {

#content1subpage
{
	width: 110%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 108px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #ffffff;
	background-image: url(../images/xsubpagebackground1.gif);
	background-repeat: repeat-y;
}


}