/* CSS Document */

body { margin:0; padding:0; font-family:Tahoma; color:#333333; font-size:14px; background:url(../img/headerbg.gif) repeat-x #A4A4A4; }

a { color:#2D2D2D; text-decoration:none; }
a:hover {  }
h1 { font-size:16px; }
h2 { font-size:14px; }
hr { color:#000000; height:1px; border:1px dotted #333333; }

#wrapper { 
  width:920px;
  margin:0 auto; 
  padding:0; 
}
a img {
	border:none;
}

#header { position:relative; width:100%; height:200px; }
#header .logo { float:left; }
#headinfo { position:absolute; right:20px; top:0px;}
#headinfo a { font-size: 10px; color:#000000; }
#headinfo a:hover { text-decoration:underline; }

/*.logotext { position:absolute; top:35px; left:12px; font-family:Trebuchet MS; font-size:22px; color:#fff; }
.logotext img { vertical-align:middle; } */
.logotext { position:absolute; top:50px; left:20px; font-family:Trebuchet MS; font-size:30px; color:#fff; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

/* ORIGINAL
#nav { position:absolute; bottom:0; right:15px; width:100%; padding:0; margin:0; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:right; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; padding:7px 0; margin:0 1px 0 0; background:url(../img/buttonbg.gif); text-align:center; }
#nav ul li a:hover { bottom:0; background:url(../img/buttonbgover.gif); color:#999999; overflow:auto; }
#nav ul li a.on, #nav ul li a.on:hover { width:100px; padding:7px 0; background:url(../img/buttonbgon.gif); text-align:center;  }
*/

/* NEW PUZZLE PIECES */
#nav { position:absolute; bottom:0; right:16px; width:100%; padding:0; margin:0; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:right; list-style:none; padding:0; height: 50px;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: black; }
#nav ul li.nav-item { background:url(../img/puzzle_filler_1px.png) repeat-x; }
#nav ul li.sep { background: url(../img/puzzle_middle_sm.png) no-repeat; width:27px; }
#nav ul li.left { background: url(../img/puzzle_right_corner_sm.gif) no-repeat; width:13px;}
#nav ul li.right { background: url(../img/puzzle_left_corner_sm.gif) no-repeat; width:13px;}
#nav ul li a { display:block; padding:7px 5px 5px 0px; margin:0 0 0 0; text-align:center; min-height:50px;}
#nav ul li a:hover { bottom:0; color:#999999; overflow:auto; }
#nav ul li.on { padding:0px; border-bottom-color: white; }
#nav ul li.on a, #nav ul li.on a:hover { color: black; font-weight: bold; font-size: 1.5em; text-align: center;}
/*#nav ul li a.on, #nav ul li a.on:hover { padding:0px 5px 5px 0px; font-weight: bold; font-size: 1.5em; text-align:center; }*/

#content { width:100%; padding:0 20px; background:url(../img/contentbg.gif) repeat-y; }


#left { float:left; width:150px; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { 
  display:block; 
  width:120px; 
  margin:0; 
  padding:5px; 
  background-color:#E6E6E6;
  /*background-color: #FFBF00;*/
  /*background-color: #000820;
  color: #fff;*/
}
#left ul li a:hover { background-color:#CCB564; color: #2D2D2D;}
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { 
  padding:5px 5px 5px 10px; 
  width:115px; 
  background-color:#EFEFEF;
  /*color: #2D2D2D;
  background-color: #FFDF80;*/
}

#breadcrumb { float:left; width:73%; background-color:#FFF; border-bottom:1px dotted #333333; padding:8px 0; }
#breadcrumb a { font-weight:bold; }

#right { float:left; width:700px; }
#right a { font-weight:bold; }
#right a:hover { border-bottom:1px dotted;  }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right blockquote { width:80%; margin:5px; padding:6px; border-left:1px solid #D4D4D4; }
/*.welcome { float:left; display:block; width:150px; margin:10px; padding:5px; background-color:#FFF; border:1px solid #D4D4D4;  } */
.welcome { 
  float:right; 
  display:block; 
  width:200px; 
  margin:10px; 
  padding:5px; 
  /*background-color:#FFDF80;*/
  background-color: #EFEFEF;
  border:1px solid #D4D4D4;  
}
#right p a { text-decoration: underline; }
#footer{ padding:0px; height: 6px; background:url(../img/footer.gif) no-repeat;}

.bottom { font-size:11px; padding:10px; text-align:center;}
.bottom a:hover { border-bottom:1px dotted #D2D2D2; }

.clear { clear:both; }

input { padding:2px; margin:2px 0; border:1px solid; }
input.submit { width:auto; }

/* Course */
div.course-date{
  float: right;
  font-weight: bold;
}
div.course-info table{
  width: 100%;
  font-weight: bold;
  background-color: #CCB564;
}
div.course-info table tr{
  height: 30px;
  padding-top: 15px;
}
div.course-info table td.title{
  text-align: left;
  width: 33%;
}
div.course-info table td.location{
  text-align: left;
  width: 33%;
}
div.course-info table td.date{
  text-align: right;
  width: 33%;
}

/* Form Stuff */
form div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
form input[type="text"], form input[type="password"]{
	width: 160px;
	font-family: verdana, arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
form input.login{
  width:120px;
}
form input[type="submit"]{
  font-family: verdana, arial, sans-serif;
  color: white;
  background-color: #CCB564;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

form textarea {
	width: 450px;
	height: 300px;
	font-family: verdana, arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
fieldset {
	width: 90%;
  border:0px;
}
label {
  display: block;
  padding: 0px 0px;
  margin: 0 0 0px 0;
  text-align: left;
}
fieldset#toplogin{
  width: 100%;
  margin: 0px 0px 16px 0px;
  padding: 0px;
  border: 0px;
  text-align: right;
  vertical-align: top; 
}

/* flash */
div#bad-flash {
  width:100%;
  color: white;
  background-color: red;
  font-family: arial, sans-serif;
  font-size: 20px;
  text-align: center;
}

div#good-flash {
  width:100%;
  color: white;
  background-color: green;
  font-family: arial, sans-serif;
  font-size: 20px;
  text-align: center;
}

div#info-flash {
  width:100%;
  color: white;
  background-color: blue;
  font-family: arial, sans-serif;
  font-size: 20px;
  text-align: center;
}

/* About img padding */
img.about-img{
  padding: 7px;
}
/* turtle */
div#turtle{
  margin:auto;
  text-align:center;
  margin-top: -40px;
}

div.error{
  background-color: red;
  color: white;
  width:70%;
}
div.question textarea {
  width: 550px;
	height: 100px;
}
div.question .qtext{
  /*font-weight: bold;*/
}