/*
*********************************************************
* Written by Constantinos Neophytou, Jihwang Yeo        *
* for the CRAWDAD website                               *
* constantinos@cneophytou.com                           *
* crawdadmin@cs.dartmouth.edu                                 *
*                                                       *
* All php code and javascripts contained in this        *
* website were written by Constantinos Neophytou and    *
* Jihwang Yeo unless where stated otherwise             *
*********************************************************
*/


/*
 * General Appearance
 */
body {
	font-family: Verdana, Arial, Trebuchet MS, Geneva, sans-serif;
	font-size: 0.8em;
    background-color: #fff;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 700px;
	/* IE Fix for min-width */
	width:expression(document.body.clientWidth < 805 ? "800px" : "100%" );  
}

/*
 * Header
 */
#header {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fc6;
	color: #000;
	text-align: right;
	width: 100%;
	height: 117px;
	border: 0;
}

/* IE Fix */
html>body #header {
	/* height: 120px; */
}

#header img {
	height: 100px;
	border: 0;
}

.slogan {
	position: absolute;
    text-align: left;
	top: 75px;
	left: 100px;
	min-width: 440px;
}

.slogan a {
	color: #474;
	text-decoration: none;
}

.logo {
	float:left;
}

.schoolcrest {
	float: right;
    text-align: right;
}

.schoolcrest div {
    text-align: right;
    font-size: 80%;
    margin:0;
    padding:0;
}

.schoolcrest a {    
    font-size: 80%;
    text-decoration: none;
}

#header img.flag {
    height: 1.5em;
    border: 0;
    margin: 0;
}

/*
 * Main content
 */
#content {
	background-color: #fff;
	margin-top: 120px;
	margin-left: 200px;
	width: auto;
	padding: 20px 0 10px 20px; 
	text-align: left;
}

/*
 * IE Bug fix
 */
.visualIEFloatFix { 
	padding: 0px 0 0px 15px;
	height: 0.01%;  
}

#content h1 {
	text-align: left;
	margin-left: -15px;
	margin-bottom: 0;
	color: #f00;
	font-size: 2em;
	font-weight: normal;
}

#content h2 {
	text-align: left;
	margin-left: 0px;
	color: #474;
	font-size: 1.5em;
}

html>body #content h2 {
	margin-left: -5px;
}

#content h3 {
	text-align: left;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 15px;
	margin-left: 0;
}

#content h4 {
	text-align: left;
    padding-left: 15px;
    padding-right: 20px;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    word-wrap: break-word;
}   

#content p {
	text-align: left;
	padding-left: 15px;
	padding-right: 20px;
	font-size: 1em;
	word-wrap: break-word;
}

#content a {
	color: #e93;
}

#content a:hover {
	color: #474;
}

#content ul {
	list-style: disc outside url('../images/bullet.gif');
	text-align: left;
}

#content li {
	padding-bottom: 10px;
	text-align: left;
}

#content img.flag {
    height: 1.0em;
    border: 0;
    margin: 0;
	padding-top: 0.4em;
	padding-left: 0.4em;
}


/* CRAWDAD Event */
div.crawdad {
	border: solid 1px #060;
	background:#CFC url('../images/crawdad-event.gif') repeat-x left top;
	padding-left:4px;
	padding-right:4px;
	padding-top:0;
}

/*
 * Two-column layout for main page
 */
.splittext {
	display: inline;
	width: 100%;
}

.leftalign {
	float: left;
	width: 42%;
	text-align: left;
}

.rightalign {
	float: right;
	width: 50%;
	text-align: left;
}

.colleft {
	position: relative;
	float: left;
	width: 49%;
}

.colright {
	position: relative;
	float: right;
	width: 49%;
}

p.search_links {
	text-align: center;
	background-color: #474;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
/*
	font-weight: bold;
*/
}

p.search_links a:hover {
	background-color: #fc6;
	color: #000;
}

h3.search_links {
	text-align: center;
	background-color: #474;
	color: #fff;
	font-weight: bold;
}

h3.search_links .current {
	background-color: #fff;
	color: #000;
	font-weight: normal;
}

h3.search_links a {
	text-decoration: none;
	font-weight: normal;
}

h3.search_links a:hover {
	background-color: #fc6;
	color: #000;
}

p.order_links {
	text-align: right;
	background-color: #474;
	color: #fff;
	padding-top: 6px;
	font-weight: bold;
}

p.order_links .current {
	background-color: #fff;
	color: #000;
	font-weight: normal;
}

p.order_links a {
	text-decoration: none;
	font-weight: normal;
}

p.order_links a:hover {
	background-color: #fff;
	color: #000;
}

p.order_links2 {
	text-align: right;
	font-weight: bold;
}

p.order_links2 .current {
	font-weight: normal;
}

p.order_links2 a {
	font-weight: normal;
}

/*
 * Sidebar menu
 */
#sidebar {
	position:absolute;
	top:103px;
	left:0;
	width: 200px;
	background-color: #fff;
	text-align: left;
}

html>body #sidebar {
	top: 120px;
}

#sidebar p, #sidebar ul {
	border: 4px solid #fc6;
	border-top: 0 none;
	font-size: 1em;
	margin: 0px 0 0 0;
    /* padding: 40px 0 30px 40px; */
    /* top right bottom left */
    padding: 20px 0 20px 40px;
}

#sidebar ul ul {
	border: 0 none;
	padding: 0 0 5px 15px;
}

#sidebar li {
	list-style: none;
    /* top right bottom left */
    /* padding: 5px 0 5px 0; */
    padding: 4px 0 4px 0;
}

#sidebar li.selected {
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
	color: #e93;
}

#sidebar a:hover {
	color: #474;
}

/*
 * Form table
 */
table.form {
	border: none;
	font-size: 1em;
}

table.form tr {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.form tr.bg {
	background-color: #fc6; 
	color: black;
	/* background-color: #e93; */
}

table.form tr.nobg {
	background-color: #FFF;
	color: black;
	/* background-color: #e93; */
}

table.form td.left {
	text-align: right;
}

table.form td.right {
	text-align: left;
}

table.form td.bottom {
	text-align: center;
}

.required {
	color: red;
}

.error {
	text-align: center;
	background-color: #fc6;
	border: solid 1px #474;
	padding: 5px 10px 5px 10px;
	font-size: 0.9em;
	margin-bottom: 5px;
	color: #444;
}

/*
 * Footer
 */
#footer {
	clear: both;
	text-align: center;
	font-size: 10px;
}

/*
 * Generic, not used
 */
.name {
	font-size: 20px;
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bodybold {
	font-size: 12px;
	font-weight: bold;
}

.desc {
	font-size: 12px;
}

table.center {
	margin-left:auto;
	margin-right:auto;
}

td {
	vertical-align:top;
	text-align:left;
}	

img {
	border: none;
}

pre
{
/* font-weight:bold; */
color:black;
font-family: Verdana, Arial, Trebuchet MS, Geneva, sans-serif;
font-size: 1em;
}

/*
 * Override HeaderText : impossible?
 */
#wikicmds {
  float:right; white-space:nowrap;
  font-family:Verdana,sans-serif; font-size:80%;
}   
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none:underline; color: #e93; border:none; }
#wikicmds li a.createlink { display:none;}
#wikicmds li a:hover { text-decoration:underline; color:blue; }
.pagegroup { margin-top:8px; margin-bottom:2px; }
.pagetitle { 
    margin-left: 0px;
    margin-bottom: 15px;
    color: #f00;
    font-size: 1.5em;
    font-weight: normal;
}
.wikiaction { margin-top:4px; margin-bottom:4px; }

/* These are for the edit form. */
#wikiedit form { margin:0px; }
#wikiedit textarea { width:98%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

#wikitext { 
  font-size:80%;
}