/* WESTERN STATES MACHINE COMPANY STYLESHEET
------------------------------------------------*/
* { 
    margin:0; 
    padding:0;
    list-style:none;}

body { 
    margin:0; 
    padding:0;
    /* background:#fff url(/pages/images/pages/bg1.gif); */
    background:#e5e5e5 url(/pages/images/pages/bg-solid.gif);
    color:#535353;
    font:62.5% Verdana, Arial, Helvetica, sans-serif;}

img { 
    border:none; }

hr { 
    display:none; }

.clear { 
    clear:both;
    font-size:0; 
    line-height:0.0; 
    height:0;}
    
a {
    color:#535353;
    text-decoration:none;}

/* PAGE LAYOUT
---------------------------------------------------------*/
#bgwide-container {
    /* background:url(/pages/images/pages/bg-top-container.gif) repeat-x top; */
    background:url(/pages/images/pages/bg-top-container-solid.gif) repeat-x top;
    width:100%;
    margin:0 auto;}
    
#container {
    /* background:url(/pages/images/pages/bg-bodycontent.gif) repeat-y; */
    background:url(/pages/images/pages/bg-bodycontent-solid.gif) repeat-y;
    width:881px;
    margin:0 auto;}

#pagecontainer {
    width:795px;
    margin:0 auto;
    min-height:449px;
    height:auto !important;
     height:449px;}

#bgcontainer {
    /* background:url(/pages/images/pages/bg-top.gif) no-repeat top; */
    background:url(/pages/images/pages/bg-top-solid.gif) no-repeat top; 
    width:881px;}

#bgcontainer-bottom {
    /* background:url(/pages/images/pages/bg-bottom.gif) bottom no-repeat; */
    background:url(/pages/images/pages/bg-bottom-solid.gif) bottom no-repeat;
    width:881px;}

#topcontent {
    width:795px;
    margin:0 auto;}

#content-left {
    width:614px;
    float:left;}

#content-right {
    width:173px;
    float:right;
    padding-right:1px;}

#subpage-content-left {
    width:175px;
    float:left;}

#subpage-content-right {
    width:612px;
    float:right;
    padding-right:1px;}

#footer-content {
    width:791px;
    background:url(/pages/images/pages/bg-dottedbottom1.gif) top repeat-x;
    padding:10px 0 ;
    margin:15px 0;}
    
/* TOPCONTENT
------------------------------------------------------*/
#topcontent .logo  {
    background:url(/pages/images/pages/logo-westernstatesmachine.gif) no-repeat;
    width:430px;
    height:69px;
    float:left;
    margin-top:15px;}

#topcontent .logo a {
    text-indent:-9999999px;
    display:block;
    width:334px;
    height:64px;
    float:left;}

/* tabs top */      
ul#tabs-top  {
    list-style:none;
    float:right;
    display:block;}
      
ul#tabs-top li {
    float:left;
    font-size:1em;}
      
ul#tabs-top a {
    float:left;
    background:url(/pages/images/pages/bg-tabtop-left.gif) no-repeat left top;
    padding:0 0 0 5px;
    text-decoration:none;}
      
ul#tabs-top a span {
    display:block;
    background:url(/pages/images/pages/bg-tabtop-right.gif) no-repeat right top;
    padding:3px 18px 5px 15px;
    color:#607b9f; 
    margin-right:2px;}
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#tabs-top a span {float:none;}
    /* End IE5-Mac hack */
    
ul#tabs-top a:hover span {
    color:#607b9f;  }
     
/* Main Navigation */
#main-nav {
    font-size:93%;
    position:relative;
    top:-3px;}
      
#main-nav ul {
    list-style:none;
    float:right;
    margin-bottom:-2px;}
      
#main-nav li {
    display:inline;
    margin:0;
    padding:0;
    font-size:1.1em;}
      
#main-nav a {
    float:left;
    background:url(/pages/images/pages/bg-mainnav-leftB.gif) no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 0 4px;}
      
#main-nav a span {
    float:left;
    display:block;
    background:url(/pages/images/pages/bg-mainnav-rightB.gif) no-repeat right top;
    padding:4px 15px 4px 6px;
    color:#fff;
    font-weight:bold;}

/* green colored tab */     
#main-nav a.greencoloredtab {
    background:url(/pages/images/pages/bg-mainnav-leftG.gif) no-repeat left top;}
      
#main-nav a.greencoloredtab span {
    background:url(/pages/images/pages/bg-mainnav-rightG.gif) no-repeat right top;}

/* light blue colored tab */     
#main-nav a.lightbluecoloredtab {
    background:url(/pages/images/pages/bg-mainnav-leftLB.gif) no-repeat left top;}
      
#main-nav a.lightbluecoloredtab span {
    background:url(/pages/images/pages/bg-mainnav-rightLB.gif) no-repeat right top;}
      
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-nav a span {float:none;}
/* End IE5-Mac hack */
    
#main-nav a:hover ,
#main-nav a.activetab {
    background-position:0% -20px;}
      
#main-nav a:hover span ,
#main-nav a.activetab span {
    background-position:100% -20px;
    color:#000; }  
            
/* CONTENT LEFT 
----------------------------------------------------*/
#content-left .photoslideshow {
    width:615px;
    padding-bottom:10px;}

.rounded-container {
    width:615px;
    margin-bottom:10px;}

.roundedblue-container {
    background:url(/pages/images/pages/bg-body-roundedblue.gif) repeat-y;
    width:302px;
    float:left;
    color:#fff;}

.roundedblue-container h3 {
    background:url(/pages/images/pages/bg-top-roundedblue.gif) no-repeat top;}

.roundedblue-container-body {
    background:url(/pages/images/pages/bg-bottom-roundedblue.gif) bottom no-repeat;
    width:302px;
    min-height:220px;
    height:auto !important;
    height:220px;}

.roundedgreen-container {
    background:url(/pages/images/pages/bg-body-roundedgreen.gif) repeat-y;
    width:302px;
    float:right;
    color:#fff;
    }

.roundedblue-container p ,
.roundedgreen-container p{
    padding: 5px 10px 5px 13px;
    font-size:1.1em;}

.roundedgreen-container h3 {
    background:url(/pages/images/pages/bg-top-roundedgreen.gif) no-repeat top;}

.roundedgreen-container-body {
    background:url(/pages/images/pages/bg-bottom-roundedgreen.gif) bottom no-repeat;
    width:302px;
    min-height:220px;
    height:auto !important;
    height:220px;}

span.headingrounded {
    width:276px;
    margin:0 auto;
    display:block;
    padding:10px 0 4px 0 ;
    background:url(/pages/images/pages/bg-dottedbottom.gif) repeat-x bottom;}

.roundedblue-container h3 ,
.roundedgreen-container h3 {
    display:block;
    height:39px;
    font-size:1.9em;
    font-family: Helvetica, Arial, sans-serif;}

/* Big Rounded Bottom */

.bigroundedbottom {
    background:#f5f4f4 url(/pages/images/pages/bg-bigrounded-bottom.gif) no-repeat bottom;
    width:612px;
    padding-bottom:10px;}

.bigroundedbottom-body {
    background: #f5f4f4 url(/pages/images/pages/bg-bigrounded-top.gif) no-repeat top;
    width:582px;
    padding:10px 15px;}

p.dateblock {
    text-align:right;
    color:#929191;
    font-size:1em;}

.bigroundedbottom-body  h3 {
    color:#607b9f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    padding:5px 0;}

.bigroundedbottom-body p.contentblock {
    font-size:1.1em;
    color:#535353;
    line-height:17px;
    padding:5px 0;}

#pagecontent-body h3 a.contentblock {
    color:#607b9f;
    text-decoration:underline;}
    
/* CONTENT RIGHT 
----------------------------------------------------*/
#content-right h3.sideheader {
    background:url(/pages/images/pages/bg-sideheaders.gif) repeat-x;
    height:19px;
    width:172px;
    color:#fff;
    font-size:1.1em;
    text-indent:5px;
    padding:4px 0 0 0;}

#content-right p {
    padding:5px 0 10px 0;}

#content-right p.sidecontent {
    background:url(/pages/images/pages/bg-dottedbottom1.gif) bottom repeat-x;
    width:172px;
    margin-bottom:5px;}

#content-right p.sidecontent a {
    color:#607B9F; 
    text-decoration:underline;}

#content-right p.sidecontent a.nounderlinelink {
    text-decoration:none;}

span.sidecontent-title {
    width:172px;
    display:block;
    padding-bottom:3px;
    font-weight:bold;
}

img.centerphoto {
    display:block;
    margin:0 auto;}

/* SUBPAGE CONTENT LEFT
------------------------------------------------*/
#subpage-content-left ul.sidenav {
    width:175px;}

#subpage-content-left  h3.sideheader {
    background:url(/pages/images/pages/bg-sideheaders.gif) repeat-x;
    height:19px;
    width:172px;
    color:#fff;
    font-size:1.1em;
    text-indent:5px;
    padding:4px 0 0 0;}

#subpage-content-left  h3.sideheader-left {
    background:url(/pages/images/pages/bg-sideheaders.gif) repeat-x;
    height:19px;
    width:165px;
    color:#fff;
    font-size:1.1em;
    text-indent:5px;
    padding:5px 5px 0 0;
    margin-left:5px;}

#subpage-content-left p.sidecontent-left {
    background:url(/pages/images/pages/bg-dottedbottom1.gif) bottom repeat-x;
    width:170px;
    margin-bottom:5px;
    margin-left:5px;
    padding:5px 5px 0 0;}

#subpage-content-left p.sidecontent {
    background:url(/pages/images/pages/bg-dottedbottom1.gif) bottom repeat-x;
    width:170px;
    margin-bottom:5px;}

#subpage-content-left p.sidecontent a {
    color:#607B9F; 
    text-decoration:underline;}

#subpage-content-left ul.sidenav li {
    width:170px;
    border-bottom:1px solid #fff;
    display:block;
    padding-left:5px;}

#subpage-content-left ul.sidenav li a {
    display:block;
    width:150px;
    padding:7px 5px 7px 15px;
    color:#fff;
    background:#4faa53 url(/pages/images/pages/icon-arrowgreen.gif) left no-repeat;
    background-position:5px 10px;}

#subpage-content-left ul.sidenav li a:hover ,
#subpage-content-left ul.sidenav li a.activesidenav {
    background:#237E27;
    font-weight:bold;}

#subpage-content-left p {
    padding:10px 0 0 0;}

/* SUBPAGE CONTENT RIGHT
------------------------------------------------*/
#subpage-content-right h3.pagetitle{
    background:url(/pages/images/pages/bg-green-pagetitle.gif) no-repeat;
    width:612px;
    height:67px;
    text-align:right;
    color:#fff;
    font-size:2em;
    margin-bottom:10px;}

#subpage-content-right h3.pagetitle span {
    display:block;
    padding:30px 10px 0 0;}

#subpage-content-right .pagecontent {
    background:#f5f4f4 url(/pages/images/pages/bg-bigrounded-bottom.gif) no-repeat bottom;
    width:612px;
    padding-bottom:10px;}
    
#subpage-content-right .pagecontent-body {
    background: #f5f4f4 url(/pages/images/pages/bg-bigrounded-top.gif) no-repeat top;
    width:582px;
    padding:10px 15px;}

#subpage-content-right .pagecontent-body h3 {
    color:#498C54;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    padding:5px 0;}

#subpage-content-right .pagecontent-body ul {
    padding:7px 5px 7px 15px;
}

#subpage-content-right .pagecontent-body ul li {
list-style-type:disc;
}

#subpage-content-right .pagecontent-body ul li a {
color:#498C54;
text-decoration:underline;
}

img.floatrightphoto {
    float:right;
    padding:10px 0 10px 20px;}

#subpage-content-right .pagecontent-body p.contentblockpage {
    font-size:1.1em;
    color:#535353;
    line-height:17px;
    padding:5px 0;}
    
/* FOOTER CONTENT
-----------------------------------------------*/
#footer-content .leftfooter {
    float:left;
    width:300px;}

#footer-content .leftfooter p {
    color:#979797;
    font-size:0.9em;}

#footer-content .rightfooter {
    float:right;
    width:300px;
    text-align:right;
    font-size:0.9em;}

#footer-content .rightfooter a.backtotop {
    background:url(/pages/images/pages/icon-backtotop.gif) left no-repeat;
    padding-left:10px;
    color:#607B9F;
    text-decoration:underline;}

#footer-content .rightfooter ul {
    padding:10px 0 0 0;
    text-align:right;}

#footer-content .rightfooter ul li {
    color:#979797;
    display:inline;}

#footer-content .rightfooter ul li a {
    color:#607B9F;
    text-decoration:underline;
    padding:0 3px;}