@charset "UTF-8";
/* CSS Document */

body{
background: #dfdbcf url('/files/body-bg-blue.jpg') repeat-x;
margin: 0 auto;
padding: 0px;
}

#wx_module_3690{
    height: 161px;
    width: 273px;
}

.bottom{
    position: relative;
    bottom: 0;
}

img{
    border: none;
    float: left;
}

#header{

}

.right{
    float: right;
}

.left{
    float: left;
}

#accessibility{
background: url('/files/accessibility-nav-bg-blue.png') no-repeat;
height: 32px;
width: 423px;
padding: 1px 0 0 25px;
position: relative;
top: 0;
}

#accessibility p{
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
}

#accessibility a{
    color: #fff;
    text-decoration: none;
    }

#accessibility img{
    padding-top: 10px;
}

#menu{
height: 30px;
    margin: 0 auto;
    width: 960px;
}

#flash{
    background: url('/files/flash-bg.jpg') repeat-x;
    clear: both;
    height: 420px;
    padding-top: 25px;
    
}

#flash-content{
    margin: 0 auto;
    padding-left: 20px;
    width: 960px;
}

#swimmingpool{
background: url('/files/flash-bg.jpg') no-repeat;
height: 371px;
padding-top: 57px;
padding-left: 15px;
width: 270px !important;
    
}

/*#calendar{
background: url('/files/calendar.png') no-repeat;
height: 371px;
    padding-top: 57px;
    padding-left: 7px;
width: 270px !important;
}*/


#portals{
margin-top: 22px;
}

#portals p{
    font-family: Georgia, Times New Roman, serif;
    font-size: 13px;
    line-height: 14px;
    padding-top: 0px;
    *padding-top: 10px;
}

#sidebar{
margin-top: 5px;
margin-left: 10px;
}

#portals-row-one{
background: url('/files/portals-1-bg.png') no-repeat;
height: 357px;
width: 665px;
}

#portal-one, #portal-two, #portal-three, #portal-four, #portal-five, #portal-six, #portal-seven, #portal-eight{
    height: 359px;
    padding-top: 175px;
    padding-left: 7px;
    width: 151px;
}

#portals-row-two{
background: url('/files/portals-2-bg.png') no-repeat;
height: 357px;
margin-bottom: 30px;
margin-top: 15px;
width: 665px;
}

#waterrestriction{
    padding-right: 15px;
    padding-bottom: 5px;
    
}

#communicate{
background: url(/*'/files/communicate.png'*/) no-repeat !important;
height: 180px;
margin-top: 10px;
padding-top: 85px;
padding-right: 15px;
width: 270px;
}

#video{
background: url('/files/video.png') no-repeat !important;
height: 180px;
padding-right: 15px; 
padding-bottom: 5px;
}

#communicate img{
    border: none;
    padding-right: 15px;
    padding-bottom: 5px;
}

#communicate img a{
    border: none;
}

#news{
background:url(''<!--'/files/news.png'-->) no-repeat;
height: 120px;
padding-right: 15px;
padding-bottom: 5px;
width: 270px;
}

#news p{
    color: #3e8eca;
    text-align: center;
    font-size: 12px !important;
}

#news  li{
color: #3e8eca;
font-size: 16px;
list-style-type: none;
}

#news  ul{
text-decoration: none;
    list-style-type: none;
}

#news  a{
color: #3e8eca;
}

#footer{
background: url('/files/footer-bg-blue.png') repeat-x;
clear: both;
height: 121px;
}


/*Content Page Styles*/
#main-content p{
    padding-right: 15px;
}

#quicklinks{
    margin-top: 30px;
}

#quicklinks a{
    color: #dfdbcf;
    text-decoration: none;
}

#quicklinks a:hover{
    color: blue;
    text-decoration: none;
}

#quicklinks-top{
    background: url('/files/quicklinks-top-bg.png') no-repeat;
    height: 63px;
    width: 270px;
}

#quicklinks-middle{
    background: url('/files/quicklinks-middle-bg.png') repeat-y;
    margin-top: -17px;
    padding-left: 10px;
    width: 270px;
}

#quicklinks-middle p{
    color: #c7c3b8;
    padding-top: 10px;
    width: 255px;
}

#quicklinks-bottom{
    background: url('/files/quicklinks-bottom-bg.png') no-repeat;
    height: 24px;
    margin-top: -17px;
    width: 270px;
}

#events{
height: 402px;
    overflow: auto;
width: 270px;
   z-index: 1;
}

#events h3, #events h4{
color: #669815 !important;
padding: 20px 0 0 15px;
}

#events p{
font-size: 12px;
line-height: 14px;
padding: 10px 0 0 15px;
}

#events a{
font-weight: bold;
color: #000;
text-decoration: none;
}

.event-list{
padding: 0 0 0 15px;
}

.event-list li{
font-size: 12px;
padding: 7px 0 0 0;
}

.scroll{
height: 300px !important;
margin-top: 5px;
padding-right: 5px;
width: 257px !important;
overflow: auto;
}

.scroll a{
    color: #dfdbcf;
}

.scroll a:hover{
    color: blue;
}

.scroll h4{
    color: #dfdbcf;
}

.green{
color: #669815;
font-size: 12px;

font-style: italic;
}





/*Grid Styles*/
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


/*Menu Styles for LiveSite*/

/*used for all menus */
ul.software_menu, .software_menu ul
{
    margin: 0 auto;
    padding: 0em;
    list-style-type: none;
    
}
/***************************************************************************/
/* Style definition for the menu region named "Big-Spring-Menu-New". */
/***************************************************************************/
ul#software_menu_Big-Spring-Menu-New.software_menu{
    font-size:14px !important;
    padding-top: 4px;
width: 960px;
}

ul#software_menu_Big-Spring-Menu-New.software_menu li {

    float: left; /* necessary for IE 6 */
       position: relative;
    padding: 0;
    margin: 0;
    z-index: 2;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li.current {
    color: #FFF !important;
    padding: 0px 0px 2px 0px;

}
ul#software_menu_Big-Spring-Menu-New.software_menu li a {
    display: block;
    padding: 4px 12px 4px 12px;
    /* margin-bottom: -1px;  required to prevent javascript menus from disappearing on hover for mozilla */
     color: #c7c3b8;
    font-weight: bold;
    font-size: 100%;
    text-decoration: none;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li.on,
ul#software_menu_Big-Spring-Menu-New.software_menu li a:hover {
    color: #FFF !important;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: auto;
    z-index: 2;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li {
        background-image: url('/files/drop_down_bg.jpg');
    border-bottom: 1px solid #335002; 
    /*May need to take out block level for IE*/
    padding-top: .25em 0.5em .25em .5em;
    margin: 0;
    width: 225px;  /* fix width of menu items */
    font-size: 100%;
    z-index: 2;
}

ul#software_menu_Big-Spring-Menu-New.software_menu li ul li a:link,
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li a:visited,
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li a:active {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.4em;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li a:hover, a:focus {
        background-image: url('/files/drop_down_hover.jpg');
    border-bottom: 1px solid #335002; /*To change the border bottom color on menu*/
    color: #fff;
}
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li.current {
    border: none;
}

ul#software_menu_Big-Spring-Menu-New.software_menu li ul li.current a {
    color: #fff;
}

ul#software_menu_Big-Spring-Menu-New.software_menu li ul li.current a:hover,
ul#software_menu_Big-Spring-Menu-New.software_menu li ul li.current a:focus {
    color: #fff;
}
/***************************************************************************/
/* Style definition for the menu region named "site-map". */
/***************************************************************************/
ul#software_menu_site-map.software_menu li {
}
ul#software_menu_site-map.software_menu li a {
}
ul#software_menu_site-map.software_menu li.on,
ul#software_menu_site-map.software_menu li a:hover {
}
ul#software_menu_site-map.software_menu li ul {
    padding-left: 20px;
}
ul#software_menu_site-map.software_menu li ul li a {
}

ul#software_menu_bs_content-page_quicklinks_menu.software_menu li {
    font-size: 12px;
    float: left; /* necessary for IE 6 */
       position: relative;
    padding-top: 5px;
    margin: 0;
    z-index: 1;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li.current {


}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li a {
    display: block;
    padding: 10px 12px 4px 12px;
    /* margin-bottom: -1px;  required to prevent javascript menus from disappearing on hover for mozilla */

     color: #5289c3;
    font-weight: bold;
    text-decoration: none;




    width: 150px;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li.on,
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li a:hover {
    color: #659814 !important;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: 170px;
    z-index: 2;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li {
    /*May need to take out block level for IE*/
    list-style-image: url('/files/list-icon.jpg');
list-style-position:outside;
    
    margin: 0;
    width: 170px;  /* fix width of menu items */
    font-size: 10px;
    z-index: 1;
}

ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li a:link,
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li a:visited,
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li a:active {
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li a:hover, a:focus {
    color: #659814;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li.current {



    border: none;
}
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li.current a {
    color: #659814;
}

ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li.current a:hover,
ul#software_menu_bs_content-page_quicklinks_menu.software_menu li ul li.current a:focus {
    color: #659814;
}







/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 350px; /* this should probably match the width for the ads_container selector below */
    position: relative; /* set this to relative if the ad region menu is absolutely positioned */
}

/* styling for the ads container */
.software_ad_region_dynamic .items_container
{
    width: 350px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 233px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/*
styling for ads
The height, width, and padding below need to work with the values entered above.
For example, if these values are set too small, then the content might not take up enough space,
and if the values are too large, then the content might be cropped.
*/
.software_ad_region_dynamic .item
{
    width: 350px;
    height: 233px;
    padding-left: 1px;
}





.smallview, .smallview #site-wrapper p, .smallview #site-wrapper h2, .smallview #site-wrapper h3, .smallview #site-wrapper a, .smallview #site-wrapper ul{ /*CSS for "small font" setting*/
font-size: 13px;
    line-height: 15px;
 
}

.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview, .largeview #site-wrapper p, .largeview #site-wrapper h2, .largeview #site-wrapper h3, .largeview #site-wrapper a, .largeview #site-wrapper ul{ /*CSS for "large font" setting*/
font-size: 21px;
    line-height: 25px;
    
}



a.texttoggler{ /*CSS for Text Size Toggler control*/

}




.software_discounted_price
{
    color: #990000;
    font-weight: bold;
}

.watcher_container
{
    margin: 2em 0em .5em 0em;
}

.watcher_count
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em 0em .5em 0em;
}

.watcher_question
{
    margin: 0em 0em .5em 0em;
}

.software_menu_sequence
{
    padding: 0em;
    margin: 0em 0em 1em 0em;
    text-align: right;
}

.software_menu_sequence .previous,
.software_menu_sequence .next
{
    padding: .5em;
    margin: 0em;
}

.software_menu_sequence a.previous:hover,
.software_menu_sequence a.previous:focus,
.software_menu_sequence a.next:hover,
.software_menu_sequence a.next:focus
{
    text-decoration: none;
}

.software_photo_gallery_album .heading
{
    font-size: 125%;
    font-weight: bold;
    margin-bottom: .5em;
}

.software_photo_gallery_album table
{
    border-collapse: collapse;
    margin-bottom: 1em;
}

.software_photo_gallery_album table td
{
    width: 100px;
    text-align: center;
}

.software_photo_gallery_album table td.album
{
    padding: 1em;
}

.software_photo_gallery_album table td.photo
{
    padding: .5em;
}

.software_photo_gallery_album .image
{
    cursor: pointer;
}

.software_photo_gallery_album .album .image
{
    display: block;
    border: 1px solid #333333;
    background: #EAEAEA;
    padding: 5px;
    position: relative;
    z-index: 3;
}

.software_photo_gallery_album .album .image_hover
{
    background: #333333;
    border: 1px solid #EAEAEA;
}

.software_photo_gallery_album .album .thumbnail
{
    margin-bottom: 1em;
}

.software_photo_gallery_album .album_frame
{
    position: absolute;
    border: 1px solid #333333;
    background: #EAEAEA;
}

.software_photo_gallery_album #album_frame_1
{
    top: 1px;
    left: 1px;
    z-index: 2;
}

.software_photo_gallery_album #album_frame_2
{
    top: 4px;
    left: 4px;
    z-index: 1;
}

.software_photo_gallery_album .album .name
{
    font-weight: bold;
}

.software_photo_gallery_album .photo .image
{
    border: 1px solid #EAEAEA;
    padding: 5px;
}

.software_photo_gallery_album .photo .image_hover
{
    border: 1px solid #333333;
}

.software_badge
{
    padding: .1em .3em;
    border: 1px solid #48832A;
    font-size: 60%;
    font-weight: bold;
    font-style: normal;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.software_error,
.software_notice
{
    margin-bottom: 1.5em;
    padding: 1em;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.software_error
{
    background-color: #fdd5ce;
    border: 2px solid red;
    color: red;
}

.software_notice
{
    background-color: #edfced;
    border: 1px solid #428221;
    color: #428221;
}

.software_error .description,
.software_notice .description
{
    font-size: 110%;
    font-weight: bold;
}

.software_error .icon,
.software_notice .icon
{
    float: left;
    margin-right: .75em;
}

.software_error ul,
.software_notice ul
{
    margin-top: 1em !important;
    margin-bottom: 0em !important;
}