html{
  height:100%;
  font-size:100.01%;
}
body{
  margin:0;
  height:100%;
  font-family:Arial, Helvetica, sans-serif;
  min-width:975px;
  font-size:64%;
  background:#086bb5;
}
#main{
  min-height:100%;
}
* html #main{height:100%;}
#header-holder{
  min-height:185px;
  background:#fff url(/custom/framework/header-bg.gif) repeat-x;
  border-bottom:5px solid #f1f1f1;
}
* html #header-holder{height:185px;}
#header{
  width:975px;
  margin:0 auto;
}
#header strong a{
  float:left;
  background:url(/custom/framework/logo.png);
  width:220px;
  height:175px;
  text-indent:-9999px;
  overflow:hidden;
  margin:9px 0 0;
}
.top-nav{
  margin:0;
  padding:0;
  text-align:right;
  z-index: 100;
}
.top-nav li{
  display:inline;
  line-height:35px;
  padding:0 0 0 28px;
  background:url(/custom/framework/top-nav-separator.gif) no-repeat 12px 3px;
  font-size:140%;
}
.top-nav li.first{background:none;}
.top-nav li a{
  font-size:100%;
  color:#fff;
  text-decoration:none;
}
.top-nav li a:hover{color:#63b6f2;}
#header .phone{
  float:right;
  margin:25px 14px 0;
  display:inline;
}
#header .phone span{
  display:block;
  width:190px;
  height:31px;
  background:url(/custom/framework/phone.gif) no-repeat;
  text-indent:-9999px;
  margin:0 0 2px;
}
#header .phone a{
  display:block;
  text-align:right;
  font-size:160%;
  line-height:18px;
  color:#000;
  text-decoration:none;
  margin:0 7px 0 0;
}
#header .phone a:hover{text-decoration:underline;}
.middle-nav{
  margin:0;
  padding:35px 14px 20px;
  text-align:right;
  clear:right;
}
.middle-nav li{
  display:inline;
  padding:0 0 2px 46px;
  background:url(/custom/framework/arrow.gif) no-repeat 35px 5px;
  line-height:16px;
  vertical-align:top;
  font-size:140%;
}
.middle-nav li.rss{background:url(/custom/framework/rss.gif) no-repeat 27px 0px;}
.middle-nav li a{
  color:#0668b3;
  font-size:100%;
  text-decoration:none;
}
.middle-nav li a:hover{text-decoration:underline;}
#container{padding:0 0 200px;}
.content-holder{
  background:#086bb5 url(/custom/framework/home-content-bg.gif) repeat-x 0 100%;
}
.wrapper{
  background:url(/custom/framework/blue-bg.gif) no-repeat 50% 100%;
  min-height:305px;
}
* html .wrapper{height:305px;}

#content-wrapper{
  width:975px;
  margin:0 auto;
}
#content-wrapper-home{
  width:975px;
  margin:0 auto;
  display:table;
}

#content-wrapper #introcontent, #content-wrapper-home #introcontent{
  width:394px;
  float:left;
  padding:0 10px 0 0;
}
#introcontent h1{
  margin:35px 0 0;
  font-size:240%;
  font-weight:normal;
  color:#fff;
}
#introcontent h1 span{
  font-size:80%;
  color:#000;
  display:block;
}
#introcontent p{
  margin:14px 0 10px;
  font-size:140%;
  line-height:20px;
}
#introcontent a{
  color:#fff;
  font-size:140%;
  float:right;
  padding:0 10px 0 26px;
  background:url(/custom/framework/arrow-2.gif) no-repeat 8px 50%;
}
#introcontent p a{
  padding:0;
  float:none;
  background:none;
  font-size:100%;
}
#introcontent a:hover{color:#80D2F2;}
#content-wrapper .flash{
  width:571px;
  float:right;
  margin:-17px 0 0;
  position:relative;
}
.column-holder{background:#222;}
.column-wrapper{
  width:975px;
  margin:0 auto;
  background:url(/custom/framework/grid.gif) no-repeat;
  padding:15px 0 25px;
}
#four-columns{
  width:975px;
  background:url(/custom/framework/columns-bg.gif) repeat-y;
  overflow:hidden;
}
.bottom{
  background:url(/custom/framework/bottom-columns.gif) no-repeat 0 100%;
  padding:0 0 7px;
}
.column{
  float:left;
  width:215px;
  margin:0 25px 0 0;
  background:url(/custom/framework/top-colums.gif) no-repeat;
  padding:5px 5px 40px;
  position:relative;
  min-height:328px;
}
* html .column{height:328px;}
.column.last{margin:0;}
.column h2{
  margin:0 0 1px;
  font-size:180%;
  font-weight:normal;
  text-align:center;
  line-height:36px;
  height:36px;
  width:215px;
}
.column h2.yellow{background:url(/custom/framework/yellow-h2.gif) no-repeat;}
.column h2.green{background:url(/custom/framework/green-h2.gif) no-repeat;}
.column h2.orange{background:url(/custom/framework/orange-h2.gif) no-repeat;}
.column h2.purple{background:url(/custom/framework/purple.gif) no-repeat;}
.column h2 a{
  color:#fff;
  text-decoration:none;
}
.column h2 a:hover{text-decoration:underline;}
.column img{border:1px solid #b9b9b9;}
.column p{
  margin:0;
  font-size:140%;
  padding:12px 7px 0;
}
.column a.button{
  display:block;
  width:191px;
  height:32px;
  background:url(/custom/framework/button.gif) no-repeat;
  text-align:center;
  text-decoration:none;
  position:absolute;
  bottom:-2px;
  left:17px;
  line-height:32px;
  font-size:140%;
  color:#7a7a7a;
}
.column a.button:hover{
  background:url(/custom/framework/button-hover.gif) no-repeat;
  color:#fff;
}
#footer-holder{
  height:200px;
  position:relative;
  background:url(/custom/framework/footer-bg.gif) repeat-x;
  margin-top:-200px;
}
#footer{
  width:975px;
  margin:0 auto;
}
#footer strong a{
  background:url(/custom/framework/logo1.gif) no-repeat;
  width:153px;
  height:145px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  float:right;
  margin:28px 34px 0 0;
}
.footer-nav{
  margin:0;
  padding:27px 0 0;
}
.footer-nav li{
  display:inline;
  padding:0 0 0 19px;
  background:url(/custom/framework/bull.gif) no-repeat 6px 50%;
}
.footer-nav li.first{padding:0; background:none;}
.footer-nav li a{
  color:#fff;
  text-decoration:none;
  font-size:140%;
}
#footer p a:hover, .footer-nav li a:hover{color:#63b6f2; text-decoration:underline;}
#footer img{
  float:left;
  margin:47px 0 0;
}
#footer p{
  margin:28px 0 0 11px;
  width:560px;
  color:#63b6f2;
  font-size:140%;
  float:left;
}
#footer p span{
  color:#fff;
  font-size:180%;
}
#footer p a{
  color:#fff;
  text-decoration:none;
  padding:0 0 0 19px;
  background:url(/custom/framework/bull.gif) no-repeat 6px 50%;
}
#footer p a.first{padding:0; background:none;}
/*                 second page                       */
.crumb-holder{
  min-height:55px;
  background:#086bb5 url(/custom/framework/crumb-bg.gif) repeat-x 0 100%;
}
* html .crumb-holder{height:55px;}
.crumb{
  min-height:35px;
  background:url(/custom/framework/bottom-crumb.gif) no-repeat 0 100%;
  width:975px;
  margin:0 auto;
  padding:0 0 20px;
  position:relative;
}
.crumb p{
  margin:0;
  color:#fff;
  font-size:110%;
  float:left;
  line-height:35px;
  font-style:italic;
}
.crumb ul{
  margin:0;
  padding:0;
  width:660px;
}
.crumb ul li{
  display:inline;
  line-height:35px;
  font-weight:bold;
  font-size:110%;
  color:#fff;
  padding:0 16px 0 5px;
  background:url(/custom/framework/arrow3.gif) no-repeat 100% 50%;
}
.crumb ul li.last{background:none;}
.crumb ul li a{
  font-weight:normal;
  color:#fff;
}
.crumb ul li a:hover{color:#CFEAFE;}
.about .content-holder{
  background:#fff url(/custom/framework/content-bg.gif) repeat-x;
}
.about .wrapper{
  background:url(/custom/framework/about-bg.gif) repeat-y;
  width:975px;
  margin:0 auto;
  display:table;
  padding: 0 0 40px;
}
#content{
  background:url(/custom/framework/content-bg.gif) repeat-x;
  width:635px;
  float:left;
  padding:0 25px 0 0;
}
#content h1{
  margin:23px 0 20px;
  color:#0668b3;
  font-size:260%;
  font-weight:normal;
}
#content h2{
  margin:0;
  padding:13px 0 0;
  font-size:200%;
}
#content p{
  margin:0 0 25px;
  font-size:140%;
  line-height:20px;
}

#content td {
  font-size: 14px;
  line-height:20px;
}

#content p.partner{margin:0;}
#content ul{
  margin:0;
  padding:0 0 0 45px;
}

#content ol{
  margin:0;
  padding:0 0 0 45px;
}

#content ol li{
  padding:0 0 0 25px;
  line-height:28px;
  font-size:140%;
}

#content ul li{
  padding:0 0 0 25px;
  list-style-type:none;
  background:url(/custom/framework/arrow2.gif) no-repeat 0 8px;
  line-height:28px;
  font-size:140%;
}
#content a{
  font-size:100%;
  color:#0767b3;
}
#content a:hover{text-decoration:none;}
#right-column{
  width:299px;
  float:right;
  padding:0 0 0 8px;
}
#picture{
  width:299px;
  padding:0 0 21px;
  position:relative;
  margin:-77px 0 0;
  position:relative;
  z-index:999;
}
#picture .bottom{
  display:block;
  width:299px;
  height:17px;
  background:url(/custom/framework/bottom-photo.png) no-repeat;
  position:absolute;
  bottom:0;
  left:0;
}
.top-photo{
  background:url(/custom/framework/top-photo.png) no-repeat;
  padding:17px 0 0;
  height:1%;
}
.photo{
  background:url(/custom/framework/photo-bg.png) repeat-y;
  padding:0 17px;
  height:1%;
}

#right-column h2{
  margin: 20px 0 0 0;
  font-size:16;
  font-weight:bold;
  text-align: left;
  line-height:36px;
  color: #ffffff;
}

#right-column p{
  color: #cccccc;
}

ol.commentlist p li {
  font-size: 14px;
}

ol.commentlist p li p {
  font-size: 14px;
}

ol.commentlist p li div.comment-body p {
  font-size: 14px;
}


.side-nav{
  margin:0;
  padding:0;
  list-style-type:none;
  width:285px;
}
.side-nav li{border-bottom:1px solid #656565;}
.side-nav a{
  display:block;
  line-height:35px;
  background:url(/custom/framework/bull2.gif) no-repeat 8px 50%;
  padding:0 0 0 21px;
  color:#086bb5;
  font-size:140%;
  text-decoration:none;
}
.side-nav a:hover{
  background:#086bb5;
  color:#fff;
}
.main-nav{
  margin:68px 0 0 23px;
  padding:0;
  list-style-type:none;
}
.main-nav a{
  display:block;
  line-height:41px;
  margin:0 0 12px;
  font-size:180%;
  color:#fff;
  padding:0 0 0 55px;
}
* html .main-nav a{display:inline-block;}
.main-nav a:hover{
  text-decoration:none;
  color:#CFEAFE;
}
.main-nav a.yellow{background:url(/custom/framework/yellow-arrow.gif) no-repeat;}
.main-nav a.green{background:url(/custom/framework/green-arrow.gif) no-repeat;}
.main-nav a.orange{background:url(/custom/framework/orange-arrow.gif) no-repeat;}
.main-nav a.purple{background:url(/custom/framework/purple-arrow.gif) no-repeat;}

/*-------------------------Any Link Styles-------------------------*/
.anylinkcss{
     position: absolute;
     visibility: hidden;
     border: 1px solid #AAAAAA;
     border-bottom-width: 0px;
     text-align: left;
     font: normal 13px Arial, sans-serif;
     line-height: 22px;
     z-index: 2000;
     width: 225px;
     padding: 0px 0px 0px 0px;
     margin: 14px 0 0 0px;
     background-color: #222222;

}

.anylinkcss a:link, .anylinkcss a:active, .anylinkcss a:visited {
     display: block;
     padding: 5px 0px 6px 10px;
     *padding: 5px 0px 7px 10px;
     text-decoration: none;
     text-align: left;
     color: #FFFFFF;
     font: normal 13px Arial, sans-serif;
     line-height: 16px;
     border-bottom: 1px solid #AAAAAA;
     background-color: #222222;
     z-index: 2000;
}

.anylinkcss a:hover {
     display: block;
     padding: 5px 0px 6px 10px;
     *padding: 5px 0px 7px 10px;
     text-decoration: none;
     text-align: left;
     color: #FFFFFF;
     font: normal 13px Arial, sans-serif;
     line-height: 16px;
     border-bottom: 1px solid #AAAAAA;
     background-color: #0668B3;
     z-index: 2000;
}