* { padding: 0; margin: 0; }

body { background-image: url(images/bkg1.jpg); 
 font-family: Arial, Helvetica, sans-serif; font-size:12px;
}


a {color:#2c6588; text-decoration:none;}
a:link { color: #2c6588; background:none; text-decoration: underline;}
a:visited { color: #000; text-decoration: underline;}
a:hover { color: #f47721;}
a:focus { color: #f47721; background:none;  }
a:active { color: #f47721;}

.orange { color: #f47721;}


#container {margin: 0 auto; 
width:936px; min-height:2500px; background: #92caeb url(images/bg-sky.jpg) no-repeat; display:block }

#header { width: 620px;
 float: left;
 padding: 30px 10px 0px 0px;
 height: 70px;
 margin: 0px 0px 5px 155px;
}

#header .mailinglist {text-align:right; padding-top:2px; font-size:10px; } 

#mainnav
{ width:620px; height:40px; padding:10px 10px 0px 10px; border-bottom:#FFF thin solid; display:table-cell; vertical-align:middle; text-transform:uppercase; font-size:10px; }

#mainnav	a {text-transform:uppercase; color:#000; padding:10px; text-decoration:none; }
#mainnav	a:visited {color:#000; padding:10px; text-decoration:none;}
#mainnav	a:hover {color:#000; padding:10px; text-decoration:none; background:url(images/nav-on.png); background-position:center; background-repeat:no-repeat;}
#mainnav	a:focus {color:#000; padding:10px; text-decoration:none; }
#mainnav	a:active {color:#000; padding:10px; text-decoration:none;}

.on {background:url(images/nav-on.png); background-position:center; background-repeat:no-repeat; padding:10px;}


#circlenav
{ width:135px; height:135px; float:right; background-image:url(images/circlebg.png); background-position:center; background-repeat:no-repeat; display:inline-block;  }

#circlenav .circlenavlinks {margin:30px 5px 0px 35px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px;}

#circlenav .circlenavlinks	a {color:#000; text-decoration:none; }
#circlenav .circlenavlinks	a:visited {color:#000; text-decoration:none; padding:10px;}
#circlenav .circlenavlinks	a:hover {color:#FFF; text-decoration:none; }
#circlenav .circlenavlinks	a:focus {color:#FFF; text-decoration:none; }
#circlenav .circlenavlinks	a:active {color:#FFF; text-decoration:none;}


#pageheader {
 float: left;
 width: 600px;
 padding: 10px;
 margin: 0px 0px 5px 155px;
 border-bottom:#FFF solid thin; display:inline;
}


#subnav { display:inline-block;
 float: left;
 width: 600px;
 padding: 10px;
 margin: 0px 0px 5px 155px;
 border-bottom:#FFF solid thin; font-size:12px;
}

#subnav	a {text-transform:uppercase; color:#000; padding:5px; text-decoration:none; }
#msubnava:visited {color:#000; padding:5px; text-decoration:none;  padding:10px;}
#subnav	a:hover {color:#ef4c26; padding:5px; text-decoration:none; }
#subnav	a:focus {color:#ef4c26; padding:5px; text-decoration:none; }
#subnav	a:active {color:#ef4c26; padding:5px; text-decoration:none;}


#content {background-image:url(images/contentbg.png); background-repeat:no-repeat; width:620px; margin: 0px 0px 0px 155px; float:left; } 

#contenthome {width:620px; margin: 0px 0px 0px 155px; float:left; } 


#contenthome .home {text-align:center; float:left; margin-left:20px;}

#onecolumn {
padding: 10px;
 margin: 0px;
 float: left;
 border-bottom:#FFF thin solid;
}

#onecolumn img {border:#FFF thin solid;  padding:5px; margin:10px; display:inline-block;}

.article {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:10px; float:left;}

#fadeshow1 {border:#FFF thin solid; padding:3px; float:right; display:inline-block; margin-left:10px;}
 
.stepcarousel{ 
position: relative; /*leave this value alone*/
border: 2px solid white;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 550px; /*Height should enough to fit largest content's height*/
}


.stepcarousel  .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel  .panel{ 
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}
 
 
 
#leftcolumn { 
width:290px;
padding: 10px;
margin: 0px;
float: left; clear:both;
}

#rightcolumn { 
width:280px;
padding: 10px;
 float: right;
 margin: 0px;
 display: inline;
}

#adbox {background:#c9e4f3; border:#000 thin solid; width: 250px; padding:20px; text-align:center; font-size:14px; display:inline-block; }

#footer {  border-top:#FFF thin solid;
 clear: both;
 margin: 0px 0px 10px 0px;
 padding: 10px; font-size:9px;
}

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }


ul {list-style:outside; margin-left:20px;}
li {margin-bottom:12px; list-style-type:circle; }

/*PAGE HEADER */
h1 {font-family:"Times New Roman", Times, serif; font-variant:small-caps; color:#000; font-size:28px; font-weight:lighter; }

/*ORANGE SUBHEADER */
h2 {font-family:Arial, Helvetica, sans-serif; color:#f47721; font-size:16px; line-height:18px; }

/*BLACK SUBHEADER */
h3 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16x; line-height:18px; }

/*BLACK SUBHEADER w WHITE BG IMAGE  */
h4 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px;text-transform:uppercase; width:auto; line-height:35px; background-image:url(images/headerbg.png); background-repeat:no-repeat; font-weight:lighter;}

/*LARGE BLUE PULLQUOTE  */
h5 {font-family:Arial, Helvetica, sans-serif; color:#2292d6; font-size:22px; line-height:22px; font-weight:normal;}