@CHARSET "ISO-8859-1";

body {  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
     font-size: 14px;
     color: #000;
} 

@viewport {
     width: auto;

     max-width: auto;
     min-width: auto;

     zoom: auto; 

     max-zoom: 1; /* Largest allowed zoom factor. */
     min-zoom: 1; /* Smallest allowed zoom factor. */

     user-zoom: zoom; /* fixed | zoom */
}

h1 {
     color: #0484c9;
     text-align: left;
     font-size: 1.4em;
}

h2 {
     color: #0484c9;
     text-align: left;
     font-size: 1.2em;
}

h3 {
     color: #0484c9;
     text-align: left;
     font-size: 1em;
}


h4 {
     font-size: 0.8em;
}

h5 {
     font-size: 0.6em;
}

h6 {
     font-size: 0.4em;
}

section {
     border: 0px solid;
     border-radius: 25px;
     -moz-border-radius: 5px; /* Old Firefox */
}

.title {
     margin-bottom: 20px
}


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{
     display: block
}

/* Set the body's header so the logo floats left with text in the middle */
body > header{
     position: relative;
     height: auto;
     width: auto;
     margin:0;
     display: block;
}

body > header a{
     float: left;
     margin-right: 0.5em;
     display: inline;
}

body > header > h1{
     font-size: 2.4em;
     position: absolute;
     vertical-align: middle;
     top: 0;
     bottom: 0;
     height: auto;
     display: inline-block;
     line-height: 1em;
}

body > header img {
     border: 0px solid;
}

nav ul {
     list-style: none; padding: 10px; display: block;
     margin-left:0px;
     clear: both; background-color: #EEEEEE;
     padding-left: 4px; height: 24px;
}


nav a {
     color: #0084c9; text-decoration: none;
     font-size: 1em; font-weight: bold;
}

nav a:hover {
     color: #000000;
}

body>nav{
     text-align: center;
}

body>nav li{
     margin-left: 2em;
     display: inline;
}


footer {
     margin-top: 2em;
}

hgroup {
     font-size: 1.5em; display: block;
     margin-left: 0.5em; 
}

time {
     font-size: 1em; display: block;
     padding: 0.2em; text-align: center; background-color: #0484c9;
     color: #fff; font-weight: bold; -moz-border-radius: 6px;
     -webkit-border-radius: 6px; border-radius: 6px; float: left;
     margin-bottom: 0px;
}

time span {
     font-size: 1em; font-weight: normal;
     text-transform: uppercase;
     margin-left: 1em; 
}

article {
     margin-left: auto;
     margin-right: auto;
     width: 85%;
}



html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
}

a:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px
}

a:hover,a:active {
     outline: 0
}

a {
     color: #0182c6;
     text-decoration: underline
}

a:hover {
     color: #000;
     text-decoration: underline
}

sub,sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline
}



p {
     margin-left: 0.5em;
}


small {
     font-size: 85%
}

strong {
     font-weight: bold
}

li {
     line-height: 1.5em;
}

ul.unstyled,ol.unstyled {
     margin-left: 0;
     list-style: none
}


dl {
     margin-bottom: 20px
}

dt,dd {
     line-height: 20px
}

dt {
     font-weight: bold
}

dd {
     margin-left: 10px
}


hr {
     margin: 20px 0;
     border: 0;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #fff
}

q:before,q:after,blockquote:before,blockquote:after {
     content: ""
}

address {
     display: block;
     margin-bottom: 20px;
     font-style: normal;
     line-height: 20px
}

code,pre {
     padding: 0 3px 2px;
     font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
     font-size: 12px;
     color: #222;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px
}

code {
     padding: 2px 4px;
     color: #d14;
     background-color: #f7f7f9;
     border: 1px solid #e1e1e8
}


form {
     margin: 0 0 20px
}

fieldset {
     padding: 0;
     margin: 0;
     border: 0
}


label,input,button,select,textarea {
     font-size: 14px;
     font-weight: normal;
     line-height: 20px
}

input,button,select,textarea {
     font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif
}

label {
     display: block;
     margin-bottom: 5px
}


textarea {
     height: auto
}

select {
     width: 220px;
     border: 1px solid #ccc;
     background-color: #fff
}

select[multiple],select[size] {
     height: auto
}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus
{
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px
}

input:-moz-placeholder,textarea:-moz-placeholder {
     color: #999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
     color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
     color: #999
}

table.banner {
     max-width: 100%;
     border: 0px;
     background-color: transparent;
}

td.banner {
     border: 0px;
     background-color: transparent;
}

table {
     border-collapse: collapse;
     max-width: 100%;
     border: 1px solid #000;
     background-color: transparent;
     padding: 0.5em;
}

th {
     padding-left: 1.5em;
     padding-right: 1.5em;
     text-align: left; 
     background-color: #0484c9;
     color: #FFFFFF;
     font-size: 1.2em;
     border: 1px solid #000;
}

td {
     padding-left: 1.5em;
     padding-right: 1.5em;
     text-align: left; 
     background-color: transparent;
}

tr#examrow td{
     color: #FF0000;
     text-align: center;
     font-size: 1.4em;
}

table.gridtable {
     font-family: verdana,arial,sans-serif;
     font-size:11px;
     color:#333333;
     border-width: 1px;
     border-color: #666666;
     border-collapse: collapse;
}

table.gridtable th {
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #666666;
}
table.gridtable td {
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #666666;
     background-color: #ffffff;
}

table.gridtable tr:nth-child(odd) td{
     background-color:#EEEEEE;
}
table.gridtable tr:nth-child(even) td{
     background-color:#fff;
}

div.clear{
     clear: both;
}
