html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,h1,h2,h3,h4,h5,h6,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,meter,nav,section,summary,time,mark,audio,video{-webkit-appearance:none;background:transparent;border:0;font-size:100%;font-weight:400;list-style:none;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{background:transparent;border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}

.back{
	width:25%;
	background:#CC0000;
	display:block;
	box-shadow: inset 0 0 15px #EB9A73;
	margin: 1em auto;
}

.back a{
	font-family: "Lucida Sans", Verdana, sans-serif;
	color:#FFF;
	line-height:2em;
	text-decoration:none;
	margin:0 auto;
	display:block;
	text-align:center;
}
/* end common */

#fl1024, #fl800, #fl640, #fl480, #fl320, .jLink, section article select.navmobi {display:none;}
#wrapper {width:100%;-max-width: 1280px;overflow:hidden;-moz-user-select: none;}
#page {width: 75%; /* 820 / 1280 */ margin: 3px auto 1em;-background-color:#fef8f0;display:block;}
#page:after {
	display:block;
	clear:both;
	content:"";
}
#page header, #page section, #page footer{width:100%;float:left;}

#page #hline{-border:1px solid;width:100%;display:block;}

#page #hline .hlinks, #page #hline .hsocial{padding:5px 0;margin-top:.3em;background-color:#fef8f0;}

#page #hline .hsocial {float:left;width:50%;}

#page #hline .hsocial #social{
	width:100%;
	font-size: .7em;
	font-weight: 600; 
	font-family: verdana, arial, sans-serif;
	color: #006;
}

#page #hline .hsocial #social a img {/*width:16px;height:16px;*/}
#page #hline .hsocial #social span, #page #hline .hsocial #social a {
	display:inline-block;vertical-align:middle;
}

#page #hline .hlinks {
	float:right;
	text-align:right;
	width:50%;
	height:30px;
}

#page #hline .hlinks a{
	vertical-align:middle;
	display:inline-block;
	line-height:2.5em;
}

header #upbox, nav, footer #footer_left {
	float:left;
	width:24.390243902439024390243902439024%; /* 200 / 820 */
	background-color: #000;text-align:center;
}
header #upbox {height:132px;}
#upbox img {margin:0 auto;max-width:100%;height:95px;}

header #head {
	position:relative;
	float:left;
	height:132px;
	width:75.609756097560975609756097560976%; /* 620/820 */
	max-width:100%;
	z-index:0;
	background-color: #FEF1E1;
	background: -moz-linear-gradient(left,  #fef1e1 75%, #FFC 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(100%,#FFC));
	background: -webkit-linear-gradient(left, #fef1e1 75%,#FFC 100%);
	background: -o-linear-gradient(left, #fef1e1 75%,#FFC 100%);
	background: -ms-linear-gradient(left, #fef1e1 75%,#FFC 100%);
	background: linear-gradient(left, #fef1e1 75%,#FFC 100%);
	-border:1px solid;
}

#head #bg img {position:absolute;width:100%;max-width:100%;height:132px;}

section{background-color:#222;}

nav {float:left;}

nav a.menuMain img {max-width:100%;margin-bottom:.5em;}

.aslogan {
	width:80%;
	margin: 10px auto;
	text-align:left;
	-border:1px solid;/**/
	
}

.aslogan li {
	float:left;
	-line-height: 1.4375em;/**/
	margin-bottom:.6375em;
	font-family: 'Comics Sans MS', garamond, serif;
	font-weight: bold;
	font-size:1em;
	width:50%; /*373-25=338/746*/
	padding-left:25px; 
	list-style:none;
}

.aslogan li:before, .aslogan .orph:before{
	content:'\020 \2713 \020';color:#009933;
}

.aslogan:after{
    content: "";
    clear: both;
    display: block;
}

.menuTitle {
	color:#ffffd7;
	font-size:.85em;
	line-height:1.5em;
	-font-weight:bold;
	font-family:Verdana, helvetica, sans-serif;
	margin:1.5em .5em .5em;
	padding:6px 0;
	background-color:#A80537;
}

.leftmenu, .leftmenuActive { 
	margin:6px;
	border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; -rim-border-radius: 10px; -o-border-radius: 10px;
	background-color: #222; /*#FF626B*/
	padding:2px;
	display: block;
}

.leftmenuActive {
	background-color: #996;
}

.menuMain2:link, .menuMain2:visited	{
	display:block;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-style: normal;
	text-decoration:none;
	color: #ffffd7;/*#FFC;*/
	margin:3px 0;
}
.menuMain2:active{color: #ffffd7;}
.menuMain2:hover{color:#F00;}

.announcements{
	width:99%;
	clear:both;
}

.announcements .head{
	font-family: Verdana, sans-serif;
	font-size:.9em;
	color:#fff;
}

.announcements li {
	float:left;
	line-height: 1.4375em;/**/
	margin-bottom:.6375em;
	font-family: Verdana, sans-serif;
	font-size:.8em;
	list-style:none;
	text-align:left;
	letter-spacing:.1em;
	padding-left:10px;
	color:#fff;
}

.announcements ul li:before{
	content: '\020 \2713 \020';
	color:#fff;
}

ul#preview{
	list-style:none;
	margin:24px 2.5% 0;
}

ul#preview li{
	display:inline;
}

ul#preview li a{
	color:#555;
}

#content2 a{color:#777; padding:6px;}

section article, footer #footer-right {
	float:right;
	width:75.6%; /* 617 / 820 */
	-border:1px solid;
}

section article {background-color:#fefefc !important;border-bottom-right-radius:15px;}
section article #content {margin:2.5%; float:left; width:95%;}

#hbar1 {width:100%;background-color:#fef1e1 !important;}

#hbar1 marquee {float:left;margin:3px 4px .5em 4px;padding:0;max-width:100%;-border:1px solid;
	font-size: .8em;font-weight:600;font-style: normal;font-family: Arial, "Microsoft Sans Serif", sans-serif;color: #C90006;
}

#hbar2, #hbar3{width:100%; background-color:#fef8f0 !important;}

#hbar2, article #hbar2 a {font-family: verdana, arial, sans-serif;text-align:center;}

#hbar2 a {
	display:inline-block;
	width:19.354838709677419354838709677419%; /* 120 / 620 */
	margin:3px 5px;border:1px dotted;
	border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -rim-border-radius: 5px; -o-border-radius: 5px;
	font-size: .8em;padding:6px;text-decoration:none;color: #a80537;	-background-color:#0080C0;	/*#BA0C45;*/
}

#hbar2 a:hover {background-color:#c00;color:#ffc}

#hbar3 a{
	display:inline-block;
	margin:3px 5px;
	font-size: 1rem;
	padding:8px;
	text-decoration:none;
	color: #a80537;	
	-background-color:#0080C0;
}


.normal{
	font-family:Arial, sans-serif;
	margin:0 2%;
}

.normal li{
	padding:0 0 10px;
	text-align:justify;
	
}

.condensed li{
	padding:0;
	text-align:left;
}

.link{
	font-size: .7em;
	font-weight: 600; 
	font-style: normal;
	font-family: verdana, arial, sans-serif;
	color: #006;
}
.link:visited{color: #936;}
.link:active{color: #CB0C11;}
.link:hover{color:#989787;}

.mLink, .jLink{
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #eee;
	line-height:26px;
}

.mLink:visited, .jLink:visited{color: #063;}
.mLink:active,  .jLink:active{color: #FFF;}

section nav .articleBox{
	width:86%;
	border:1px solid #DDD;
	margin: 0 auto .2em;
	padding:2%;
}

section nav .articleBox .title{
	text-align:center;
	font-weight:bold;
	font-size:.9em;
	margin-bottom:.2em;
	color:#fff;
}

section nav .articleBox .artbody{
	font-family:Arial, helvetica, sans-serif;
	font-size:.82em;
	text-align:justify;
	line-height:1.2em;
	color:#eee;
}

section nav .articleBox .artbody .artlink, section nav .articleBox .artbody .artbottom{
	color:#aaa;
	font-weight:bold;
}

section nav .articleBox .artbody .artbottom{font-size:1em;}

.menu{font-size: .9em;font-weight: bold;text-decoration: underline;font-family: Arial, Helvetica, sans-serif;color: #eee;line-height:24px;}
.menu:hover{color: #696969;}

table.slogans tr td, .menuMarquee{padding:12px 2px 2px;vertical-align:top;font-family:verdana, sans-serif;font-size:.9em;color:#eee;text-align:left;line-height:18px;}
table.slogans tr td img {width:16px;}

.sideImg {max-width:100%;border:0;margin:.5em auto;}

.sidePic img{
	float:left;margin:7px;
}

.statbox {
	float:left;
	/*border:1px solid;/**/
	width: 96%;
	margin: 6px 2%;
}

section article .statbox .header {
	text-align:center;
	font-family: Bangle, sans-serif;
	font-variant:small-caps;
	font-size:1.3em;
	letter-spacing:.3em;
	border:1px solid #ddd;
	line-height: 24px;
	background-color:#C90006;
	color:#FEF8D6;
}

section article .statbox .col {
	float:left;
	-width: 47.97843665768194%; /*370-4-10=356/742*/
	border-style:solid;
	border-left: 1px solid #ddd;
	border-right: 1px dotted #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 0;
	padding-left: 10px;
	padding-top:10px;
	margin-bottom: 10px;
	background-color: #f9f9de;
	-min-height: 210px;
}

.statbox .col li {
	list-style-position: inside;
	list-style-type:disc;
	line-height:24px;
	margin: 6px 3px 12px;
	font-family:Arial, helvetica, sans-serif;
	font-size:.9em;
}

.statbox .col:last-child{border-left:0;	border-right: 1px solid #ddd;}

.statbox .footer {
	background-color: #f9f9de;
	border-left: 1px solid #ddd;
	border-right: 1px dotted #ddd;
	border-bottom: 1px solid #ddd;
	padding-left:10px;
	padding-bottom:3px;
	font-family:Arial, helvetica, sans-serif;
	font-size:.8em;
}

section article #content .warning, section article #content .awarning {
	float:left;
	border: 1px solid;
	width: 90%;
	margin: 12px 5% 24px;
}

/* You could use this either as warning bx with l1 and l2 together or a note or rule box with l2 and rule */
.warning .l1, .awarning .l1 {border: 2px solid #fff;}
.warning .l1 .l2, .awarning .l1 .l2 {border: 7px solid;}

.l3 {
	margin: 3px;
	font-family:Verdana, helvetica, sans-serif;
	font-size:.85em;
	line-height:24px;
}

.l3 .rule {background-color:#FFC;font-size:1em;line-height:24px;}

article .article {width:96%;float:left;margin:1.5em 2% .5em;}

section article .faq {
	display:block;
	margin:.5em auto;
	text-align:justify;
	width:90%;
}

section article .faq a {
	font-family:Verdana, helvetica, sans-serif;
	font-size:.85em;
	letter-spacing:.05em;
	color:#039;
	line-height:1.5em;
}

section article .faq p {text-align:center;}

footer #footer_left {
	background-color:#333;
	color:#FFF;
}

footer {float:left;-border:1px solid;margin-bottom:.5em;}

footer #footer_right {text-align:center;padding:0 10px;background-color:#fef1e1;}

footer #footer_bottom {text-align:center;background-color:#fef8f0;}

.faq fieldset {
	border:1px solid #848484;
	border-radius:10%;
	padding:.5em;
	margin-bottom:.5em;
}

.faq fieldset label{
	font-family:Verdana, sans-serif;
	font-size:.9em;
	margin-left:.3em;
}

.faqlink{color:#00F;}

.rnavbtn, .lnavbtn, .cnavbtn {
	display:block; 
	text-align:center; 
	padding:.3em 0;
}
.lnavbtn{float:left; margin: .3em 0 1em .5em;padding-bottom:1em;}
.rnavbtn{float:right; margin: .3em .5em 1em 0;padding-bottom:1em;}
.cnavbtn{margin:.3em auto 1em;border-radius:5px;background-color:#003333;} 
.cnavbtn{display:block;width:47%;height:auto;}
.rnavbtn, .lnavbtn {
	width:21.393841166936790923824959481361%; /*132/617*/
	height:27px;
	-border:1px solid #000;
}

.rnavbtn a, .lnavbtn a, .cnavbtn a{
	font-family:Verdana, Arial, sans-serif;
	line-height:1.5em;
	color:#fff;
	text-decoration:none;
	display:block;
	-width:100%;
	-height:100%;
}

.navimg{border:0;max-width:100%;height:60px;}

.btnJoin, .btnBack {
	width:21.8586387434555%;
	background:#224977; 
	display:block;
	box-shadow: inset 0 0 15px #333;
	margin-bottom:1em;
	margin-top:1em;
}

.btnJoin a, .btnBack a {
	font-family: "Lucida Sans", Verdana, sans-serif;
	color:#FFF;
	line-height:2em;
	text-decoration:none;
	margin:0 auto;
	display:block;
}

.btnBack, .btnJoin {width:25%;}

b, strong {font-weight: 600; letter-spacing:0.07em;}

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	font-weight:bold;
}

h1{	font-size:1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	margin:.5em 0;
}
h2, ol.normal li.t2 {font-size:1.25em;margin:.5em 0;font-family:Verdana, sans-serif;font-weight:normal;}
h3{font-size:1.15em;margin:.5em 0;font-family:Verdana, sans-serif;font-weight:normal;line-height:1.2em}
h4{font-size:1.1em;font-style:italic;margin:.5em 0;}
ol.normal li.t2 {text-indent:0}

p, li {
	margin:1em 0;	 
	line-height:1.4em;
	font-size:1em;
	letter-spacing:.1em;
	font-family:Arial, helvetica, sans-serif;
	text-align:justify;
	color:#222;
}

/** VERTICAL RYTHM COMPLIANCE **/
h1, h2, h3, h4, h5, h6, p{
	line-height: 24px;
	margin: 24px .5em;
}

h5{font-size:1em;line-height:.9em;margin:24px .5em 0}

.blue, div.blue p{
	color:#003366;
	font-weight:bold;
	font-family:Verdana, sans-serif;
	line-height:1.5em;
	margin-left:1em;
}

img {max-width:100% !important;}
ul.normal, .normal ul, ul.normal2, .normal2 ul, .normal ul li:last-child, ul.normal li:last-child, ul.normal li:last-child, .normal ol li:last-child, ol.normal li:last-child {margin-bottom:1em;}

.normal ul li, ul.normal li, .normal li, .normal ol li, ol.normal li, ul.normal2 li{
	list-style-type: disc;
	list-style-position:inside;
	margin: 0 .5em;
	font-family: Arial, helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em;
	text-indent: .7em; 
	color:#000;
}

ul.normal2, .normal2 ul{padding-left:1em;}
ul.normal2 li, .normal2 ul li{
	text-indent:-1em;
	padding-left:.5em;
}

.normal ol li, ol.normal li, .normal li {
	list-style-type: decimal;
	list-style-position:inside;
}

.pageImg{
	max-width:100%;
	width:228px;
	margin:0 auto;
}

.pageImgCap{
	font-family: "Trebuchet", sans-serif;
	font-size:.9em;
	text-align:center;
}

.bodytable {
	width: 54.421768707482993197278911564626%;/* 400 / 735 */
	border: 1px solid #999;
	margin:1em auto;
}
	
.bodytable tr th {
	text-align:center;
	-border-bottom:1px solid #999;
	font-weight:bold;
	-font-size:1.1em;
	font-size:1.4em;
	font-family:"Times New Roman";
	-color:#CB0C11;
	color:#066;
}
.bodytable tr td, .bodytable tr th, .bodytable tr th.first{
	text-align:left;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	color:#333;
}


.bodytable {width:95%;table-layout:fixed;}

.bodytable tr th {
	font-size:1.2em;
	text-align:center;
	color:#066;
	padding:0 .5em;
}

.bodytable tr td {
	padding:.3em .1em;
	text-align:center;
	vertical-align:middle;
	color:#333;
	width:25%;
	word-wrap:break-word;
}

.bodytable td:nth-child(odd){font-family:verdana;font-size:.9em;font-weight:bold;}
.bodytable td:nth-child(even){font-family:verdana;font-size:.9em;font-weight:normal}

.bodytable .legend{display:none;}

.attention{
	font-family: Verdana, sans-serif;
	font-size:1.1em;
	letter-spacing:.1em;
	line-height:1.5em;
	text-align:justify;
	width:90%;
	margin: .5em 5%;
}

.linkspec:link, .linkspec:visited, .linkspec:active, linkspec:hover, .nolink { 
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif;/*"Comic Sans MS", Georgia, Verdana, "Courrier New";*/
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #CC6;/*2F4F4F; }*/
}
	
.linkspec:visited {color: #9C9;}/*214141; }*/
.linkspec:active {color: #F63;}/*800; }*/
.linkspec:hover {color: #F60;}/*696969;}*/

p.mathcontainer{
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:1.1em;
	font-family:"Times new roman", serif;
}

.formula{
	border:1px solid #000;
	padding:.2em;
	display:inline-block;
}
.math{
	padding:.2em;
}

.ranking_top{
	width:40%;
	margin: auto;
	padding:.3em;
	border: solid #F0F1AD 5px;
	background-color:#ffffcc;
}

.ranking_top .legend{
	font-family:Verdana, sans-serif;
	font-size:1.5em;
	font-variant:italic;
	background-color:#f0f1ad;
	float:right;
	font-weight:800
}

.ranking_top .nota {
	font-variant: italic;
	display:block;
}

ol#ranking_top {list-style: none; counter-reset: li;}

#ranking_top > li {
	color: #cc3300;
	font-size:1.1em;
}

ol#ranking_top li::before {content: counter(li); color: red;
  display: inline-block; width: 1em;margin-left: -1em;
    margin-right: .6em; text-align: right; direction: rtl;list-style-position: inside !important;background-color:#F0F1AD;}

ol#ranking_top{
	margin:0;padding:5px;border:0;
	background-color:#ffffcc;
}

ol#ranking_top li {
	counter-increment: li;
	-list-style-type: number !important;
	list-style-position: inside !important;
	padding-left:5px;
	margin:1em 1.5em;
}

@media screen and (max-width:1080px){.additional  {display:none;}  
	article .article{margin-top:1em;}
	#page {width: 75.925925925925925925925925925926%; /* 820 / 1080 */}

}
@media screen and (max-width:1024px){
	#fl800, #fl640, #fl480, #fl320,  .slogan li .additional  {display:none;}	
	#fl1024{display:inline;}
	#page {width: 80.078125%; /* 820 / 1024 */}
}

@media screen and (max-width:800px){
	#fl1024, #fl640, #fl480, #fl320 {display:none;}	
	#fl800{display:inline;}
	#page {width: 95%;}
	.bodytable {width:96%;table-layout:auto;}
	.bodytable tr td {width:auto;}
	.bodytable td{display:block; text-align:left !important;line-height:1.3em;}
	.bodytable td:first-of-type{background-color:#f3f3f3;text-align:center !important;font-size:1em;}
	.bodytable th{display:none;}
	.bodytable th.first{display:block; padding:.3em .1em .1em;}
	.bodytable .legend{display:inline; float:left;}
	fieldset a {line-height:2.5em !important;}
}

@media screen and (max-width:480px){
	.normal{margin:0;}
	.sidePic {text-align:center;}
	.sidePic img{clear:both;float:none;}
}