/*--------------------- HTML TAGS --------------------*/
body {
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
margin: 0;
padding: 0;
background-color:#fff;
color:#000;
background-image:url(../media/bg_stripes.gif);
background-attachment:fixed;
}
a:link { color: #00f; background-color:inherit;}
a:visited {color: #00f; background-color:inherit;}
a:hover, a:focus { color: #00f; background-color:inherit; text-decoration: none}
a:active { color: #00f; background-color:inherit;}
h1 {
padding: 14px 2px;
margin: 0;
}
h2,h3,h4 {
margin: 0 10px;
padding-top: .5em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.1em;
font-style:italic;
}
p {
font-size: .8em;
margin: 0 10px;
padding-top: .5em;
}
ul,ol {
font-size: .8em;
}
ul li ul, ol li ol {
font-size: .9em;
}
li {
margin:.35em 0;
}
hr {
height: 1px;
width: 340px;
border: none;
background-color:#033;
color: #039;
margin-left: auto;
margin-right: auto;
margin-bottom: .75em;
margin-top: 1.25em;
}
dt {
font-weight:bold;
font-size: .85em;
}
dd,dt {
font-size: .8em;
}
img {
border: 0;
}

/*--------------------- MENU ----------------------*/
#menu {
background-color: #09f;
color:inherit;
}
#menu ul {
padding: 0; 
margin: 10px;
list-style-type: none;
}
#menu ul li {
margin: 0;
}
/* IE HACK */
* html #menu li {
display:inline;
margin: 0;
} 
#menu li a {
display: block;
color:#000;
background-color:inherit;
text-decoration: none;
padding: 2px;
margin:0;
}
#menu li a:hover,
#menu li a:focus { 
color:#000;
background-color:#9cf; /*ccf*/
}

/*--------------------- CLASSES ----------------------*/
.aligncenter {
text-align: center;
}
.clearall {
clear:both;
}
.hideme {
display: block;
position: absolute;
top: -999px;
}
.dottedbox {
font-variant: small-caps;
margin: 10px;
padding: 4px;
border: 2px dotted #003399;
}
.upArrow {
margin-top: 1em;
margin-bottom: 1em;
}
.fakeHead4 {
font-size: 1em;
font-style: italic;
font-weight: bold;
padding-top: 4px;
padding-bottom: 12px;
}
.warning {
color:#900;
}

/* image */
.fr { float:right; }
.fl { float:left; }
.fl_image_style{ margin: 0 10px 0 0; padding: 10px; border: 1px solid #000; } /*-moz-border-radius: 5px; }*/
.fr_image_style{ margin: 0 0 0 10px; padding: 10px; border: 1px solid #000; } /*-moz-border-radius: 5px; }*/
.fl_image_style2{ margin: 0 10px 0 0; padding: 10px; border: 0; } /*-moz-border-radius: 5px; }*/
.fr_image_style2{ margin: 0 0 0 10px; padding: 10px; border: 0; } /*-moz-border-radius: 5px; }*/


/*--------------------- IDs -------------------------*/
#container {
background-color: #fff;
color:inherit;
position: relative;
width: 95%;
max-width:999px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}
#popupContainer, #couponContainer {
background-color: #fff;
color:inherit;
position: relative;
width: 70%;
height: 500px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
}
#couponContainer {
text-align:center;
}
#column1 {
float:left;
width: 27%;
margin-right: 1%;
}
#column2 {
float:left;
width: 40%;
margin-right: 1%;
}
#column3 {
float:right;
width: 31%;
}
#maincontent {
/*width: 280px;*/
background-color: #9cf;
color:inherit;
}
#contact,#hours {
/*width: 240px;*/
background-color: #ccf;
color:inherit;
}
#hours {
margin-top: 10px;
}
#scale dl, #candidateQuiz dl {
margin: 10px 10px;
padding: 10px;
border: 1px solid #000;
}
#quizQuestion dt {
margin-left:10px;
}
#scale dt {
float:left;
}
#candidateQuiz dt {
margin: 6px 0 0 0;
}
#contact dt {
float: left;
width: 4em;
padding:0 10px;
}
#hours dt {
float: left;
width: 6em;
padding:0 10px;
}
#footer {
clear:both;
font-size: .85em;
padding: 1em 0 2em 0;
text-align:center;
}

/*--------------------- start nifty corners  --------------------*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/*--------------------- end nifty corners  ---------------------*/

@media print {
.rtop,.rbottom,#column1,#footer{display: none}
#column2{width:430px}
#column3{width:300px}
}

/* CSS Corners */
.corners {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

ul#sm {
list-style:none;
padding:0;
margin:0 0 0 10px;
}
ul#sm li {
list-style:none;
padding:6px 0 6px 20px;
}
li#iconEmail {
padding-left:0 !important;
}
#iconTwitter {
background:url(../media/icons/twitter.png) left no-repeat;
}
#iconLinkedin {
background:url(../media/icons/linkedin.png) left no-repeat;
}
#iconYelp {
background:url(../media/icons/yelp.png) left no-repeat;
}
#iconFoursquare {
background:url(../media/icons/foursquare.png) left no-repeat;
}