html,body {
    margin:           0px;
    padding:          0px 0px 10px 0px;
    color:            #545655;
    background-color: #ffffff;
    font-family:      Arial,Verdana,Helvetica,sans-serif;
    font-size:        10px;
    text-align:       center;

}

html {
    overflow-y: scroll; 
}

table {
    font-family:      Arial,Verdana,Helvetica,sans-serif;
    font-size:        12px;
    border-collapse:  collapse;
}

tr.title td {
    font-weight:      bold;
    color:            #243357;
}

td.title {
    font-weight:      bold;
    color:            #243357;
}

td {
    vertical-align:	top;
}

h1 {
    font-size:        22px;
    color:            #E38B00;
}

a {
    text-decoration:  none;
    color:            #E38B00;
    margin:           0px;
    padding:          0px;
}    

a:hover {
    text-decoration:  underline;
}    

a:active {
    text-decoration:  underline;
    outline-style:    none;
}    

a.newsLink {
    color:            #545655;
}

td.newsDate {
    height:           30px;
    text-align:       right;
    color:            #E38B00;
}

.right {
float: right;
}

.left {
float: left;
}

img {
    margin:           0px;
    padding:          0px;
    border-width:     0px;
}

.screenshot {
text-align:left
}

div#main {    
    width:            989px;
    bottom:           0px;
    margin-bottom:    31px;
    color:            #666666;
    /*background-color: #FFFFFF;*/
    text-align:       left;
    border-top:       0px solid #D5D5D5;
    border-left:      0px solid #D5D5D5;
    border-right:     0px solid #999999;
    border-bottom:    0px solid #999999;
}

div {
    margin:           0px;
    padding:          0px;
    overflow:         hidden;
}

div#content {
    margin-left:      13px;
    width:            961px;
}

div#homeTopBanner {
    height:           100px;
/*    background-color: #ffffff;*/
/*background: #ffffff url(../Images/TopBannerTinted.png) top left no-repeat;*/
}

div.homeSplash {
    margin-left:      0px;
    height:           227px;
    width:            961px;
    padding-top:      0px;
    padding-left:     0px;
    background: #ffffff url(../Images/HomeSplashCityHall.jpg) top left no-repeat;
}

div.homeSplashText {
    padding-top:      0px;
    margin-top:       132px;
    padding-left:     85px;
}

h2.homeSplash {
    margin-top:       0px;
    height:           18px;
}

h2.homeSplash a {
    font-size:        14px;
    color:            #ffffff;
}

h3 {
    font-size:        1.1em;
    margin:           0px;
    padding:          0px;
    color:            #243357;
}

p.homeSplash {
    color:            #ffffff;
    font-size:        1.2em;
}

h1#topBannerLogo {
font-size: 1.4em;
position: relative;
top: 0px;
left: 0px;
height:100px;
}

h1#topBannerLogo span {
display: none;
}

ul#mainMenu {
position:relative;
list-style: none;
margin-top:     0px;
margin-bottom:  0px;
margin-left:    0px;
margin-right:   0px;
padding: 0px;
float: right;
top: 65px;
left:0px;
height: 100px;
z-index: 500;
}

ul#mainMenu li {
float: left;
margin: 0px;
padding: 0px;
}

ul#mainMenu li ul {
display: none;
list-style: none;
/*background: #4a5a74;*/
width: 989px;
position:absolute;
padding: 0px;
margin: 0px;
top: 18px;
right: 0px;
z-index: 200;
height: 20px;
/* border-top: 4px solid #fff; */
/*border-bottom: 0px solid #fff;*/
}
* html ul#mainMenu li ul {
height: 32px;
}
ul#mainMenu li ul li {
float: right;
margin: 0px;
padding: 3px 2px 0px 0px;
color: #eee;
}

ul#mainMenu li ul li a {
color: #eee;
font-size:        12px;
    font-weight:      normal;
text-decoration: none;
	}

ul#mainMenu li ul li.CurrentPage a {
color: #fff;
   font-weight:      bold;
text-decoration: none;
	}

ul#mainMenu li ul li a:hover {
text-decoration: underline;
}

ul#mainMenu li ul#subHome {
display: block;
}


ul#viewDemoMenu {
border: double #444 4px;
list-style: none;
left: 0px;
margin: 15px 0px 0px 5px;
padding: 10px;
}





div#homeContentColumn {
    clear:            none;
    float:            left;
    width:            475px;
	/* border-left: 	  dotted 2px #E38B00; */
	margin: 5px 0px 0px 0px;
}

div#homeMenuColumn {
    clear:            none;
    float:            left;
    width:            195px;
    margin-left:      15px;
}


/****************************************************************************/
/******************* EveryoneBenefits Pgaes *********************************/
/****************************************************************************/


div.everyoneBenefits {
    height:           280px;
    background:url(../Images/EveryoneBenefitsShadow.png) left top repeat-y;
}

div.everyoneBenefitsTitle {
    color:            #243357;
    padding-left:     30px;
    font-weight:      bold;
}

ul.everyoneBenefitsTabs {
    margin:           0px;
    padding:          0px;
}

ul.everyoneBenefitsTabs li {
    list-style:       none;
    float:            left;
}

div.everyoneBenefitsPortrait {
    width:            124px;
    float:            left;
    clear:            none;
}

div.everyoneBenefitsBullets {
    width:            280px;
    float:            left;
    clear:            none;
}

div.everyoneBenefitsBullets li {
    margin:           0px;
    padding:          5px;
}

/****************************************************************************/
/******************* RoundedGrayBox *****************************************/
/****************************************************************************/


div.roundedGrayBoxTop {
    margin-left:   20px;
    height:        16px;
}

div.roundedGrayBoxBody {
    background:    url(../Images/RoundedGrayBoxShadow.png) left top repeat-y;
    margin-left:   20px;
    padding-left:  20px;
    padding-right: 20px;
}

div.roundedGrayBoxBody table {
    width:         360px;
}

div.roundedGrayBoxBody td {
    padding:       6px;
}

div.roundedGrayBoxBottom {
    margin-left:   20px;
    height:        20px;
}

/****************************************************************************/
/******************* View Demo **********************************************/
/****************************************************************************/

table.viewDemo td {
    padding-bottom:   25px;
}

/****************************************************************************/
/****************************************************************************/


/*  START RIGHT BOX CSS */

div#homeBoxColumn {
    float:            left;
width: 250px;
background:url(../Images/RightBoxShadow.png) left top repeat-y;
margin-left: 10px;
margin-top: 10px;
}

#SubscribeBox, #CreateBox, #WhoUsesBox, #WhatsNewBox {
border: solid 1px #777;
background: #EAEAEA;
color: #777;
margin-bottom: 5px;
padding: 2px 2px;
font-weight: bold;
}

input#send {
border: 1px solid #00adf2;
padding: 0px;
background-color: #eaeaea;
color: #00adf2;
font-size: 85%;
font-weight: normal;
}

h4.RightBox {
margin: 0px;
padding: 3px 0px 0px 0px;
font-size: 125%;
font-weight: bold;
}

.RightBoxIcon {
margin-right: 3px;
}

a.BlueBoxLink {
display: block;
float: right;
padding: 0px 2px;
border: solid 1px #00adf2;
font-size: 130%;
font-weight: bold;
}
/*  END RIGHT BOX */

div.client_list {
font-size: 12px;
color: #545655;
}

span.telephone {
font-size: 10px;
color: #545655;
}

div.headlineBlock {
color:  #666666;
font-size: 1em;
float: left;
width: 195px;
height: 270px;
overflow: hidden;
margin: 0px 5px 0px 5px;

}

div.topHeadlineBlock {
border-bottom: dotted 2px #ccc;
margin-bottom: 15px;
}

div.leftHeadlineBlock {
border-right: dotted 2px #ccc;
padding-right: 5px;
}

div.topHeadlineBlock h2 {
color: #E38B00;
font-weight: bold;
font-size: 1.6em;
margin: 0px 0px 4px 0px;
}

div.headlineBlock h2 {
color: #E38B00;
font-weight: bold;
font-size: 1.2em;
margin: 0px 0px 4px 0px;
}

div.overviewBlock {
text-align: left;
color:  #545655;
font-size: 1.2em;
width: 460px;
overflow: hidden;
margin: 0px 0px 0px 15px;
padding-top:5px;
}

div.topOverviewBlock {
border-bottom: dashed 1px #ccc;
margin-bottom: 10px;
}

div.overviewBlock h2 {
font-weight: bold;
color: #E38B00;
font-size: 1.2em;
margin: 0px 0px 4px 0px;
}

div.overviewBlock a {
/*color: #E38B00;*/
}

.overviewBlock img {
margin: 0px;
/*width: 150px;*/
}

blockquote {
color: #E38B00;
margin: 15px 30px;
}

/*Totally unnecessary big quote marks bit to follow */
.quoteBegin {
     position: absolute;
     margin-top: -20px;
     margin-left: -20px;
     font-size: 400%;
     color: #FF0000;
 }

 .quoteEnd {
     float: right;
     margin-top: -20px;
     margin-bottom: -30px;
     padding-top: 0px;
     font-size: 400%;
     color: #FF0000;
 }

a.readMore {
     color:       #E38B00;
     font-weight: bold;
}

ul.rightBox {
    list-style: none;
    margin:     0px;
    padding:    0px;
}

ul.rightBox li {
    margin:  0px;
    padding: 0px;
}

ul.detailMenu {
    color: #fff;
    font-weight:   bold;
    list-style:    none;
    padding:       0px;
    margin-top:    15px;
    margin-left:   0px;
}

ul.detailMenu li {
    margin:     0px;
    padding:    0px;
    background: #fff;
}

ul.detailMenu li.detailMenuSpacer {
    height: 5px;
}

ul.detailMenu li.detailMenuGadget {
height: 47px;
}

ul.detailMenu li.detailMenuLink {
margin-left: 15px;
padding: 3px;
height: 10px;
background: #fff;
/*border-bottom: 1px #ccc dotted;*/
}

ul.detailMenu li.detailMenuLink a {
font-size: 11px;
color: #243357;
}

ul.detailMenu li.detailMenuLink a.currentPage {
    color: #E38B00;
}

ul.detailMenu li.detailMenuLink a.currentPage:hover {
    color: #E38B00;
}

ul.detailSubMenu li.detailMenuLink a.currentPage {
    color: #E38B00;
}

ul.detailSubMenu li.detailMenuLink a.currentPage:hover {
    color: #E38B00;
}

ul.detailMenu li.detailMenuLink a:hover {
    font-size:       11px;
    color:           #0C4B98;
    text-decoration: none;
}

ul.detailSubMenu {
    list-style:    none;
    padding:       0px;
    margin-top:    6px;
    margin-bottom: 10px;
    margin-left:   20px;
}

ul.detailSubMenu li.detailMenuLink {
    overflow:   hidden;
height:16px;
    padding:    0px;
}

.clientQuote {
    color:            #243357;
    font-size:        1.2em;
    font-weight:      bold;

/*
border-top: solid 1px #000;
border-bottom: solid 1px #000;
margin: 20px auto;
padding-top: 20px;
padding-bottom: 10px;
*/
overflow: visible;
}

.clientQuoteMain {
font-size: 1em;
color: #0C4B9A;
font-weight: bold;
width:350px;
padding-left:50px;
padding-right:50px;
}

.quote_assign {
display: block;
margin-top: 5px;
font-size: 0.8em;
}

/*
Drop Shadow Rules
*/

.wrap1 {
  text-align: left;
  width: 989px;
  margin: 10px auto 10px auto;
  background:url(../Images/SideShadows.png) left top repeat-y;
  }

.wrap2 {
  width: 989px;
  background:url(../Images/TopBannerTinted.png) left top no-repeat;
  }
.wrap3 {
  width: 989px;
  background:url(../Images/BottomFrame.png) left bottom no-repeat;
  }


span.todo,div.todo {
 color: #ff0000;
}


/*
List Styles for Bullets
Using this technique (rather than list-style-image) as it offers
considerably more flexibility+consistency on position of images.
*/
ul.BigArrow, ul.SmallArrow, ul.SmallSquare {
margin-left: 0px;
padding-left: 0px;
list-style: none;
color: #E38B00;
}

ul.BigArrow li {
padding-left: 14px;
background: #fff url(../Images/bigArrow.gif) 2px 3px no-repeat;
}
li.BigArrow {
background: #fff url(../Images/bigArrow.gif) 2px 3px no-repeat !important;
} /* Allows for override in individual bullet case */

ul.SmallArrow li  {
padding-left: 14px;
background: #fff url(../Images/smallArrow.gif) 2px 3px no-repeat;
}
li.SmallArrow {
background: #fff url(../Images/smallArrow.gif) 2px 3px no-repeat !important;
}

ul.SmallSquare li {
padding-left: 14px;
background: #fff url(../Images/squareBullet.gif) 2px 3px no-repeat; 
}
li.SmallSquare {
background: #fff url(../Images/squareBullet.gif) 2px 3px no-repeat !important;
}

li{
color: #545655;
} 

div.rightFloatImage {
 float: right;
}

div.leftFloatImage {
 float: left;
}

div#contact_form {
border: solid 1px #7a8286;
background: #eaeaea;
padding: 10px;
}

div#contact_form .form_row {
display: block;
clear: both;
height: 12px;
}

div#contact_form .label {
text-align: right;
padding-right: 15px;
display: block;
float: left;
width:20%;;
}

div#contact_form .form_row input {
float: left;
}

input.contact_send {
margin-top: 10px;
border: 1px solid #0ae;
padding: 0px;
background-color: #eaeaea;
color: #0ae;
font-size: 85%;
font-weight: normal;
}