/* HTML TAGS
---------------------------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#FFFFF url(http://writinglab.stetson.edu/images/background.gif) repeat-y right top;
}

body, div, p, th, td, li, dd {
	color:#330;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
}

img {
	margin:0;
	padding:0;
	border:0;
}

a, a:visited {
	color:#063;
}

a:hover,
a:active {
	color:#690;
}

/* MAJOR IDs
---------------------------------------------------------------------------------------------------*/

#box {
	width:750px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#banner {
	width:100%;
	background:url(http://writinglab.stetson.edu/images/banner.jpg) repeat-x left top;
}

/* LISTS
---------------------------------------------------------------------------------------------------*/

ul.links {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

ul.links li {
	padding:0 0 0 15px;
	background:url(http://writinglab.stetson.edu/images/green_arrow.gif) no-repeat 0 4px;
}

ul.links a {
	font-weight:bold;
}

/* CONTENT
---------------------------------------------------------------------------------------------------*/

#content {
	float:left;
	width:470px;
	padding:10px 20px;
}

h2 {
	margin:0 0 10px 0;
	padding:0;
	font-family:Times, 'Times New Roman', serif;
	font-size:160%;
}

h4 {
	margin:0;
	padding:0;
	font-size:105%;
}

#content a {
	border-bottom:1px dotted #063;
}

#content img {
	margin:0;
	padding:5px;
	border-color:#660 #330 #330 #660;
	border-width:1px;
	border-style:solid;
}

#content ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#content ul li {
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none; /* duplicated for IE 5/Win */

	background:url(http://writinglab.stetson.edu/images/green_arrow.gif) no-repeat 0 4px;
}

#evaluation,
#comments {
	margin-bottom:10px;
	border-bottom:1px solid #330;
}

.comment {
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	background:#FFF799 url(http://writinglab.stetson.edu/images/yellow_corner.gif) no-repeat left bottom;
	overflow:hidden;
}

.comment_info {
	display:block;
	margin:0 0 10px 0;
	padding:5px;
	border-bottom:1px solid #CC6;
	background:#FF9;
}

.comment p {
	padding:0 20px;
}

#archives {
	width:95%;
}

#archives td {
	vertical-align:top;
}

/* SIDEBAR
---------------------------------------------------------------------------------------------------*/

#sidebar {
	float:left;
	width:210px;
	margin:10px 0;
	padding:0 10px;
}

#sidebar p {
	margin:10px 0;
	font-size:90%;
}

#sidebar form {
	margin:0;
	padding:0;
}

.input {
	width:100%;
	border:1px solid #330;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* NAVIGATION
---------------------------------------------------------------------------------------------------*/

#nav_box {
	width:100%;
	height:30px !important;
	height:32px;
	margin:0;
	padding:0;
	background:url(http://writinglab.stetson.edu/images/nav_back.jpg) repeat-x left top;
	overflow:hidden;
	
}

#nav {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	overflow:hidden;
}

#nav li {
	margin:0;
	padding:0;
	display:inline; /* duplicated for IE 5/Win */
	list-style-type:none; /* duplicated for IE 5/Win */
}

#nav a {
	float:left;
	height:0px !important;
	height /**/:28px; /* IE 5/Win hack */
	margin:1px 0 0 0;
	padding:28px 0 0 0;
	overflow:hidden;
	border:0;
	text-decoration:none;
}

#nav a:hover {
	background-position:0 -28px;
}


#nav a:active, #nav a.selected {
	background-position:0 -56px;
}

#nav_home a {
	width:51px;
	background:url(http://writinglab.stetson.edu/images/buttons/home.jpg) no-repeat left top;
}

#nav_staff a {
	width:50px;
	background:url(http://writinglab.stetson.edu/images/buttons/staff.jpg) no-repeat left top;
}

#nav_faqs a {
	width:42px;
	background:url(http://writinglab.stetson.edu/images/buttons/faqs.jpg) no-repeat left top;
}

#nav_expect a {
	width:114px;
	background:url(http://writinglab.stetson.edu/images/buttons/expect.jpg) no-repeat left top;

}

#nav_hours a {
	width:54px;
	background:url(http://writinglab.stetson.edu/images/buttons/hours.jpg) no-repeat left top;
}

#nav_sample a {
	width:139px;
	background:url(http://writinglab.stetson.edu/images/buttons/sample.jpg) no-repeat left top;
}

#nav_links a {
	width:106px;
	background:url(http://writinglab.stetson.edu/images/buttons/links.jpg) no-repeat left top;
}

#nav_contact a {
	width:68px;
	background:url(http://writinglab.stetson.edu/images/buttons/contact.jpg) no-repeat left top;
}

#nav_search a {
	width:123px;
	background:url(http://writinglab.stetson.edu/images/buttons/search.jpg) no-repeat left top;
}


body#home #nav_home a { background-position:0 -56px; }
body#staff #nav_staff a { background-position:0 -56px; }
body#faqs #nav_faqs a { background-position:0 -56px; }
body#expect #nav_expect a { background-position:0 -56px; }
body#hours #nav_hours a { background-position:0 -56px; }
body#sample #nav_sample a { background-position:0 -56px; }
body#links #nav_links a { background-position:0 -56px; }
body#contact #nav_contact a { background-position:0 -56px; }

/* APPOINTMENTS
---------------------------------------------------------------------------------------------------*/

table.calendar {
	border-collapse:collapse;
	font-size:9px;
	margin:0 0 1.5em 0;
	width:100%;
}

table.calendar th {
	font-size:1.4em;
	font-weight:bold;
	padding:.5em 0;
	text-align:center;
}

table.calendar td {
	font-size:1.2em;
	font-weight:bold;
	padding:.5em 0;
	text-align:center;
}

table.calendar td.calendar-days {
	background:#996;
	color:#222;
}

table.calendar td.calendar-today {
	background:#696 !important;
}

table.calendar td.calendar-cell {
	background:#ded9b9;
}

table.calendar td.calendar-blank {
	color:#ded9b9;
}

table.calendar td.linked {
	background:#6faf59;
}

table.calendar a {
	color:#222;
}

table.calendar th a {
	color:#696;
}

#dayview {
	overflow:auto;
	height:400px;
}

#dayview div.timeline {
	background:#fff url('/images/date-bg.gif') no-repeat 0 0;
	height:700px;
	position:relative;
}

#dayview div.timeline div {
	background:#6faf59;
	border:2px solid #696;
	font-size:10px;
	height:80px;
	/*opacity:.85;*/
	padding:10px;
	position:absolute;
	width:88%;
}

/* FOOTER
---------------------------------------------------------------------------------------------------*/

#footer {
	float:left;
	clear:both;
	width:100%;
	padding:0;
	background:#996;
	border-top:1px solid #663;
	border-bottom:2px solid #000;
	overflow:hidden;
}

#footer p {
	margin:0;
	padding:5px;
	font-size:90%;
}

/* OTHER
---------------------------------------------------------------------------------------------------*/

.tinyText {
	font-size:70%;
}