body  { background-image:url(../images/nsc-bg.gif); margin: 0; padding:0; 
/* good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align: center;
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
html { height: 100%; margin-bottom: 1px; 
}
li { list-style-position: inside;
}

/* -------------------------------------------------------------------- GLOBAL & LAYOUT styles used in templates */
.twoColFixLtHdr #container { width: 990px; margin: 0 auto; text-align: left; background-color: #FFFFFF; padding:2px;
} 
.twoColFixLtHdr #header { padding: 0px; height: 122px; width: 990px; background-color: #FFFFFF; 
    background-image: url(../images/header-bg.gif);
} 
.twoColFixLtHdr #logobox { float: left; height: 117px; width: 397px; margin-left: 5px; margin-top: 5px;
}
.twoColFixLtHdr #rhbox { float: right; height: 117px; width: 490px; text-align: right;
	margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 10px;
}
.twoColFixLtHdr #sidebar1 { float: left; width: 172px; padding: 0px; margin-right: 2px;	margin-top: 2px;
    background-color: #FFFFFF;
}

/* the LEFT HAND SIDE MENU area (main template) ------------------------------------------------------------*/

#vertmenu a { text-decoration:none; text-align:left; font-weight: bold;
	background-color:#1C72B4; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px;
	display:block; width:167px; margin-bottom:2px; padding-left:5px;}
#vertmenu a:hover { color:#ffffff; background-color:#3CA784; 
}

/* back to main template styles ----------------------------------------------------------------------------*/

.twoColFixLtHdr #mainContent { margin-top: 2px; margin-left: 0; margin-right: 0px; margin-bottom: 0;
	padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; float: right; width: 816px;
} 
.twoColFixLtHdr #mainContentfill { margin-top: 10px; margin-right: 0px; margin-bottom: 0; margin-left: 2px;
	padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 5px; width: 795px;
} 
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;
/* placed on a div or break - the final element before the close of a container that should fully contain a float */
}
.twoColFixLtHdr #footer { padding: 0 10px 0 20px; /* matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; text-align: center;
}
.maintxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #OOOOOO; line-height: 21px; }
.maintxt a:link    {color: #278767; text-decoration: underline; }
.maintxt a:visited {color: #278767; text-decoration: underline; }
.maintxt a:hover   {color: #666666; text-decoration: underline; cursor: pointer; }
.maintxt a:active  {color: #278767; text-decoration: underline;
}
.maintxt br { line-height: 12px;
} 

/* the LEFT HAND SIDE MENU area (ipod template) ------------------------------------------------------------*/

#vertmenu2 a { text-decoration:none; text-align:left; font-weight: normal;
	background-color:#53A2DD; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px;
	display:block; width:167px; margin-bottom:2px; padding-left:5px;}
#vertmenu2 a:hover { color:#ffffff; background-color:#3CA784; 
}

/* ipod template extra styles ---------------------------------------------------------------------------------------*/

.qstn {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0061AA; line-height: 150%; font-weight:bold;}
.qstn a:link    {color: #278767; text-decoration: underline; }
.qstn a:visited {color: #278767; text-decoration: underline; }
.qstn a:hover   {color: #666666; text-decoration: underline; cursor: pointer; }
.qstn a:active  {color: #278767; text-decoration: underline;
}

/* ----------------------------------------------------------------- TEXT and OTHER styles used in the site */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #0061AA; font-weight: normal; 
     margin: 0px; margin-bottom:10px; 
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0061AA; font-weight: bold; 
     margin:0px; margin-bottom: 5px; margin-top:5px;
}
.rhimpad { margin-left:10px; margin-bottom:10px;
}
.sidepicmarg { margin-top:2px;
}
.bulletos { background-image:url(../images/bullet.gif); background-repeat: no-repeat; background-position: left top;
	padding-left:20px; margin-left: 20px; margin-top:6px; width: 400px;
}
.boxborder { border: 1px solid #1C72B4; background-color:#DDECF8;
}
.tabtxt { font-size: 11px; line-height: 17px; background-color:#EEF7FD; font-weight:bold;
}
.tabtitle { font-size: 11px; color: #FFFFFF; line-height: 17px; background-color:#278767; }
.tabtitle a:link    { color: #FFFFFF; text-decoration: underline; }
.tabtitle a:visited { color: #FFFFFF; text-decoration: underline; }
.tabtitle a:hover   { color: #FFFFFF; text-decoration: underline; cursor: pointer; }
.tabtitle a:active  { color: #FFFFFF; text-decoration: underline;
}
.black { font-size: 14px; color: #OOOOOO; font-weight:bold;
}
.formfield { border: 1px solid #1C72B4; background-color:#FFFFFF;
}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #B8B5B5; text-align:center; margin:10px;}
.ours a:link    {color: #AAA8A8; text-decoration: underline; }
.ours a:visited {color: #AAA8A8; text-decoration: underline; }
.ours a:hover   {color: #000000; text-decoration: none; cursor: pointer; }
.ours a:active  {color: #AAA8A8; text-decoration: underline;
}


/* -------- browser fixes ------------------------------------------------------------------ */ 
</style>[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]#logobox { float: left; height: 122px; width: 400px;
}