body,h2,h3,p,quote,small,form,input,ul,li,ol,label{
                /* Simple page reset */
                margin:0;
                padding:0;
}
 
example {
                font-style:italic;
                font-family: Georgia, "Times New Roman", Times, serif;
                color: #C6C;
}
 
 
body{
                /* Setting default text color, background and a font stack */
 
                color:#424242;
                font-size:0.825em;
                background-color: #1e2428;
                font-family: Georgia, "Times New Roman", Times, serif;
}
 
.tabContainer{
                /* The UL */
                width:630px;
                text-align: left;
                margin:0 auto;
               
}
.tabContainer2{
                /* The UL */
                width:680px;
                text-align: left;
                margin:0 auto;
}
 
 
 
 
#contentHolder{
                height:355px;
                color:#444444;
                width: 460px;
                overflow: auto;
               
                padding-right: 10px;
                padding-bottom: 4px;
                margin-top: 20px;
                margin-right: 20px;
                margin-bottom: 28px;   
}
 
#tabContent{
                margin-top:-15px;
                width:719px;
               
}
#sideBar{
                background-color:#FFFFFF;
                background-image:url(images/twitter_bottom.png);
                background-position:right bottom;
                background-repeat:no-repeat;
                float:right;
                margin-right:2px;
                margin-top:10px;
                padding-bottom:5px;
                padding-left:0;
                padding-right:6px;
                width:185px;}
 
#tabContent, .tabContainer li a,.tabContainer2 li a,#contentHolder{
 
}
 
.tabContainer li{
                /* This will arrange the LI-s next to each other */
                display:inline;
}
 
.tabContainer2 li{
                /* This will arrange the LI-s next to each other */
                display:inline;
}
 
.tabContainer li a,.tabContainer li a:visited{
                /* Styling the hyperlinks of the tabs as colorful buttons */
               
                float:left;
                font-size:13.5px;
                font-weight: normal; font-style: normal;line-height:normal; font-family: 'LHFOldBlockCondBold', 'Arial Narrow' ,'Impact' , sans-serif;
                text-transform: uppercase;
                letter-spacing:1px;
                /* display:block allows for additinal CSS rules to take effect, such as paddings: */
                display:block;
                height:24px;
                /* Giving positioning */
                position:relative;
                /* CSS3 text-shadow */
                /*text-shadow:1px 1px 1px #CCCCCC; */
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left:3px;
                padding-top: 10px;
                padding-right: 3px;
                padding-bottom: 1px;
                padding-left: 4px;
               
                }
 
 
.tabContainer2 li a,.tabContainer2 li a:visited{
                /* Styling the hyperlinks of the tabs as colorful buttons */
               
                /* Styling the hyperlinks of the tabs as colorful buttons */
               
                float:left;
                font-size:13.5px;
                font-weight: normal; font-style: normal;line-height:normal; font-family: 'LHFOldBlockCondBold', sans-serif;
                text-transform: uppercase;
                letter-spacing:1px;
                /* display:block allows for additinal CSS rules to take effect, such as paddings: */
                display:block;
                height:24px;
                /* Giving positioning */
                position:relative;
                /* CSS3 text-shadow */
                margin-top: 4px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left:4px;
                padding-top: 8px;
                padding-right: 4px;
                padding-bottom: 1px;
                padding-left: 4px;
}
 
 
 
#overLine2{
                /* The line above the active button. */
                position:absolute;
 
                height:1px;
                background-color:white;
                width:30px;
               
                float:left;
                left:5px;
                top:26px;
                overflow:hidden;
}
 
 
#main{
                margin:0 auto;
                position:relative;
                width:719px;
               
}
 
 
 
/* Styling the colors individually: */
 
ul a.black{
                background:url(img/black_mid.png) repeat-x top center; color:#E1B129;
}
ul a.white{
                background:url(img/black_mid.png) repeat-x top center; color:#FFFFFF;
}
ul a.black span.left{ background:url(img/black_left.png) no-repeat left top;}
ul a.black span.right{ background:url(img/black_right.png) no-repeat right top;}
 
 
ul a.blue{             background:url(img/blue_mid.png) repeat-x top center;              color:#E1B129;}
ul a.blue span.left{ background:url(img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(img/blue_right.png) no-repeat right top;}
 
 
ul a.orange{        background:url(img/orange_mid.png) repeat-x top center;         color:#724104;}
ul a.orange span.left{ background:url(img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(img/orange_right.png) no-repeat right top;}
 
 
ul a.red{               background:url(img/red_mid.png) repeat-x top center;                color:#6f0100;}
ul a.red span.left{ background:url(img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(img/red_right.png) no-repeat right top;}
 
 
 
 
 
/* The hover states: */
ul a:hover{
                background-position:bottom center;
                text-decoration:none;
                color: #FFF;
}
 
ul a:active {
    color: #516D86;
}
 
 
.preloader{
                display:block;
                margin:120px auto;
}
 
.clear{
                /* Old-school clear fix hack to clear the floats: */
                clear:both;
                height:1px;
                overflow:hidden;
}
 
/* The styles below are only necessary for the styling of the demo page: */
 
plus{
                font-family: "Arial Black", Gadget, sans-serif;
                position: inherit;
                top: 0px;
                height: 20px;
                padding-right: 1px;
                padding-left: 0px;
}
 
h2 {
                font-size:0.9em;
                font-weight:normal;
                padding-right:40px;
                position:relative;
                right:0;
                text-align:right;
                text-transform:uppercase;
                top:-48px;
}
 
a, a:visited {
                color:#E1B129;
                text-decoration:none;
                outline:none;
}
 
a:hover{
                text-decoration:underline;
}
 
p.tutInfo{
                /* The tutorial info on the bottom of the page */
                padding:10px 0;
                text-align:center;
                position:fixed;
                bottom:0px;
                background:#121b21;
                border-top:1px solid black;
                width:100%;
}
 
h1,h2,p.tutInfo{
                font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
 
.pageText{
                font-family: Georgia, "Times New Roman", Times, serif;
                padding-top: 10px;
                padding-right: 10px;
                padding-bottom: 10px;
                padding-left: 20px;
                font-size: 11.5px;
                line-height: 1.4em;
}
.pageText  a,a:visited
{
color: #516d86;
}
.leftImg
{
                float: left;
                height: 19px;
                width: 20px;
                background-image: url(images/marker.png);
                background-repeat: no-repeat;
                background-position: right bottom;
                margin-top: 12px;
                margin-left: 22%;
               
}
.rightImg
{
                float: left;
                height: 19px;
                width: 20px;
                background-image: url(images/marker2.png);
                background-repeat: no-repeat;
                background-position: left bottom;
                margin-top: 12px;
                margin-left: 3px;
               
}
.bottomMenu
{
                float:left;
                text-align: left;
}