/* Page Formatting */

* {
	margin:0;
	padding:0;
	}

:root {
	--dark: #cc4400;
	--light: #ffd6c2;
	--background:#ffeee6;
	--black:#333333;
	--links:#b33b00;
}

body {
	background-color:#ffffff;
	font:12px  Arial, Helvetica, sans-serif;
	color:var(--black);
	text-align:left;
}
a {
	color:var(--links);
	text-decoration:none;
	}
a:hover {
	/* color:#555555; */
	text-decoration:underline;
	}
	
img, img a {
	border:0;
	}
p {
	line-height:1.7em;
	margin-bottom:20px;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:14px;
}

h1,h2,h3,h4,h5,h6 {
	color: #var(--black);
}

/* #sidebar b { color: var(--black); } */

.schedule td, .schedule tr, .schedule th {
	border: 4px solid var(--background);
	color: var(--black);
}

#content table.schedule {
	margin-top: 10px;
	border: thin solid var(--dark);
	border-collapse: collapse;
}

/* Header Area */
#topLine {
	height:34px;
	border-bottom:15px solid var(--light);
}

#imagestripe {background:url(talk_collage2.jpg) repeat-x top right;}

#header{
	width:743px;
	margin:0 auto 0px auto;
	padding:10px;
	}
	
#header h1{
	width:360px;
	margin:10px 0 0 0;
	background:#ffffff;
	padding:5px 5px 5px 10px;
}

#header h1 span{
	color:var(--dark);
	font-size:110%;
}


#header ul.nav {
	margin:10px 0 0 0;
	padding:0px 0px 0 0;
	float:right;
}

#header ul.nav li {
	display:inline;
	margin:0 3px 0 3px;
	padding:4px 8px 8px 8px;
}


#header ul.nav li.active {
	border-radius: 8px;
	background:var(--light)
}


/* Page Wrappers */
#outerwarrper {
	width:743px;
	margin:auto auto auto auto;
	padding:20px;
	clear:both;
}

#wrapper {
	padding:10px 30px 30px 10px;
	float:left;
	width:693px;
	border:3px solid var(--dark);
	background: var(--background)
}

/* Content Area */
#content {
	width:450px;
	margin:10px 0 0 0px;
	float:left;
}



#content h2 {
	margin: 0 15px 0 20px;
	padding: 20px 5px 0 5px;
	border-bottom: 4px solid var(--dark);
}


div#content h2:first-child {
	padding-top:3px;
}


#content p {
	margin: 0 15px 0 20px;
	padding: 10px 5px 0 5px;
}


#content p img {
	width:150px;
	float:left;
	padding-right:15px
}

#content ul {
	list-style-type:square;
	margin: 0 10px 0 30px;
	padding: 10px 5px 0 5px;
}

#content li {
	margin:5px 0 0 0;
}

#content table {
	width:414px;
	margin: 0 20px 0 20px;
	padding: 10px 5px 0 5px;
}

#content table td.row_headers {
	background:var(--dark);
	text-align:center;
}

#content table td {
	padding: 5px 10px 5px 10px;
	background:var(--light);
	line-height:1.4em;
}

#content form {
width:450px; 
padding:10px;  
}

#content form label { 
	display:block; 
	float:left; 
	width:100px; 
	text-align:right; 
	padding-right:10px;
	margin-left:-15px; 
	margin-bottom:0.5em;
}

#content form input {
	border:1px solid #fff;
	background:#FFFFA0;
	padding-left:0.5em; 
	margin-bottom:0.6em;
}

#content form #send, form #button2 {
	background:#FFFFA0;
	padding-right:0.5em; 
	cursor:pointer; 
	width:200px;  
	margin-left:125px;
	font-weight:bold;
	color:#555555;
}

#content form #send:hover, form #button2:hover {
	background-position:center left; 
	color:var(--dark);
	font-weight:bold;
}

/* Sidebar Area */

#sidebar {
	width:201px;
	margin:34px 0px 0 0px;
	padding: 0 0 0 0;
	background: var(--light);
	border:2px solid var(--dark);
	float:right;
}

#sidebar h3 {
	padding:10px 10px 2px 10px;
	text-align:center;
	border-bottom:2px solid var(--dark);	
}

#sidebar p {
	margin:0 0px 0 0px;
	padding:5px 10px 10px 10px;
	color: var(--black);
}
#sidebar p span{
	color:var(--dark);
	font-size:110%;
}

#sidebar img {
	width:90px;
	margin:0px 0px 5px 5px;
	float:left;
	border:2px solid var(--dark);	
}


#sidebar ul.side {
	padding:5px 10px 10px 30px;
}

#sidebar ul.side li {
	padding: 1px 0 1px 0;
	
}

#sidebar ul.side li a {
	text-decoration:underline;
	color:#555555;	
}

#sidebar ul.side li a:hover {
	color:var(--dark);	
}

#sidebar form .user_box {
	margin:0px 10px 10px 10px;
	width:100px;
}

#sidebar form .button {
	margin:0px 0px 10px 0px;
	background:url(images/top_group_bg.gif) repeat top left;
}

#sidebar_two {
	width:201px;
	border:2px solid var(--dark);
	margin:40px 30px 0 0px;
	background:#ffffff;
	float:right;
}

#sidebar_two h3 {
	padding:0px 10px 0px 10px;
	text-align:center;
	border-bottom:2px solid var(--dark);	
}

#sidebar_two img {
	width:201px;
	margin:0px 0px 0px 0px;
	float:left;	
}

/* Footer Area */
#footer {
	clear:both;
	width: 693px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

#footer p {
	text-align:center;
	margin:0;
	line-height:1.3em;
}


#imagestripe {background:url(collage.jpg) repeat-x top center;background-size:720px}
#imagestripe a#imageclick {
	display: block;
	height: 85px;
	margin-bottom: 15px;
	width: 100%;
}


#imagestripe p {
	text-align:center;
	margin:0;
	padding:0 0px 15px 0px;
	line-height:1.3em;
}