/* Base text styles. */
body 
{
    background-color:#c0c0c0;
    margin:0;
    padding:0;
    font-family:pt-sans,Arial,sans-serif;
    font-size:16px;
}

h1{font-family:"Segoe UI",Verdana,sans-serif;font-weight:200;font-style:normal;font-size:28px;margin:10px 0 10px 0;padding:5px 5px 5px 10px;
   color:#FFFFFF;background-color:#FF0000;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
h2{font-family:"Segoe UI",Verdana,sans-serif;font-weight:200;font-style:normal;font-size:22px;margin:10px 0 10px 0;}
h3{font-family:"Segoe UI",Verdana,sans-serif;font-weight:bold;font-style:normal;font-size:18px;margin:10px 0 0 0;clear:both;}
h4{font-family:"Segoe UI",Verdana,sans-serif;font-weight:bold;font-style:normal;font-size:16px;margin:10px 0 0 0;clear:both;font-variant-caps:small-caps;}

h3 + p {margin-top:0;}
dd > p {margin-top:0;}
p.frontPageLink {margin-right:10px;margin-top:0;}
p.frontPageLink a, p.frontPageLink a:link, p.frontPageLink a:visited, p.frontPageLink a:hover, p.frontPageLink a:active {color:Red;font-weight:bold;}

/* Dictionary list styles. */
dt{margin-top:10px;}
dt.ui-widget-content{padding-left:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

/* Special table styles. */
tr.emptyDataRow td {text-align:center;}

/* Images */
img.textWrapRight 
{
    margin-right:10px;
    float:left;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}

img.textWrapLeft 
{
    margin-left:10px;
    float:right;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}

/* Calendar Download */
#calendarDownload {margin-top:10px;}

/* Header styles. */
#header img {border:0;}

/* Menu styles. */
#menu ul {margin:0;padding:0;}
#menu li 
{
    width:150px;
    padding:0;
    list-style-type:none;
    margin:2px 0 2px 0;
}
#menu li a
{
    width:130px;
    padding:10px;
    display:inline-block;
    font-size:14px;
}

/* FAQ Styles */
#FAQ dt {font-weight:bold;}

/* Form Styles */
div.formList p label {
  display:inline-block;
  vertical-align: top;
  width:120px;
}
label.error {color: red; margin-left: 120px; vertical-align: top; }
div.formList div.ui-state-error {clear:both;}

div.formList ul 
{
    float:left;
    padding-left:0;
    margin-left:50px;
    display:inline-block;
}
div.formList ul:nth-of-type(1) 
{
    margin-left:120px;
}
div.formList li
{
    list-style-type: none;
}
div.formList div {clear:both;} /* Helps jQuery Validate messages look nicer under multi-column lists. */
div.formList div.noColumns li label
{
    width:auto;
}

@media only screen and (min-width: 850px) {
    #InterestedIn div {float:left;}
    #HowHeard div {float:left;}
}
@media only screen and (max-width: 849px) 
{
    #InterestedIn div:nth-child(2) ul {margin-top:0px;}
    #HowHeard div:nth-child(2) ul {margin-top:0px;}
}