

/* SMALL SCREEN
   ============
*/

body { background-color:white;color:black;font-size:14px;line-height:22px;font-family :Verdana, Geneva, sans-serif;width:100%}
#topband {display:none;}
#topmenu {display:none;}
#topmenucontainer {display:inline;width:95%;margin:auto;}
#paper {background-color:white;padding:0;width:95%;margin:auto;}
#bannerdiv {width:90%;padding:.1em 1% .1em 3%;margin:1em auto 1em auto;text-align:center;border-bottom:1px solid black;}
#ttlogo {max-width:100%;padding:0 0 .2em 0;margin:auto;border:0;}
.mobilemenu {margin:auto;width:90%;text-align:center;}
#topmenucloser {display:none;}
#leftbar {display:none;}
#leftmenu {display:none;}
#rightmenu {display:block;margin:auto; max-width:100%;width:292px;height:231px;z-index:3;position:relative;clear:right;}
#footer {display:none;}
#content {margin:0;padding:0;min-width:90%;margin-bottom:20px;position:relative;}
#message {display:block;text-align:center;}
.mobileonly {display:block;}
.screenonly {display:block;}
.printonly {display:none;}
H1 { font-size :1.5em;line-height :1.6em;margin:1em 0 0 0;text-transform:capitalize;color:#942;font-family:Helvetica, Arial, sans-serif;}
H2 { color:#115;font-size:1.3em;line-height:1.3em;font-family:Helvetica, Arial, sans-serif;text-transform:capitalize;margin:1em 0 0 0;font-weight:normal;}
H3 { color:#338;font-size:1.3em;line-height:1.2em;font-family:Helvetica, Arial, sans-serif;text-transform:capitalize;margin:1em 0 0 0;font-weight:normal;}
H4 { color:#888;font-size:1.3em;line-height:1.1em;font-family:Helvetica, Arial, sans-serif;text-transform:capitalize;margin:1em 0 0 0;font-weight:normal;}

#mmdiblock {width:90%;margin:auto;clear:both;}
.ql {float:left;width:40%;padding:5px;}
.qr {float:right;width:40%;padding:5px;text-align:right;}
.radiocontainer {width:80%;padding:0;margin:0 auto 12px auto;text-align:center;clear:both;}

*, P, PRE, TABLE { color:black;font-size:1em;line-height:1.5em;padding:0;margin:0;font-family :Verdana, Geneva, sans-serif;}
P { padding-top:1em;padding-bottom:1em;}

img {max-width:100%;}

a.smallcalltoaction {display:block;clear:both;margin:auto;background-color:#942;padding:4px 8px;color:white;font-size:13px;line-height:17px;text-align:center;font-weight:bold;border-style:outset;border-width:3px;border-color:#CFC4A7;width:98px;}
a.smallcalltoaction:link {color:white;}
a.smallcalltoaction:visited {color:white;}
a.smallcalltoaction:hover {background-color:#12356E;color:yellow;}
a.smallcalltoaction:active {background-color:#25254A;color:yellow;border-style:inset;padding:2px 9px 4px 7px;}

.sidetablewrapper {margin:0;padding:3px;background-color:#eee;}
.sidetable {text-align:center;padding:3px;vertical-align:middle;border:0;margin:0;}

sup {height:0;line-height:1;vertical-align:baseline;vertical-align:bottom;position:relative;bottom:1ex;color:#444;font-size :85%;color :#555;}
.caption { 
font-size :11px;line-height:13px;color :#006;}
a:link { font-size:inherit;line-height:inherit;
color :#336;text-decoration :none;}
a:visited { font-size:inherit;line-height:inherit;
color :#336;text-decoration :none;}
a:hover { font-size:inherit;line-height:inherit;
color :white;background-color:#942;text-decoration:none;}

ul {text-indent:0;list-style-position:outside;list-style-type:square;margin:3px 0 3px 15px;padding:2px 0 2px 5px;}
ol {text-indent:0;list-style-position:outside;margin:3px 0 3px 15px;padding:2px 0 2px 10px;}
li {padding:3px 0 7px 5px;}
BLOCKQUOTE {margin:0;padding:12px;}
TABLE { 
border-spacing:0;border-collapse:separate ;margin-bottom:5px ;padding:0 ;border:0 ;empty-cells:hide ;}
TR {display:table-row ;}
TH {font-weight :bold ;background-color:#F4F1E8 ;display:table-cell ;vertical-align:middle ;padding:10px;}
TD {padding:.5em;font-size:100%;line-height:1.5em;font:inherit;}
.action { float:left;padding:5px;background-color:#DAB158;color:#111;border-left:1px solid #EBDCBF;border-top:1px solid #F2E6CE;border-right:1px solid #765922;border-bottom:1px solid #433313;margin:5px;float:left;text-align:center;}
.actionlink { 
font-weight:bold;color:#336;font-size:12px;line-height:14px;}
a.link.action {font-weight:bold;}
a.visited.action {font-weight:bold;}

#spelling {font-size:1em;line-height:1.5em;width:80%;margin:0 auto 1em auto;position:relative;top:-15px;color:#006;}
.spell {text-decoration:underline;color:#006 !important;display:block;margin:auto;}
#slidenav { 
float:right;margin:10px;padding:10px;text-align:center;width:100px;background-color:#DFDFFF;}
.compact { 
padding:0;border:0;margin:0;}
/*==INPUT FORMATTING==*/ 
.input { 
border:1px solid #006; background-color:#F4F1E8;}
/*--QUESTION BLOCKS--*/ 
.alternate { background-color:#efe;}
.yellow { background-color:#ff6;}
.green{ background-color:#6f6;}
.red{ background-color:#f66;}
.main { background-color:#fff;text-align:center;margin:2em auto;table-layout:fixed;}
.statementR {width:22%;font-size:1em;line-height:1em;text-align:left;vertical-align:middle;padding:1em 1em 1em 0;color:#336;margin:0;font-weight:bold;}
.statementL {width:22%;font-size:1em;line-height:1em;text-align:right;vertical-align:middle;padding:1em 0 1em 1em;color:#336;margin:0;font-weight:bold;}
.sixradios {width:50%;min-width:7em;text-align:center;padding:0;margin:0;vertical-align:top;margin:auto;}
input.mradio {width:1em;height:1em;margin:.1em;padding:0;}
table.mradio {width:100%;min-width:100%;margin:0;border:0;margin:auto;padding:1em 0 1em 0;}
td.mradio {margin:0;padding:0;border:0;width:15%;text-align:center;}
.buttons{padding:0;border:0;margin:1px 0 1px 0;}
.headerbutton { 
width:140px;background-color:transparent;border:none;font-size:12px;line-height:15px;color:#25254A;font-weight:bold;text-align:left;margin:0;padding:2px;}
.pagebutton1 { 
width:140px;font-size:11px;line-height:14px;color:#25254A;background-color:transparent;border:none;text-align:left;margin:0;padding:2px 2px 2px 7px;}
.pagebutton2 { 
width:140px;background-color:transparent;border:none;font-size:11px;line-height:14px;color:#25254A;text-align:left;margin:0;padding:2px 2px 2px 7px;}
.currentpage { 
width:140px;background-color:transparent;border:none;font-size:11px;line-height:14px;color:#500;font-weight:bold;text-align:left;margin:0;padding:2px 2px 2px 7px;}
.buybutton{background-color:#F4F1E8;color:black;font-weight:bold;padding:1px 7px 1px 7px;border-style:outset;border-width:2px;border-color:#EBE7DB;}
.buybuttonlarge{background-color:#F4F1E8;color:black;font-size:20px;font-weight:bold;border-style:outset;border-width:4px;border-color:#EBE7DB;padding:15px;}
.minitext {font-size:8px;line-height:10px;color:inherit;}
.calltoaction{background-color:#F4F1E8;color:black;font-size:17px;line-height:23px;font-weight:bold;border-style:outset;border-width:6px;border-color:#EBE7DB;padding:15px;width:170px;}

input[type='text'], input[type='checkbox'], input[type='password'], select, textarea {
    background-color:#eef;
    }
input[type='submit'], input[type='button'], button {
    background: -webkit-linear-gradient(#227, #675CB6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#227, #675CB6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#227, #675CB6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#227, #675CB6); /* Standard syntax */
    background-color:#5449A3;
    color:white;
    border:0;
    margin:0.3em;
    padding:10px 15px;
    text-transform: capitalize;
    font-size:1.1em;
    line-height:1.2em;
    }
input[type='submit']:hover, input[type='button']:hover, button:hover {
    background: -webkit-linear-gradient(#3E257F, #7C80d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3E257F, #7C80d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3E257F, #7C80d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3E257F, #7C80d6); /* Standard syntax */
    background-color:#744953;
    color:white;
    border:0;
    padding:10px 15px;
    text-transform: capitalize;
    }
.submit {
    text-align:center;
    }
.inherit {
    font-size:inherit;
    font-weight: inherit;
    line-height:inherit;
    text-decoration:inherit;
    color:inherit;
    }

.flexiblock {display:block;margin:15px auto;max-width:100%;}
.flexiblockleft {display:block;margin:15px auto;max-width:100%;}
.flexitable {margin:auto;max-width:100%;}

#intro1 {
    }
#intro2 {
    display:block;
    margin:auto;
    text-align:center;
    }
#intro3 {
    }
#intro4 {
    display:block;
    margin:auto;
    text-align:center;
    }