/*=STRUCTURE marysoffice.com
=== === === === === === === === === === */

* {
	margin:0;
	padding:0;
}



#wrapper img {
	border:0;
}

#wrapper * {
	margin:0;
	padding:0;
}

#wrapper {
	background-image:url(http://nhfo.org/images/bg_blue.png);
	background-position:center;
	background-repeat:repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	display:block;
	overflow:hidden;
}
#hcontainer { 
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:28px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:12px 0 0 0;
} 
/* IE7 Only */
/**:first-child+html #hcontainer {
 	margin-top:0;
}*/




/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the "#sidebar1 p" rule.
*/

#mainContent {
 	float: right;
	margin:0 auto;	
}
/* IE7 Only */
/**:first-child+html #mainContent {
 	margin:0 1px 0 1px;
 	padding:15px 0 8px 0;
}*/


#mainContent div#links {
font-family:Arial, Helvetica, sans-serif;
}
#mainContent div#links ul {
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
}
#mainContent div#links li {
display: inline; /* Menu links are horizontally aligned using display: inline */
}
#mainContent div#links li a {
padding: 11px 18px 12px 18px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
color:#ccc;
text-decoration: none;
font-size:14px;
font-weight:bold;
}
#mainContent div#links li a:hover {
color:#fff;
background-image:url(http://nhfo.org/lilbit/images/bg.jpg);
background-position:center;
background-repeat:repeat-x;
font-size:13px;
font-weight:bold;
} 


/*BODY BACKGROUND START**********************************************/
body { 
background-color:#0f2b45; 
color: #000000; 
background-image: url(images/bgoffice.png); */ 
/* background-image: url(http://nhfo.org/images/bg.gif); */ 
}

p {
margin:0 0 8px 0;
}
a {
text-decoration:none;
}

#red {
color:#cc0000;
}
/*BODY BACKGROUND END**********************************************/





/* IE7 Only */
*:first-child+html #wrapper {
top:0;
}
/*CONTAINER DROP SHADOW START**********************************************/



/*ALL ATTRIBUTES OF THE CONTAINER START**********************************************/
#container {
width: 800px;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:0; 
background-color: #ffffff;
background-image: url(images/bgbtm.png);
background-repeat: no-repeat;
background-position: bottom;
border-left: solid #0f2b45 2px;
border-right: solid #0f2b45 2px;
border-bottom: solid #000000 2px;
font-size: 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333333;
line-height:1.5;
}
/* IE7 Only */
*:first-child+html #container {
font-size:12px;
}
#container h1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#333333;
margin:20px 0 0 0;
}
#container h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
color:#333333;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h4 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-transform:uppercase;
margin:15px 0 0 0;
}
#container h5 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:15px 0 0 0;
}
#container h1 a,
#container h2 a,
#container h3 a,
#container h4 a,
#container h5 {
color:#333333;
text-decoration:none;
}
#container h1 a:hover, a:active, a:visited,
#container h2 a:hover, a:active, a:visited,
#container h3 a:hover, a:active, a:visited,
#container h4 a:hover, a:active, a:visited,
#container h5 a:hover, a:active, a:visited {
color:#0f2b45;
text-decoration:none;
}

#header {
width:800px;
background: #0f2b45 url(images/mologo800.jpg) no-repeat; 
height:140px;
margin:0;
padding:0;
}

#container a{
padding:0;
margin:0;
}

.turq {color: #4d9eb9;}

/*CUSTOM SIDE MENU START**********************************************/




/*CUSTOM SIDE MENU END**********************************************/

span {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
text-transform: none;
}

.ml250 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-transform: none;
margin-left:  250px;
text-align:  center;
}
.ml85 {margin-left: 85px;}
.ml10 {margin-left: 10px;}
.ml25 {margin-left: 25px;}
div.pad a {
color:#41006c;
}
div.pad a:hover, a:active, a:visited {
color:#333333;
}
div.pad ul {
	list-style:inside disc;
}
div.pad ol {
	list-style:inside;
}

div.newPrice {
  color: #900;
  font-weight: bold;
}

span.red {color: red; font-size: 24px;}


span.purp   {color: #0f2b45;}

.gray {color:#b9b9b9}
span.purph1 {
 font: bold 24px  papyrus;
 color: #0f2b45;
}
.bold   {font-weight: bold;}

div.center {text-align: center};

div.show { display: block; margin-left: 1em; border-left: 1px solid #555; padding-left: 1em; }
div.hide { display: none; margin-left: 1em; border-left: 1px solid #555; padding-left: 1em; }
/*ALL ATTRIBUTES OF THE CONTAINER END**********************************************/

div#titleBarIcons a
{
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
	float: left;
	height: 31px;
	margin: 0 5px;
}

a#linkContactUs
{
	width: 35px;
	background-image: url(http://nhfo.org/mfm/images/icon_phone.gif);
}
a#linkContactUs:hover
{
	background-image: url(http://nhfo.org/mfm/images/icon_phone-over.gif);
}



div#threeBoxes
{
	border-bottom: solid 1px #B6B6B6;

	margin-bottom: 10px;
	margin-top: 6px;
	padding-bottom: 6px;
	padding-top: 3px;
	width: 751px;
}

div.middleBox
{
	position: relative;
	float: left;
	margin-left: 2px;
}
div#boxheader2
{
	width: 247px;
	height: 34px;
	background-image: url(images/boxheader2.png);
	background-position: top right;
	background-repeat: no-repeat;
}

div#boxheader
{
	width: 247px;
	height: 34px;
	background-image: url(images/boxheader.png);
	background-position: top right;
	background-repeat: no-repeat;
}

div#box1header
{
	width: 247px;
	height: 34px;
	background-image: url(images/box1header.png);
	background-position: top right;
	background-repeat: no-repeat;
}

div#box2header
{
	width: 247px;
	height: 34px;
	background-image: url(images/box2header.png);
	background-position: top right;
	background-repeat: no-repeat;
}

div#box3header
{
	width: 247px;
	height: 34px;
	background-image: url(images/box3header.png);
	background-position: top right;
	background-repeat: no-repeat;
}

div.boxcontent
{
	font-size: 1.3em;
	width: 233px;
	padding: 7px 7px;
	background-image: url(http://nhfo.org/mfm/images/boxcontent.gif);
	background-repeat: repeat-y;
}


div.boxfooter
{
	width: 247px;
	height: 19px;
	background-image: url(http://nhfo.org/mfm/images/box1footer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}




/*TOP MENU END**********************************************/



#slideshow{
 	margin: 0 30px 0 0;
     float: right;
	border:none;
	overflow:hidden;
	}


#slideshow2{
    list-style-type:none;                
	border:none;
	overflow:hidden;
 	}
/*TOP MENU START**********************************************/


/*TOP MENU END**********************************************/



/*THE FOLLOWING TWO IDS TO BE USED TOGETHER TO GET THE RIGHT RESULT*/
#rightcolumn #nav { /*USING FOR RIGHT SIDE COLUMN*/
float: right;
width: 250px;
margin:0;
padding:0;
}
#rightcolumn #nav div.pad {
padding:20px;
}
#rightcolumn #content { /*USING FOR LEFT SIDE CONTENT*/
margin:0;
padding:0;
border-right: 1px solid #CCCCCC;

}
#rightcolumn #content div.pad {
padding:5px;
}
#rightcolumn #content img {
max-width:450px;
padding:0px;
border:none;
}

#rightmenu #nav { /*USING FOR RIGHT SIDE COLUMN WHEN MENU IS DESIRED*/
float: right;
width: 150px;
margin:0;
padding:0;
}
#rightmenu #nav div.pad {
padding:20px;
}
#rightmenu #content { /*USING FOR LEFT SIDE CONTENT*/
margin:0;
padding:0;
border-right: 1px solid #CCCCCC;
width:645px;
}
#rightmenu #content div.pad {
padding:20px;
}
#rightmenu #content img {
max-width:590px;
padding:5px;
border:none;
}


	
/*THE FOLLOWING TWO IDS TO BE USED TOGETHER TO GET THE RIGHT RESULT*/
#leftcolumn #nav { /*USING FOR LEFT SIDE COLUMN*/
float: left;
width: 250px;
margin:0;
padding:0;
}
#leftcolumn #nav div.pad {

padding:10px;
}


#leftcolumn #content { /*USING FOR RIGHT SIDE CONTENT*/
margin:0;
padding:0;
margin-left: 250px;
width:545px;
}
#leftcolumn #content div.pad {
padding:20px;
}
#leftcolumn #content img {
max-width:490px;
padding:5px;
border:none;
}

.alignCenter {
text-align: center;
}


/*CUSTOM SIDE MENU START**********************************************/

#sidemenu ul {
margin:0;
padding:0 14px 0 0;
width:138px;
}
#sidemenu ul li {
list-style:none;
}
#sidemenu ul li a {
display: block;
margin:0;
padding:6px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
/*background-image:url(images/glossyback.jpg);
background-position:center;
background-repeat:repeat-x;*/
border-bottom:solid #CCCCCC 1px;
}
#sidemenu ul li a:hover, .current {
margin:0;
padding:6px;
color:#333333;
background-color:#cccccc;
/*background-image:url(images/glossyback2.jpg);
background-position:center;
background-repeat:repeat-x;*/
text-decoration:none;
}
#guestbk a {
font-size: 14px;
color:#41006c;
font-weight:normal;
text-decoration:none;
}
#guestbk a:hover {
font-size: 14px;
color:#333333;
font-weight: bold;
text-decoration:none;
}


/*CUSTOM SIDE MENU END**********************************************/




/*FOOTER TAGS START**********************************************/
#footer {
width:800px;
clear: both;
margin: 0;
padding:0;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color: #ffff66;
font-size:9px;
color:#41006c;
}
#footer a {
color:#41006c;
}
#footer a:hover, a:active, a:visited {
font:  bold 10px Arial;
color: #333333;
}
/*FOOTER TAGS END**********************************************/


	
/*GLOBAL CLASSES****************************/
a[href$='.pdf'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-pdf.png) center left no-repeat;
}
a[href$='.mp3'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-mp3.png) center left no-repeat;
}
a[href$='.doc'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-doc.png) center left no-repeat;
}
a[href$='.xls'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-excel.png) center left no-repeat;
}
a[href$='.xlsx'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-excel.png) center left no-repeat;
}
a[href$='.rss'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-rss.png) center left no-repeat;
}
a[href$='.mov'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-video.png) center left no-repeat;
}
a[href$='.m4v'] {
	display:inline-block;
	padding-left:28px;
	line-height:30px;
	background: url(images/icon-video.png) center left no-repeat;
}