BODY	{
	font-family: "Quattrocento Sans", candara, "Century Gothic", sans-serif; 
	}
	
Table {vertical-align:top;}

HR {line-height:1px; width:70;}       

.margin-thing {
	margin-top:15px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:15px;}

 .answerbox {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,251,251,0.51) 50%, rgba(249,249,249,0.5) 51%, rgba(255,255,255,0.02) 100%); /* FF3.6+ */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,0.51) 50%, rgba(249,249,249,0.5) 51%, rgba(255,255,255,0.02) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(251,251,251,0.51)), color-stop(51%,rgba(249,249,249,0.5)), color-stop(100%,rgba(255,255,255,0.02))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,0.51) 50%,rgba(249,249,249,0.5) 51%,rgba(255,255,255,0.02) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,0.51) 50%,rgba(249,249,249,0.5) 51%,rgba(255,255,255,0.02) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,0.51) 50%,rgba(249,249,249,0.5) 51%,rgba(255,255,255,0.02) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,0.51) 50%,rgba(249,249,249,0.5) 51%,rgba(255,255,255,0.02) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#05ffffff',GradientType=0 ); /* IE6-9 */

 
	font-size:15px;
	margin:20px;
	background-attachment: fixed;
	background-color: white;
	border-width: thin;
	border-style: outset;
	border-color: #ccc;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	box-shadow: 3px 3px 5px #666666;
	-moz-box-shadow: 3px 3px 5px #666666;
	-webkit-box-shadow: 3px 3px 5px #666666;
     }
			 
.answertext {
	font-size:12pt;
             }		 	

 .answertext:first-letter {
	font-size:133%;
    float:left;
    color:#663;
	font-weight: 600;
	baseline-shift:super;
             }

 #top-static {
	  position: fixed;
	  top: 0px;
	  z-index: 1;
	  /*background-z-index: +1;*/
	  background-color: white;
	  width: 100%;
          margin: 0px;
          border-bottom: #CCCCCC 1px solid;
    }   
    
/*  Use this for top static:     <div id="top-static"></div>          */


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; /*clip:rect(100%,100%,0);*/ left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.cl2Bar{position:absolute; width:10px; height:9px; background-color:whitesmoke; /*layer-background-color:white;*/ visibility:hidden}

/*Styles for level 0*/
.cl2Level0,.cl2Level0over{position:absolute; padding:2px; font-family:"century gothic",tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:normal}
.cl2Level0{background-color:whitesmoke; /*layer-background-color:white;*/ color:black;}
.cl2Level0over{background-color:whitesmoke; /*layer-background-color:whitesmoke;*/ color:maroon; cursor:pointer; /*cursor:hand;*/ }
.cl2Level0border{position:absolute; visibility:hidden; background-color:whitesmoke; /*layer-background-color:whitesmoke;*/}

/*Styles for level 1*/
.cl2Level1, .cl2Level1over{position:absolute; padding:2px; font-family:"segoe ui","century gothic",tahoma, arial,helvetica,sans-serif; font-size:14px; font-weight:normal}
.cl2Level1{background-color:white; /*layer-background-color:white;*/ color:black;}
.cl2Level1over{background-color:whitesmoke; /*layer-background-color:blue;*/ color:maroon; cursor:pointer; /*cursor:hand;*/ }
.cl2Level1border{position:absolute; visibility:hidden; background-color:whitesmoke; /*layer-background-color:whitesmoke;*/}