head, body, form, a, p, ul, li, h1, h2, h2, h4, h5, h6, textarea, input, radio, checkbox {
    font-family:"helvetica","arial",sans-serif;
    font-weight:normal;
    color:black; text-decoration:none;}

p {display:block; font-size:1em; line-height:1em; text-decoration: none; color:black;}
    p.tablesmall {font-size:.6em; line-height: .8em}
    p.mylist {font-size:.8em; line-height: 1.1em}
    p.quote {font-size:.6em; line-height: .9em; color:gray;}
    p.notes {font-size: 6px; line-height: 8px}
    
p2 {display:block; font-size:8px; line-height:1em; text-decoration: none; color:blue;}
p3 {display:block; font-size:10px; line-height:11px; text-decoration: none; color:black; background-color:yellow;}

h1 {color:gray; font-size:2em; line-height:1em;}
h2 {display:block; font-weight:normal; color:gray; font-size:1em; line-height:2em;}
    h2.red {color: red;}
        h2.red a {background-color:green;}
            h2.red a:hover {background-color:orange;}    
    h2.blue {color: blue;}
    h2.white {color: white;}
    h2.yellow {color: yellow;}
    h2.head {font-size:2em; line-height:0em;}
    h2.subhead {font-size:.8em; line-height:1em; color: black;background-color:white;}
        h2.subhead a {text-decoration:underline;}
                h2.subhead a hover{background-color:orange;}
    h2.banner_head {font-size:.8em; font-weight:bold; line-height:.2em; color: white;}
    h2.banner_text {font-size:.8em; font-weight:normal; line-height:.8em; color:white;}
    h2.text {font-size:.9em; line-height:1.3em; color: black;}
    h2.t_head {font-size:1em; font-weight:bold; line-height:.2em; color: black;}
    h2.t_subhead {font-size:.9em; font-weight:normal; line-height:1.2em; color: black;}
    h2.t_text {font-size:.7em; font-weight:normal; line-height:1.2em; color: black;}
/*h3 and h4 go together in jqmodal messages */
h3 {font-size:.8em; font-weight:bold; line-height:1.2em; color: red;}
h4 {font-size:.8em; font-weight:normal; line-height:1.2em; color: black;}

h5 {font-size:.9em; line-height:1.3em; color: black;}
h6 {font-size:.9em; line-height:1.3em; color: black;}
.halfem {line-height:.5em;}

button {font-size:.8em; line-height:1em; background-color:#A0A0A0;
  color:black; border: solid 2px white; margin-top:10px;}
  button:hover {color:yellow; border: solid 2px yellow;}
.submit {font-size:10px; height:25px; background-color:green; color:white; width:60px;}
.butflex{font-size:10px; height:25px; background-color:grey; color:white; display:block;}
.butupload {font-size:10px; height:25px; background-color:green; color:white; width:60px;}
.submitorder {font-size:10px; height:25px; background-color:green; color:white;}
.cancel {font-size:10px; height:25px; background-color:red; color:white; width:60px;}

.radio {font-size:10px; height:25px; color:blue; background-color:yellow;}

a.a_postlink {color:grey; background-color:#E0E0E0; text-decoration:underline; font-size:10px;}
a.a_postlink:hover {background-color:yellow}

#container {width:900px; height:900px; background-color:#E0E0E0;}
#head_1 {background-color:transparent; width:80%;}
    #head_1 h2{font-size:2em; line-height:0em; padding:15px 0 0 0; color:gray;}
    #head_1 p {font-size:.8em; font-weight:normal; line-height:1.4em; color:black;
    background-color:#FAFA50; padding-left:10px;}
#content_1 {
    position: absolute; top:120px; left:160px; height:50px; width:750px; 
    background-color:transparent; z-index:1;}
#content_2 {
    position: relative; padding:5px 10px 5px 10px; background-color:#FAFA50; width: 70%;}
#content_2 p {font-size:11px; line-height:13px;}
#content_head1 {position: relative; padding:5px 10px 5px 10px;}


<--form------------------------------------------------------------------->
#myform {padding: 0 15px 0 15px;}
#myform p {font-size:.8em; line-height:1.2em; color:grey; clear: both;}
#myform h1 {font-size:.8em; font-weight:bold; line-height:1.2em;}
#myform ul {font-size:.8em; line-height:1.2em;}
#myform ul a{text-decoration:underline; background-color:yellow;}
#myform table {background-color:#FAFA50;}
#myform td {}

#myform fieldset {font-size:.8em; width:40em; border:none; background-color:#FAFA50;}
#myform label { width: 5em; height:12px; }  
#myform label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; }

#myform submit { margin-left: 0em; height: 15px; }
#myform em { font-weight: bold; padding-right: 1em; vertical-align: top; }

    
#myform input {
    width:150px; height:12px; border-width:medium; border-color:white; border-style:solid;
    font-size:1em; background-color:#F0F0F0;}

#myform input:focus {
    border-color:red;}
    
#myform input:hover {background-color:#E6E6E6; border-style:solid;}

#myform select:focus {
    border:solid; border-width:thin; border-color:gray; background-color:yellow;}
    
#myform textarea {
    width:150px; height:120px; border-width:medium; border-color:white; border-style:solid;
    font-size:1em; background-color:#F0F0F0;}
    
.mytextarea {border-width:medium; border-color:white; border-style:solid;
    font-size:1em; background-color:#F0F0F0;}
.mytextarea hover {background-color:#E6E6E6; border-style:solid;}
.mytextarea focus {border-color:red;}
    
<--form------------------------------------------------------------------->


#mybox {}
#mybox h1 {font-size:.9em; font-weight:bold; line-height:.9em; color:gray;}
#mybox p {font-size:.8em; line-height:1em; color:black;}
#mybox a {font-size:.8em; line-height:1.2em; color:black; text-decoration: underline;}
#mybox a:hover {color:black; background-color:yellow;}


.mycontent {position:relative; width:750px; padding:5px 5px 5px 10px; display:block;
            color:black; background-color:transparent;
            font-size:.8em; font-weight:normal; line-height:1.2em; color: black;}
    .mycontent a {text-decoration:underline;}            
    .mycontent a:hover {background-color:yellow; color:black;}

        
div.banner_1 {
    position:relative; padding:5px 5px 5px 5px;
    font-size:.8em; font-weight:bold;
    background-color:#A0A0A0; border-bottom: dotted 1px white;}

    div.banner_1 a {
        font-weight: normal; color:white;
        background-image:url(images/but_minus.png);
        background-position:center; background-repeat:no-repeat;
        border:none; text-decoration:none;
        }
         
        div.banner_1 a:hover {color:black; background-color:yellow;}
        div.banner_1 a.noImage {background-image:none}
        
           
        div.banner_1 a.nav_close_down { 
            background-image:url(images/but_plus.png);}

    
    
div.banner_2 {position:relative; line-height:1.3em; font-size:1.3em; color:white; background-color:blue;}
div.burst {position:absolute; top:5px; right:5px; width:200px; display:none; padding:5px;
list-style:none; margin-left:5px; text-align:left; background-color: red; z-index:99;}

#menu_top_logo {position:absolute; top:15px; left: 210px; z-index:1;}
#menu_top_tag {position:absolute; top:55px; left:315px; z-index:1;}
#menu_top_tag p {font-size:.8em;}

#menu_top {
    position:absolute; top:8px;}
#menu_top a:link, #menu_top a:visited {
    display:block;
    color:white; 
    text-decoration:none;
    font-size:.8em;
    text-align: right;
    padding:80px 0 0 0;
    margin:0;
    line-height:20px;
    width:100px;
    border:none;
    opacity:.9;
}
#menu_top a:hover, #menu_top a:active {
    border-bottom: solid 10px gray; opacity:1;
}
#menu_top a.current {
    border-bottom: solid 10px gray; opacity:1;
}

#menu_quote {position:absolute; left:500px; width:100px; background-color:#3232CC;}
#menu_quote a:hover, #menu_quote a:active, #menu_quote a.current {
    border-bottom: solid 10px gray;
    background-color:#3232EA;
}
    
#menu_upload {position:absolute; left:600px; width:100px; background-color:#61B329;}
#menu_upload a:hover, #menu_upload a:active, #menu_upload a.current {
    border-bottom: solid 10px gray;
    background-color:#6BBD33;
}
#menu_supersavers {position:absolute; left:700px; width:100px; background-color:#DB2645;}
#menu_supersavers a:hover, #menu_supersavers a:active, #menu_supersavers a.current {
    border-bottom: solid 10px gray;
    background-color:#E63250;
}
#menu_awards {position:absolute; left:800px; width:100px; background-color:#B87333;}
#menu_awards a:hover, #menu_awards a:active, #menu_awards a.current {
    border-bottom: solid 10px gray;
    background-color:#C27D3D;
}

#menu_portfolio {
    position:absolute; top:108px; left:808px; width:100px; z-index:999;   
}

#menu_portfolio ul {
    margin:0; padding:0; list-style:none; white-space:nowrap;
    text-align:left; font-size:11px; line-height:20px;}
    
#menu_portfolio ul li {
    border-bottom:1px dotted gray; border-left: 1px dotted gray; border-right: 1px dotted gray;  
}
    

#menu_portfolio ul li a {
    display:block; 
    color:black; background-color:white;
    padding:0 10px 0 5px;
    } 
#menu_portfolio ul li a:hover {background-color:yellow} 


#menu_super {
    position:absolute; top:108px; left:708px; width:100px; z-index:999;   
}

#menu_super ul {
    margin:0; padding:0; list-style:none; white-space:nowrap;
    text-align:left; font-size:11px; line-height:20px;}
    
#menu_super ul li {
    border-bottom:1px dotted gray; border-left: 1px dotted gray; border-right: 1px dotted gray;  
}
    

#menu_super ul li a {
    display:block; 
    color:black; background-color:white;
    padding:0 10px 0 5px;
    } 
#menu_super ul li a:hover {background-color:yellow} 



#menu {height:132px; width:132px; z-index:99;}
#menu ul {
    margin:0; padding:0; list-style:none; white-space:nowrap;
    text-align:left; background-color:#A0A0A0; z-index:99;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position: absolute; left: 8px; top:10px; background-color:#A0A0A0;}
#menu ul#toplevel a:hover {color:black; border-bottom: solid 6px #DB2645;}

#menu a {
    display:block; font-size:.8em; z-index:99;
    color:black; background-color:#FFFFFF; opacity:.6; line-height:3em;
    padding:0 10px 0 0px; border-bottom:1px dotted gray; border-right:1px dotted gray;
    } 
#menu a:hover {background-color:#FFFFFF; opacity:.8; border-bottom: solid 6px gray;z-index:99;}
#menu ul li:hover > ul {left:100%; margin-top:-2em; margin-left:-1px;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {} 
#menu li:hover > a {border-bottom: solid 6px gray;}
#menu li a.fly {background:#FFFFFF;z-index:99;}
#menu li a.fly:hover {color: black; background-color:#FFFFFF; z-index:99;} 
#menu li:hover > a.fly {opacity:.8; border-bottom: solid 6px gray;z-index:99;}

#menu table {
    position:absolute; left:99%; height:0; width:0;
    border-collapse:collapse; margin-top:-1em; margin-left:-1px;
    }
#info {
    position:absolute;
    /*height:170px; width:130px; padding: 0 0 0 5px; */

    padding-left:5px;
    padding-right:5px;
    padding-top: 5px;
    padding-bottom:0px;
    
    background-color:#A0A0A0; opacity:.8;
    border-bottom:1px dotted gray; border-right:1px dotted gray;
    z-index:99;
    }
    #info p {display:block; font-size:.6em; line-height:1.2em;}
    #info p a {color:black;}
    #info p a:hover {background-color:yellow;}

 #notes {
   position:absolute;
   left:610px; width:100px; top:136px; padding:5px;
   background-color:#FFFFFF; border: 1px dotted gray; opacity:1;
}

 #tips {
    margin:5px; background-color:#A0A0A0; opacity:.8; z-index:99;
    }
    #tips p {display:block; font-size:.7em; line-height:1.4em;}
    #tips p a {color:black; text-decoration:none;}
    #tips p a:hover {background-color:yellow;}   
 

#mytable_1 {width:750px; display:block; color:white; background-color:transparent;}
#mytable_1 p {display:block; font-size:.6em; line-height:1.2em; background-image:none;}
#mytable_1 a {line-height:2em; text-decoration:underline; background-color:white;}
#mytable_1 a:hover {background-color:yellow; line-height:.2em}

table { empty-cells:hide;}
tr td {border:none; padding:.2em; color: black; vertical-align: top;}
tr.head {
    font-size:.7em; font-weight:bold; line-height:1.2em;
    background-color:white;}
tr.subhead {font-size:.7em; line-height:1.2em; border:none; background-color:white;}
tr {font-size:.7em; line-height:1.2em;}
tr.trsmall {font-size:.7em; line-height:1.2em;}


/*---stripetable----------------------------------------------------------------------------------------*/
table.tableStripe {}
tr.alt td {background-color:#BEBEBE; }
tr.over td {background-color:#E6E6E6;}
tr.noStripeMe {display:block; color:white; background-color:white;}

/*---accord ---------------------------------------------------------------------------------------*/

#accord_1{
    width: 600px; padding:5px 20px 5px 0px; background-color:transparent;}
#accord_1 h4{
    font-size:.8em; font-weight:bold; color:gray; background-color:#FFFFFF; padding-left:10px;}
#accord_1 h4:hover{
    background-color:yellow;}
#accord_1 p{
    font-size:.8em; font-weight:normal;}
#accord_1 a {
    color:black;}
#accord_1 a:hover {
    background-color:yellow;}



/*---tabs ---------------------------------------------------------------------------------------*/

#tab_blurb{background-color:white; width:80%; padding:15px 15% 15px 15px}
#tabs {width:650px; padding: 5px 20px 10px 5px; border:none;}
h1.tabs {color:gray; font-size:1em; font-weight:bold; line-height:1em;}
p.tabs {display:block; font-size:.8em; line-height:1.2em; text-decoration: none; color:black;}
li.tabs  {color:gray; font-size:1em; font-weight:bold; line-height:1em;}
    li.tabs:hover {background-color:yellow} 
    
/*---tabs ---------------------------------------------------------------------------------------*/


.selectvisible {
    visibility:visible; height:20px; border:none; background-color:#E6E6E6;
    font-size: 10px; font-weight:normal; color:gray;}
    
.selectnotvisible {
    visibility: hidden;}
    
a.pulloff {
    border:solid; border-width:thin; border-color:gray; background-color:yellow;
    height:10px; width:10px; text-decoration:none; visibility: hidden;}
a.pullon {
    border:solid; border-width:thin; border-color:gray; background-color:yellow;
    height:10px; width:10px; text-decoration:none; visibility: visible;}

.butsubmit{
    border:none; background-color:green;
    height:10px; width:20px; text-decoration:none; visibility:visible;}
    
#slideshow {position:absolute; left:10px;}
#nav {width:100px; background-color:#A0A0A0; border:none; position:absolute; top:10px; white-space:normal; }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: none; }
#nav a.activeSlide { background: gray }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
#nav a.pointLeft {
    height:20px; margin:5px 5px 5px 8px ;
    width:20px;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#F0F0F0;
    text-decoration:none;
    z-index:999;
    }
#nav a.pointLeft:hover {background-color:yellow;}
#nav a.pointRight:hover {background-color:yellow;}
    
#nav a.pointRight {
    height:20px; margin:5px 0px 5px 0px;
    width:20px;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#F0F0F0;
    text-decoration:none;
    text-align:right;
    z-index:998;
    }


/*--- #output reqd for slideshow captions--*/
#show1{
    margin-left:150px;
    margin-top:10px;
    border: none;
    }

#output {
    padding: 0 5px 0 5px;
    background-color:#FAFA50;
    }
    
#output h3 {
    text-align: left;
    color:gray;
    font-size:12px;
    text-decoration:none;
    }
#output p {
    font-size:10px;
    line-height:12px;
    color:black;
    }

.myshow {}
.myhide {display:none}



/*---popup screen----------------------------------------------------------------------------------------*/

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color:white;
    color: #333;
    border-right: 1px dotted gray; border-bottom: 1px dotted gray;
    border-left:1px dotted gray; border-top:1px dotted gray;
    padding: 12px;
    z-index:3001;
}

.jqmClose {padding:2px; background-color:yellow; background-image:url(..nav/but_close.png); z-index:3002;}

.jqmOverlay {z-index:3000;}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');  
}