html {
        /*          background:#800020;   6699CC=blue*/
        background: #444;
        height: 100%;
}

body {
/*        background: #444;*/
        padding-bottom:20px;
        min-height:100%;
        background: transparent url(../images/bgstripe.png) repeat scroll 0 0;
}

#header {
  background: #000;
  padding:0px;
  height:98px;
  /*        width:800px;*/
  margin: 0 auto;
  text-align: right;
  position:relative;
  -moz-box-shadow: -5px 1px 5px;
  -webkit-box-shadow: -5px 1px 5px #000;
}
#header h1 {
  background: url("../images/logov3.png") top left no-repeat;
  /*         padding-top:10px;
  padding-left:30px; */
  width:400px;
  height:68px;
  font: 3% /*397*/ "Trebuchet MS", Verdana, sans-serif;
  color:black;
  float:left;
  margin-top:20px;
  margin-left: 40px;
}
#header a {
        margin-right:5px;
        margin-left:-3px;
        padding:7px;
        color:white;
        line-height:1.5em;
}
#header  a.bannerclicky {
		float:left;
		display:block;
		width:400px;
		height:68px
}
   
#header > a, #header p a {
	background:#B9B9B9;
	float:right;
	display:block;
	width:50px;
	text-align: center;
	padding-top:2px;
	padding-bottom:2px;
	}
#header > a:hover {
        background:grey;
}
#header ul {
  position:absolute;
  top:70px;
  right: 10px;
}
#header li {
        display:inline;

}
#header li a {
        background:transparent;
        color:#EEE;
        font: 116% Georgia;
        right:10px;
		text-decoration:none;
}

#header p > a.menu-open {
	background: white;
	color: black;
	opacity: 0.95;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius:5px;
	text-decoration: none;
	z-index: 11;
}

#loginbox {
	z-index: 10;
	text-align: left;
	display: none;
	padding:10px;
	position:absolute;
/*	right: 71px;*/
	right: 5px;
	top:23px;
	width: 180px;
	background:white;
	opacity: 0.9;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius:10px;
	border: 1px solid #DDD;
  -moz-box-shadow: 1px 1px 4px #333;
  -webkit-box-shadow: 1px 1px 4px #333;
}

#loginbox label {
	font-size: 77%;
	color: #858585;
}

#loginbox input {
	margin:2px;
}

#loginbox input[type=text], #loginbox input[type=password] {
	padding: 2px;
	font-size: 116%;
}

#loginbox input[type=submit] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid gray;
	background: white;
	padding:2px;
	font-size: 90%;
}


#footer {
/*        margin:0 auto;*/
        clear:both;
        font-size: 90%;
        color:#999;
        text-align: center;
        margin-top:20px;
}
#current {
        color:#00F;
}
#header li a:hover {
        background:none;
        text-decoration:underline;
}
.pgmarker {
        background: #000 url("../images/marker.png") top left no-repeat;
        height:13px;
        width:25px;
        position:absolute;
        top:88px;
}

h2, h3, h4 {
        font-weight: bold;
}
h5, h6 {
        font-weight: normal;
}
h2 {
        font-size: 116%;
}
.hider h2 {
        font: 100% georgia;
}
.block h5, .block h6 {
        font-size:77%;
}

.block h5 {
        font-style: italic;
}

#maincontent, #maincontent2, .blob {
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
/*    border: 1px solid #ddd;*/
/*    -moz-box-shadow: 1px 4px 10px #999;*/
    overflow:hidden;
}

#console, .blob2 {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    overflow:hidden;
}
.blob {
        margin:0 auto;
        margin-bottom: 5px;
        width:740px;
        background-color: #353535;
        color: white;
        padding:10px 20px;
}

.blob2 {
        margin:0 auto;
        margin-bottom: 5px;
        width:700px;
        background-color: #666;
        color: white;
        padding:10px 20px;;
}

#maincontent {
        background:white; /*url("images/headerback.png") repeat-x scroll bottom left;*/

        margin: 0 auto;
        width: 740px;

        padding:20px;
        font: 108% /*Georgia, "Times New Roman", serif */ Helvetica, Verdana, sans-serif;
        line-height:1.5em;
}

#maincontent h1 {
        font: 197% Georgia, "Times New Roman", serif;
        margin-bottom:9px;
}

#maincontent table td,#maincontent table th {
        padding:2px 7px;
}
#maincontent table th {
        font: 146.5% Georgia, "Times New Roman", serif;
        padding-bottom:7px;
}

input[type="submit"] {
        font-size:13px;
}

input[type="radio"], input[type="checkbox"] {
/*        position:relative;
        top:2px;*/
        vertical-align:middle;
        margin-bottom:3px;
}

/* FOR TABLE WHEN PREVIEWING CLASS INFORMATION  - maybe more?*/

#preview th {
	text-align: left;
	font: 115% Georgia, "Times New Roman", serif;
	padding:4px 6px 6px 6px;
}

#preview td {
	text-align: left;
	font: 90% Georgia, "Times New Roman", serif;
	padding:2px 5px 2px 5px;
}

#console {
        height:20px;
        background-color: #666;/*#353535;*/
        color: white;
}

#console > * > a {
        color: #99D6FF;
}

#console > * > a:visited {
        color: #FFF599;
}

#console label {
        margin-left:5px;
/*        font-size: 85%;*/
}


.unem {
   font-size: 77%;
   color: #858585;
}

a.unem {
    text-decoration: none;
}

a.unem:hover {
    color: #FFC71F;
}

#loading {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  display: none;
  height: 40px;
  width: 40px;
  overflow: hidden;
  z-index:100;
  clear: both;
}

#loading > div {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../fancybox/fancy_progress.png) no-repeat scroll 0 0;
  height:480px;
  width:40px;
}

/* 
MODAL
*/

#modalcover {      
  display: none;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background: black;
  z-index: 1000;
}

#modalwrap{
	position:absolute;
	bottom: 50%;
	right: 50%;
	height:300px;
}

#modal {
  display: none;
  position: relative;
  margin: 0 auto;
  background: white;
  top:50%;

  left:50%;
  border: 1px solid #E1E1E1;
  padding:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 1px 1px 4px #333;
  -webkit-box-shadow: 1px 1px 4px #333;
  z-index:1001;
  overflow: auto;
  height:300px;
  border: 1px solid #DDD;
}

#modal table {
  margin: 0 auto;
  table-layout:fixed;
}

#modal td {
  padding: 2px 5px;
}

#modal td.first {
  width: 200px;
  max-width:250px;
  overflow: hidden;
}