/*
----------------------------------------------------------*/
html {height:100%}
body {background:#82d2f5 url(bg-main.png) center bottom repeat-x;font-size:.80em;
      font-family:"Trebuchet MS", Arial, sans-serif;margin:0 0 0 0;padding:0;}
a:link {color:#34282C;text-decoration:underline;}
a:visited {color:#34282C;}
a:hover {color:#151B8D;text-decoration:none;}
a:active {color:#009ee7;}
p {margin:0px;margin-bottom:8px;}
p.up {border-top:1px solid blue; width:75%; background-color:#F0F6FA}
ul {margin-bottom:17px;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#807264;}
h1 {font-size:1.4em;padding: 2px 1px 5px 10px; margin-bottom:0;margin-top:-2px;border: 0px solid #C0C0C0;}
h2 {font-size:1.3em;padding: 2px 1px 5px 5px; margin-bottom:0;margin-top:-2px;border: 0px solid #C0C0C0;}
h2 {padding:0 0 10px 0;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {width:950px;margin-left:auto;margin-right:auto}
#header {position:relative;margin:0;color:#000;padding:0 0 0 0;width:950px;
         background:url(bg-header.png) no-repeat right top;height:36px;}
	#header h1 {padding:10px 0 0 6px;margin:0;color:#134130;border:none;font-family:Arial, 
	            Helvetica, sans-serif;font-size:1.7em; line-height:1em;}
    #title {display:block;width:360px;float:left;margin:0; text-align:center; height:36px;}
   
    #menucontainer {position:absolute;bottom:0;right:7px;_bottom:-1px;  }
#main {padding:5px 10px 5px 10px;background:#fff;
       margin-bottom:30px;_height:1px;clear:both;position:relative;width:930px; background-color:#F0F6FA}
#footer {color:#999;padding:2px 0; padding-left:30px;position:absolute;bottom:-20px;left:0;font-size:.9em; text-align:center;
         background:url(bg-main-corner-sprite2.png) no-repeat -950px bottom;width:920px; background-color:#F0F6FA}
 #footer a {color:#999}        
/* TAB MENU   
--------------------------------------------#d5edc9--------------*/
ul#menu {padding:0;position:relative;margin:0 0 0 15px ;text-align:right;}
ul#menu li {display:block;list-style:none;background:#CDE0E9 url(bg-nav-corner-sprite.png) no-repeat 0 -150px;float:left;margin:0 2px 0 0;font-size:1.1em;}
ul#menu li a {padding:3px 8px;font-weight:bold;text-decoration:none;color:#807264;background: transparent url(bg-nav-corner-sprite.png) no-repeat right -150px;display:block;}
ul#menu li a:hover {text-decoration:none;color:#000;}
ul#menu li a:active {text-decoration:none;color:#807264;}
ul#menu li.selected {background:#F0F6FA url(bg-nav-corner-sprite.png) no-repeat 0 -150px;}
ul#menu li.selected a {color:#000;}

/* MISC 
----------------------------------------------------------*/
.clear {clear:both;}
.error {color:Red;}

.field-validation-error {color:#ff0000;}
.input-validation-error {border:1px solid #ff0000;background-color:#ffeeee;}
.validation-summary-errors {font-weight:bold;color:#ff0000;}

/*--------------------------------------*/
div.h {display:none}
select { font-size:1.0em;}
table.tblsel {width:100%; background-color:#F0F6FA}
td.blaction{  width:150px}

#headdiv {border: 1px solid #C0C0C0;border-bottom:0px;padding:2px;padding-left:15px; margin-top:0px;background-color:White; }
#listdiv {border: 1px solid #C0C0C0;border-top:0px;padding:4px; margin-top:0px;background-color:white; }
#listdivtext{color:Gray;padding:4px;}
#listdivwords{border-top: 0px solid #C0C0C0;border-bottom: 0px solid #C0C0C0;  }
.listdivword 
{
    float:left;
    width: 214px;
    height: 35px;
    text-align: left;
    padding: 4px;
    margin: 2px;
    background-color: #FFFFFF;
    border: 0px outset #aaa;
   border-bottom: 0px outset #aaa;
   border-right: 0px outset #aaa;
}


#quizdiv { border: 1px solid #C0C0C0;border-top:0px; padding: 4px;margin-top: 0px;background-color: white;color:gray}
#quizdivq{width: 85%;border-bottom: 2px dashed gray;margin:15px;padding: 2px;font-weight: bold;font-size:larger;color:black}
#quizdivwords {color:gray}
div.quizdivword 
{
    float:left;
    width: 210px;
    padding:4px;
	margin:4px;
	border: 1px outset #aaa;
	height: 35px;
	cursor: pointer;
	cursor: hand;
	color:Black;
	background-color: #F0F6FA;
}
div.over{border: 1px inset #C0C0C0;background-color: #FFFFCC;}

.gr5
{
	float:left;
    background-color: #FFCCFF;
    padding: 3px;
    margin: 3px;
    width: 100%;
    font-weight: bold;
    font-size: larger;
}
.gr4
{
	float:left;
    background-color: #99FF99;
    padding: 3px;
    margin: 3px;
    width: 100%;
    font-weight: bold;
    font-size: larger;
}
.gr3
{float:left;
    background-color: #CCFFFF;
    padding: 3px;
    margin: 3px;
    width: 100%;
    font-weight: bold;
    font-size: larger;
}
.gr2
{float:left;
    background-color: #FFFF66;
    color:red;
    padding: 3px;
    margin: 3px;
    width: 100%;
    font-weight: bold;
    font-size: larger;
}
.gr1
{float:left;
    background-color: #FF0000;
    color:white;
    padding: 3px;
    margin: 3px;
    width: 100%;
    font-weight: bold;
    font-size: larger;
}
span.s {padding:3px; font-weight:bold;color:Black}