* { margin:0;padding:0;border: 0px none;}
ul, ol, li { list-style-type:none; }


a { text-decoration: underline; color: #0081c2; }
a:hover {color: #333;}


body {
font: 12px/16px Arial, Helvetica, sans-serif;  
background: #fff;
color: #444;
}
.wrapper {
width: 940px;
margin: 0 auto;
}


/* logo, search & main nav elements */
.header {
width: 900px;
height: 85px;
padding: 20px 0 25px 40px;
margin: 0 0 15px;
background: url(../images/ruler.gif) 0 bottom no-repeat;
}
.header img.logo { 
float: left;
font: bold 22px/24px "Arial", Helvetica, sans-serif;
}
.header form {float: right; width: 230px;margin: 10px 0 0; padding: 0 15px 0 0;}
.header form input {
background: #eee url(../images/search-input-bg.gif) 0 0 no-repeat;
float: left;
border: 0;
margin: 0;
color: #999;
width: 170px;
height: 23px;
font: 14px/14px Arial, Helvetica, sans-serif;  
padding: 7px 5px 0 10px;
}
.header form input:focus{ color: #444; }
.header form input.btn {
width: auto;
height: auto; 
float: right;
border: 0; 
padding: 0; 
margin: 0;
outline: none;
color: #0081c2;
height: 30px;
}
.header ul {float: right;}
.header ul li {
float: left;
margin: 0 5px 0 0;
font: 18px/18px Arial, Helvetica, sans-serif;  
}
.header ul li a {
color: #999;
float: left;
padding: 0 10px;
text-decoration: none;
}
.header ul li a.current { color: #444;}
.header ul li a:hover { color: #0066ae;}
/* end header elements */



/* left side on home page */
.left-home {
width: 630px;
float: left;
margin: 0 0 25px;
}
img.banner {font: bold 25px/27px Arial, Helvetica, sans-serif;}
.header ul li a {
color: #999;
float: left;
padding: 0 10px;
text-decoration: none;
}
.header ul li a.current { color: #444;}
.header ul li a:hover { color: #0066ae;}
/* end header elements */



/* left side on home page */
.left-home {
width: 630px;
float: left;
margin: 0 0 25px;
}
.left-home h1 {
color: #0000cc; 
background: #fff;
margin: 0 0 17px; 
padding: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
behavior: none;
}
.box-home {
width: 305px;
height: 174px;
margin: 0 15px 15px 0;
float: left;
background: url(../images/box-305-bg.gif) 0 bottom no-repeat;
}
.box-home h2, .box-partners h2 {
background: #999 url(../images/box-305-head.gif) 0 0 no-repeat;
height: 32px;
font: bold 14px/18px Arial, Helvetica, sans-serif; 
padding: 13px 0 0 15px;
margin: 0 0 10px;
color: #fff; 
}
.box-home h3 {margin: 0 15px 2px;}
.box-home p { margin: 0 15px 8px;}
.box-home .ruler { height: 1px; border-top: 1px solid #999;line-height: 0; font-size: 0; margin: 0 15px 5px;}
.box-partners {
width: 305px;
height: 174px;
margin: 0 0 15px 0;
float: left;
}
.box-partners h2 {background: #999 url(../images/box-partners-head.gif) 0 0 no-repeat;}




/* accordion on home page */
ul#accordion {
width: 300px;
float: right;
margin: 0 0 25px;
}
ul#accordion a {
display: block;
text-decoration: none;	
}
ul#accordion li { float: left;}
ul#accordion li a {
background-image: url(../images/accordion-topcorners.png) 0 0 no-repeat;
color: #fff;
float: left;
width: 300px;	
height: 35px;
padding: 15px 0 0;
font: bold 20px/22px Arial, Helvetica, sans-serif;  
text-align: center;
}
ul#accordion li.purple a {background: #330099 url(../images/accordion-corners-top.png) 0 0 no-repeat;}
ul#accordion li.red a {background: #cc0000 url(../images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.yellow a {background: #ff8a00 url(../images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.blue a {background: #0081c2 url(../images/accordion-corners.png) 0 0 no-repeat;}
ul#accordion li.green a {background: #006600 url(../images/accordion-corners.png) 0 0 no-repeat;}
*html ul#accordion li.purple a {background: #330099;}/* fix for png images in IE6 */
*html ul#accordion li.red a {background: #cc0000;}/* fix for png images in IE6 */
*html ul#accordion li.yellow a {background: #ff8a00;}/* fix for png images in IE6 */
*html ul#accordion li.blue a {background: #0081c2;}/* fix for png images in IE6 */
*html ul#accordion li.green a {background: #006600;}/* fix for png images in IE6 */
ul#accordion li ul {
padding: 200px 0 0;
border-top: 2px solid #fff;
height: 160px;
float: left;
}
ul#accordion li.purple ul {background: #999 url(../images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.red ul {background: #999 url(../images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.yellow ul {background: #999 url(../images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.blue ul {background: #999 url(../images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.green ul {background: #999 url(../images/accordion-application.jpg) 0 0 no-repeat;}
ul#accordion li.purple ul li a,
ul#accordion li.red ul li a,
ul#accordion li.yellow ul li a,
ul#accordion li.blue ul li a,
ul#accordion li.green ul li a {
background: url(../images/accordion-trans.png) 0 0 repeat;
color: #fff;
font-weight: normal;
text-align: left;
padding: 8px 0 0 15px;
height: 32px;
width: 285px;
}
ul#accordion li ul li a:hover {text-decoration: underline;}
/* end accordion */



/* common font styles */
h1 {
font: bold 24px/28px Arial, Helvetica, sans-serif; 
color: #fff; 
background: #0066ae;
margin: 0 0 15px;
padding: 15px 15px 13px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
behavior: url(css/border-radius.htc);
}
h1 span { 
font: normal 17px/19px Arial, Helvetica, sans-serif; 
color: #99c5e4; 
background: url(../images/h1-divider.png) 0 0 repeat-y;
padding: 3px 20px;
margin: 0 15px;
}
h1.red {background: #cc0000;} h1.red span {color: #eaa2a2; }
h2 {
color: #0066ae;
font: bold 20px/24px Arial, Helvetica, sans-serif; 
margin: 0 15px 15px;
}
h3 {
font: bold 14px/18px Arial, Helvetica, sans-serif; 
color: #0066ae; 
margin: 0 15px 15px;
}
h4 {
font: normal 15px/19px Arial, Helvetica, sans-serif; 
margin: 0 15px 15px;
color: #333;
}
p {margin: 0 15px 15px;	}
p.backtotop a {
background: url(../images/backtotop-arrow.gif) 0 0 no-repeat;
padding-left: 13px;
}
p.light strong.gap {margin: 0 0 0 25px;}
p.light {color: #999;}
.content .column-left-wide ul {margin: 0 40px 15px; list-style-type: disc;}
.content .column-left-wide ul li {margin: 0 0 8px;list-style-type: disc;}

/* main content area and various elements within */
.content { width: 940px; clear: both;}
.content .column-left-wide {width: 710px; float: left;}
.content .column-right-narrow {width: 200px; float: right;}
.content .column-left-wide .ruler { 
height: 1px; 
line-height: 0; 
font-size: 0; 
margin: 0 0 15px;
clear: both;
background: url(../images/ruler-700.gif) 0 0 no-repeat;
}



/* call to action at bottom of pages */
.btm-contacts {
clear: both;
padding: 0 15px 0;
margin: 0 0 15px;
background: #e5e5e5;
border: 1px solid #e5e5e5;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;
text-align: center;
font: 12px/33px Arial, Helvetica, sans-serif;  
}


.caption-img {
float: left;
font: italic 12px/15px Arial, Helvetica, sans-serif;  
text-align: center;
margin: 0 20px 15px 0;
}
.caption-img img { margin: 0 0 10px;}



/* evants & news landing pages */
.feature-item {float: left; padding: 0 0 5px;}
.feature-item img {float: left; margin: 0 20px 10px 0;}
.feature-item h3, .feature-item p {margin: 0 0 8px;}



/* landing page boxes */
.landing-box {
width: 300px;
float: left;
text-align: center;
margin: 0 16px 16px 0;
background: #fff;
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;
}
.landing-box h2 {
background: #999;
color: #fff;
text-align: left;
padding: 10px 5px 10px 15px;
margin: 0 auto 10px;
font: bold 14px/16px Arial, Helvetica, sans-serif;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(css/border-radius.htc);
border-radius: 8px;
}
.landing-box p {text-align: left;}
.nomargin { margin-right: 0;}
.landing-box img { margin: 0 auto 7px;}
.landing-box p.more-btn a {
padding: 3px 10px;
color: #fff; 
background: #0066ae;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(css/border-radius.htc);
border-radius: 5px;
text-decoration: none;
font-size: 11px;
}
.landing-box p.more-btn a:hover {text-decoration: underline;}



/* landing page boxes */
.content .column-right-narrow .links {
width: 200px;
float: left;
margin: 0 0 15px;
padding: 0 0 15px;
background: #fff;
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(css/border-radius.htc);
border-radius: 10px;
}
.content .column-right-narrow .links h2 {
background: #999;
color: #fff;
text-align: left;
padding: 10px 5px 10px 15px;
margin: 0 0 5px;
font: bold 14px/16px Arial, Helvetica, sans-serif;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(css/border-radius.htc);
border-radius: 8px;
}
.content .column-right-narrow .links a {
border-bottom: 1px solid #999;
padding: 8px 0;
margin: 0 15px;
text-decoration: none;
width: 170px;
display: block;
font: normal 12px/14px Arial, Helvetica, sans-serif;
}
.content .column-right-narrow .links a strong { padding: 0 0 0 3px;}
.content .column-right-narrow .links a.current { color:#333;}



/* clear everything (sometimes needed for IE 6) */
.clearall { 
width: 100%;
clear: both;
line-height: 0;
font-size: 0;
margin: 0;
}



/* footer styles */
ul.footer {
background: url(../images/ruler.gif) 0 0 no-repeat;
padding: 15px 0 25px;
width: 940px;
float: right;
}
ul.footer li {
float: right;
margin: 0 5px 0 0;
font: 18px/20px Arial, Helvetica, sans-serif;  
}
ul.footer li a {
color: #999;
float: left;
padding: 0 10px;
text-decoration: none;
}
ul.footer li a.current { color: #444;}
ul.footer li a:hover { color: #0066ae;}
/* end header elements */