/*=============================================================================
// style.css
// A Cascading Style Sheet for Speeches.
//=============================================================================
*/

body {
	background-image: url(images/site/background.gif);
	background-repeat: repeat-y;
	font-family: "Times New Roman", "Times";
	font-size: 14px;
}

table {
	font-size: 14px;
}

#banner {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 90px;
	background-image: url(images/site/title_bar.jpg);
}

/*
#container {
	position: absolute;
	left: 0px;
	top: 90px;
	margin: 0px;
	padding:0px;
	width: 780px;
}
*/

/* ========================================================================== */

#leftsidebar {
	position: absolute;
	left: 0px;
	top: 90px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #121E4C;
	z-index: 1;
}

#search {
	margin: 0px 0px 0px 5px;
	width: 152;
	padding: 0px;
	background-image: url(images/site/BR_darkblue.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#browse_top {
	margin: 0px;
	padding: 0px;
	width: 157;
	height: 10; 
	background-image: url(images/site/TR_lightblue.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #808EA5;
}

#browse {
	margin: 0px 0px 0px 0px;
	width: 157;
	padding: 0px;
	background-color: #808EA5;
}

#browse_bottom {
	margin: 0px;
	padding: 0px;
	width: 157;
	height: 10; 
	background-image: url(images/site/BR_lightblue.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #808EA5;
}

#links_top {
	margin: 0px;
	padding: 0px;
	width: 157;
	height: 10; 
	background-image: url(images/site/TR_darkblue.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#links {
	margin: 10px;
	padding: 0px;
	width: 137;
	line-height: 1.1;
}

/* ========================================================================== */

#rightsidebar {
	position: absolute;
	left: 623px;
	top: 90px;
	margin: 0px;
	padding:0px;
	width: 150px;
	color: #FFFFFF;
	z-index: 2;
}

#login {
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 26px;
	background-image: url(images/site/BL_darkblue.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: right;
}

#cart_top {
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 10;
	background-image: url(images/site/TL_darkblue.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#cart {
	margin: 0px;
	padding: 0px;
	width: 157;
}

/* ========================================================================== */

#main_area {
	position: absolute;
	margin: 100px 0px 0px 166px;
	width: 446;
	padding: 0px;
}

/* =============================================================================
FORMS
============================================================================= */

.searchForm {
}

/* =============================================================================
ITEMS
============================================================================= */

.item {
	width: 415px;
	height: 65px;
	padding: 0px;
	font-size: 14px;
}

.item_button {
	position: relative;
	top: -15px;
	left: 250px;
	
}

.feature {
	width: 430px;
	height: 65px;
	padding: 0px;
	font-size: 14px;
	background-color: #EDF3FE;
}

.feature_inside {
	position: relative;
	top: 10px;
	margin: 10px;
}

.feature_button {
	position: relative;
	top: -15px;
	left: 245px;
}

a.feature_link {
	font-family: "Times New Roman", "Times";
	font-size: 14px;
	color: #000000;
}

a.feature_link:hover {
	color: #000000;
}

/* =============================================================================
CART
============================================================================= */

.miniCart {
	border: 0;
	background-color: #FFFFFF;
	font-size: 11px;
}

/* =============================================================================
RESULTS
============================================================================= */

.resultAuthor {
	width: 425px;
	margin: 0px;
	background-color: #EDF3FE;
}

.resultList {
	position: relative;
	width: 395px;
	margin: 0px 0px 0px 30px;

}

.imageSpacer {
	width: 45px;
	background-color: #0000FF;
}

.resultByDate {
	width: 425px;
	height: 30px;
	margin: 0px;
	background-color: #EDF3FE;
	vertical-align: middle;
}

/* =============================================================================
CUSTOM
============================================================================= */

/* TOP STUFF */
.cuTop {
	position: relative;
	top: 0px;
	/*background-color: pink;*/
}

.rightText {
	position: absolute;
	right: 0px;
	top: 0px;
}

.stepTrail {
	position: relative;
	top: 0px;
	/*background-color: red;*/
}

.cuInstructions {
	position: relative;
	top: 20px;
	vertical-align: top;
	/*background-color: orange;*/
}

/* EXTRA STUFF*/
/*.continue {
	position: relative;
	left: 375px;
	right: 0px;
	top: 0px;
	/*background-color: blue;
}*/

/*.cuBottom {
	position: absolute;
	height: 150px;
	/*background-color: orange;
}*/

.hiddenForm {
	position: absolute;
	bottom: -900px;
	/*background-color: green;*/
}

.rightButton {
	position: absolute;
	right: 0px;
}

.leftButton {
	position: absolute;
	left: 0px;
}


/* STEP 1 */
#numItemsInfo {
	position: relative;
	top: 10px;
	/*background-color: green;*/

}

#addSpeeches {
	position: relative;
	top: 20px;
	height: 130px;
	/*background-color: pink;*/

}

#cuBrowse {
	position: absolute;
	width: 140px;
	top: 20px;
	/*background-color: red;*/
}

#cuOR {
	position: absolute;
	left: 180px;
	font-size: 16pt;
	top: 50px
}

#cuSearch {
	position: absolute;
	top: 20px;
	width: 180px;
	right: 10px;
	/*background-color: blue;*/
}

.spacer {
	position: relative;
	top: 0px;
	height: 20px;
	width: 20px;
	/*background-color: green;*/
}

#cuResults {
	position: relative;
	vertical-align: top;
	top: 0px;

}

#check {
	position: relative;
	top: 0px;
	right: 0px;
	height: 12px;
	/*background-color: green;*/
}

.itemSelect {
	position: absolute;
	right: -20px;
}

#removeSpeeches {
	position: relative;
	top: 0px;
	vertical-align: top;
	/*background-color: yellow;*/

}

/* STEP 2 */
#itemOrdering {
	position: relative;
	top: 50px;
	/*background-color: yellow;*/
}

/* STEP 4 */










/* =============================================================================
TEXT
============================================================================= */

.goldText {
	color: #997722;
}

.redText {
	color: #FF0000;
}

.whiteText {
	color: #FFFFFF;
}

.blueHeader {
	color: #121E4C;
	font-family:Garamond, "Times New Roman";
	font-size:16px;
}

/* =============================================================================
LINKS
============================================================================= */

a {
	font-family: Arial, Verdana;
	font-size:12px;
	text-decoration:none;
	color: #808EA5;
}

a:visited {
}

a:hover {
	color: #121E4C;
}

a.whitelink {
	color: #FFFFFF;
}
a.whitelink:hover {
	color: #FFFFFF;
}

a.bluewhite {
	color: #808EA5;
}

a.bluewhite:hover {
	color: #FFFFFF;
}


a.allBlue {
	font-family: Arial, Verdana;
	font-size:12px;
	text-decoration:none;
	color: #3f4369;
	cursor:default;
}

a.allBlue:visited {color: #3f4369;text-decoration:none;cursor:default;}
a.allBlue:hover {color: #3f4369;text-decoration:none;cursor:default;}
a.allBlue:link {color: #3f4369;text-decoration:none;cursor:default;}
a.allBlue:active {color: #3f4369;text-decoration:none;cursor:default;}

[onclick] {
	cursor: pointer;
}

div#bannerLink {
	top:15px;
	left:20px;
	height:60px;
	width:180px;
}

div.calendar {
	width: 435;
	border: 0;
	margin: 0;
	padding: 0 0 2px 0;
	}
	
div.calendarHeader {
	width: 271px;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	color: white;
	font-family: sans-serif;
	font-weight: 900;
	line-height: 200%;
	background-color: #808EA5;
	border-style: solid;
	border-color: #808EA5;
	border-width: 1px;
	}
	
div.calendarDay {
	color: #808EA5;
	font-weight: bold;
/*	font-size: 90%;*/
	width: 61px;
	height: 120px;
	border-style: solid;
	border-color: #808EA5;
	border-width: 1px;
	margin: 0 -1px -1px 0;
	padding: 0;
	float:left;
	}

div.calendarPadding {
	width: 10px;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	color: white;
	font-family: sans-serif;
	font-weight: 900;
	line-height: 200%;
	background-color: #808EA5;
	border-style: solid;
	border-color: #808EA5;
	border-width: 1px;
	}
	
div.calendarNav {
	width: 100px;
	float: left;
	height: 25px;
	margin: 0;
	padding: 0;
	color: black;
	font-size: 90%;
	font-family: sans-serif;
	line-height: 200%;
	background-color: #808EA5;
	border-style: solid;
	border-color: #808EA5;
	border-width: 1px;
	}
	
div.calendarNav a:visited {color: black;text-decoration:none;cursor:default;}
div.calendarNav a:hover {color: black;text-decoration:none;cursor:default;}
div.calendarNav a:link {color: black;text-decoration:none;cursor:default;}
div.calendarNav a:active {color: black;text-decoration:none;cursor:default;}
	
.calendarSpeaker {
	font-size: 110%;
	font-family: sans-serif;
	line-height: 150%;
	}
	
.calendarDateTime {
	font-weight: bold;
	line-height: 120%;
	font-size: 80%;
	font-family: sans-serif;
	color: #6a889c;
	}
	
.calendarTalkTitle {
	font-size: 80%;
	font-family: sans-serif;
	color: black;
	}
	
.calendarStation {
	font-weight: bold;
	font-size: 80%;
	font-family: sans-serif;
	line-height:250%;
	color: #95665c;	
	}
	
.calendarTime {
/*	font-size: 90%;*/
	font-weight: bold;
	color: #0c52d7;
}
	
#pup {
	position:absolute; 
	visibility:hidden; 
	z-index:200; 
	width:260;
}