*{margin:0; padding:0;}

body {
margin:0;
padding:0;
border:0;
color:#000;
font-size:62.5%;
line-height:2em;
font-family:"Times New Roman", Times, serif;
background-image:url(../img/background.gif);
text-align:center;
}

li li {
font-size: 1em;
}

#frame {
position:relative;
width:760px;
margin: 0 auto;
clear:left;
}


#double-column-layout {
width:760px;
}

#contact-layout {
width:360px;
margin: 0 auto;
}

#double-column-right {
width:360px;
float:right;
}

#double-column-left {
width:360px;
float:left;
}

#double-column {
margin-top:20px;
background:url(../img/double-column-blueborder.gif) no-repeat;
}

#double-column-bottom {
padding: 0 30px 30px 30px;
margin-bottom:20px;
background:url(../img/double-column-blueborderbot.gif) bottom no-repeat;
}

#double-column h3.boxtitle {
margin:0 30px 20px 30px;
font-size:2.2em;
letter-spacing:.1em;
color:#7d1414;
}

#single-column-redbox h3.boxtitle {
margin:0 220px 20px 220px;
font-size:2.8em;
letter-spacing:.1em;
color:#405366;
}

#single-column-bluebox h3.boxtitle {
margin:0 220px 20px 220px;
font-size:2.8em;
letter-spacing:.1em;
color:#7d1414;
}

#single-column-widebox h3.boxtitle {
margin:0 120px 20px 120px;
font-size:2.8em;
letter-spacing:.1em;
color:#7d1414;
}

#single-column-widebox h3.blueboxtitle {
margin:0 120px 20px 120px;
font-size:2.8em;
letter-spacing:.1em;
color:#405366;
}

h2 {
color: #000;
font-family:"Times New Roman", "Times", serif;
font-size: 1.2em;
font-weight: bold;
text-align:center;
}

h3 {
color: #405366;
font-family:"Times New Roman", "Times", serif;
font-size: 2.5em;
font-weight: bold;
text-align:center;
line-height:1em;
}

h3.italic {
color: #405366;
font-family:"Times New Roman", "Times", serif;
font-size: 1.5em;
font-weight: bold;
font-style:italic;
text-align:left;
line-height:2em;
}

h3.left {
text-align:left;
color:#7d1414;
}

h4 {
text-align: center;
font-size:1.6em;
text-indent:1.5em;
font-family:arial, sans-serif;
letter-spacing:.1em;
}

h4.no-indent {
text-indent:0;
}

h5 {
text-align: justify;
font-size:1.6em;
font-family:arial, sans-serif;
letter-spacing:.1em;
}

h6 {
color: #000;
font-family:"Times New Roman", "Times", serif;
font-size: 100%;
font-weight: bold;
text-align:right;
}


p {
text-align: justify;
font-size:1.6em;
text-indent:1.5em;
font-family:arial, sans-serif;
letter-spacing:.1em;
}

p.emphasis {
text-align:center;
text-indent:0;
font-style:italic;
font-size:1.8em;
}

input.contact {
font-size:1em;
font-family:arial, sans-serif;
width:100%;
}

textarea.contact {
font-size:1em;
font-family:arial, sans-serif;
width:100%;
}

select {
width:100%;
}

#single-column-bluebox {
margin-top:20px;
background:url(../img/single-column-blueborder.gif) no-repeat;
}
#single-column-bluebox-bottom {
padding: 0 30px 30px 30px;
margin-bottom:20px;
background:url(../img/single-column-blueborderbot.gif) bottom no-repeat;
}

#single-column-redbox {
margin-top:20px;
background:url(../img/single-column-redborder.gif) no-repeat;
}
#single-column-redbox-bottom {
padding: 0 30px 30px 30px;
margin-bottom:20px;
background:url(../img/single-column-redborderbot.gif) bottom no-repeat;
}

#single-column-widebox {
margin-top:20px;
background:url(../img/single-widecol-blueborder.gif) no-repeat;
}

/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */







/* header navigation elements */

#navmenu{
top:64px;
width:760px;
height:40px;
border:0;
padding:0;
margin:0 auto;
}

#navmenu ul{
position: relative;
width:760px;
height:40px;
background: url(../img/navmenu-bg.gif);
margin: 0;
padding: 0;
}

#navmenu ul li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top:0;
}

#navmenu ul li, #navmenu a{
display:block;
height:40px;
border-bottom:0;
}

#navmenu ul li a{
text-indent:-9999px;
text-decoration:none;
}

#nav1{left:4px; top:0; width:78px;}
#nav2{left:83px; top:0; width:120px;}
#nav3{left:204px; top:0; width:159px;}
#nav4{left:364px; top:0; width:187px;}
#nav5{left:551px; top:0; width:110px;}
#nav6{left:662px; top:0; width:94px;}

#nav1 a:hover {background: transparent url(../img/navmenu-bg.gif) -4px -40px no-repeat;border-bottom:0;}
#nav2 a:hover {background: transparent url(../img/navmenu-bg.gif) -83px -40px no-repeat;border-bottom:0;}
#nav3 a:hover {background: transparent url(../img/navmenu-bg.gif) -204px -40px no-repeat;border-bottom:0;}
#nav4 a:hover {background: transparent url(../img/navmenu-bg.gif) -364px -40px no-repeat;border-bottom:0;}
#nav5 a:hover {background: transparent url(../img/navmenu-bg.gif) -551px -40px no-repeat;border-bottom:0;}
#nav6 a:hover {background: transparent url(../img/navmenu-bg.gif) -662px -40px no-repeat;border-bottom:0;}

#nav1active {left:-4px; width:78px; background: transparent url(../img/navmenu-bg.gif) -4px -80px no-repeat;}
#nav2active {left:83px; width:120px; background: transparent url(../img/navmenu-bg.gif) -83px -80px no-repeat;}
#nav3active {left:204px; width:159px; background: transparent url(../img/navmenu-bg.gif) -204px -80px no-repeat;}
#nav4active {left:364px; width:187px; background: transparent url(../img/navmenu-bg.gif) -364px -80px no-repeat;}
#nav5active {left:551px; width:110px; background: transparent url(../img/navmenu-bg.gif) -551px -80px no-repeat;}
#nav6active {left:662px; width:94px; background: transparent url(../img/navmenu-bg.gif) -662px -80px no-repeat;}


a{color:#4e657c;text-decoration:none;border-bottom:1px dotted #7d1414;cursor:pointer;}
a:hover{color:#7d1414;text-decoration:none;border-bottom:1px solid #7d1414;}

ul.body{
text-align:justify;
font-family:arial, sans-serif;
font-size:1.4em;
padding:0 60px;
list-style-type:square;
}

ol {
text-align:justify;
font-family:arial, sans-serif;
font-size:1.4em;
padding:0 60px;
}

ol li {
padding:10px 0;
}

li.body{
padding:10px 0;
}


.screenhide, form.zoomscreenhide {display:none;}
#access li.screeninvis, #access li.screeninvis	{visibility:hidden;}
.isearchholder{width:760px;text-align:right;margin:5px auto;}

#title {
width:760px;
height:64px;
margin:0 auto;
text-indent:-9999px;
text-decoration:none;
background: transparent url(../img/title.gif);
}

#header {
width:100%;
height:104px;
background: transparent url(../img/header-bg.gif);
}


#navsubmenu{top:120px;width:760px;text-align:center;padding:0;margin:0 auto;border-bottom:2px dotted #4e657c;font-size:140%;}

#crumbs{
width:760px;
margin: 1em auto;
}

#crumbs ul{list-style: none;padding:0;margin:0;color:#7d1414;}
#crumbs ul li{font-size:100%;display:inline;padding:0 0 0 20px; background: url(../img/bg_a_crumbs.gif) left no-repeat;}
#crumbs strong{font: italic 300 120% serif;color:#000;padding-right:3px;}
#crumbs li.linobg{padding:0; background:none;}

ul.linear{list-style:none;margin:0.5em 0;padding:0;line-height:1em;}
ul.linear li{display:inline;margin:0;padding:0 0.75em;}
#navsubmenu a{border:0;color:#4e657c;}
#navsubmenu a:hover{border:0;color:#7d1414;}

#footer{
width:760px;
margin:0 auto;
font-size:1.2em;
line-height:1.5em;
text-align:left;
margin:0;
padding:20px 0 0 0;
}

#footer ul li{
display:inline;
padding:0 10px 0 0;
margin:0 0 15px 0;
}
