body {
    background-color:#3953a4;
    background-image:url(../images/background_old.gif);
    font-family: Verdana, Arial;
    font-size:11px;
    color: #000;
    width: 800px;
    margin: auto;
    text-align: center;
}    


* { 
    margin: 0; 
    padding: 0 
}

.crosslink{ 
     border-bottom: 1px solid black;
     cursor:pointer;
     color:#FF6600; 
}

h3 { 
    border-bottom: 1px solid silver; 
    margin-bottom: 5px; 
    padding-bottom: 3px; 
    text-align: left; 
}

label { 
    width:100px;
    float:left;
}

select { 
    float:left;
}

fieldset { 
    border:none;
}

br { 
    clear:both;
}

input { 
    float:left;
}

button:hover {
    background-color:#EFFFEF;
    border-color:#96CC96 #649964 #649964 #96CC96;
}
button {
    background-color:#EFEFEF;
    background-position:3px 1px;
    background-repeat:no-repeat;
    border-color:#CCCCCC #999999 #999999 #CCCCCC;
    border-style:double;
    border-width:3px;
    color:#000000;
    cursor:pointer;
    display:block;
    float:left;
    font-family:Verdana,Arial,Helvetica sans-serif;
    font-size:11px;
    font-weight:bold;
    height:24px;
    overflow:visible;
    padding:0 5px;
    text-decoration:none;
    width:auto;
}

.wrapper { /* This is the viewing window */
    position: relative;
    overflow: hidden; 
    border: 5px solid #000; /* this is the border. should have the same value for the links */
    margin: auto;
    width: 690px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    clear: both;
    padding-left:4px;
    padding-top:4px;
    background:url(../images/backgroundPanel.png);
    filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/backgroundPanel.png', sizingMethod='scale');
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.wrapper .panelContainer .panel { /* Each panel is arranged end-to-end */
    float:left;
    position: relative;
    width: 700px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    padding: 12px;
    overflow:auto;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
    margin-left:65px;
}

.stripNav ul { /* The auto-generated set of links */
    list-style: none;
}

.stripNav ul li {
    float: left;
    margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    background: #c6e3ff;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 15px;
}

.stripNav li.tab1 a { 
    background-image:url(../images/icons/drums2.jpg);
    background-repeat:no-repeat;
    padding-left:44px;
}

.stripNav li.tab2 a { 
    background-image:url(../images/icons/trumpet.jpg);
    background-repeat:no-repeat;
    padding-left:28px;
}

.stripNav li.tab3 a { 
    background-image:url(../images/icons/drums.jpg);
    background-repeat:no-repeat;
    padding-left:36px;
}

.stripNav li.tab4 a { 
    background-image:url(../images/icons/horn.jpg);
    background-repeat:no-repeat;
    padding-left:32px;
}

.stripNav li.tab5 a { 
    background-image:url(../images/icons/samba.jpg);
    background-repeat:no-repeat;
    padding-left:34px;
}

.stripNav li a{
    background: #fff;
    color: #000;
    border: 2px solid #6078bb;
    border-bottom:0px;
    padding-left:28px;
}    

.stripNav li a:hover {
    border: 2px solid #FF6600;
    border-bottom:0px;
    clear:both;
}

.stripNav li a.current {
    border: 2px solid red;
    border-bottom: 0px;
}

.errorField { 
    border-color:red;
    border-style:solid;
    border-width:1px; 
    background-color:#ff6666;
}

.goodField { 
    border-color:#00ff00;
    border-style:solid;
    border-width:1px;
    background-color:#99ff99;
}

li h4 { 
    font-size: 11px;
    text-align:left;
}

li { 
    cursor: pointer;
}

#faq ul { 
    list-style:none; 
}

li ul { 
    text-align:left;
    padding-bottom:10px;
    padding-left:10px;
}

#loading { 
    margin-top:50px;
    font-weight:bold;
}
#succesSubscript{ 
    border: 1px solid green;
}
#succesContaact {
    border:1px solid green; 
}
#footerSponsorText { 
    width: 690px;
    position: relative;
    margin:auto;
    padding-left:4px;
    background:url(../images/backgroundPanel.png);
    filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='../images/backgroundPanel.png', sizingMethod='scale');
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:black;
    padding-top:4px;
    padding-bottom:4px;
}

#footerSponsorText a { 
     color:#EE6600;
     text-decoration:none; 
}

#footerSponsorText a:hover { 
    color:#FFCC66;
    text-decoration:none;
}

h1 { 
    color:white;
    font-family:Ariel;
    font-size:80px;
    font-weight:bold;
    letter-spacing:-3px;
    line-height:55px;
    margin-top:30px;
    padding-left:10px;
    margin-bottom:10px;
}