/*////////////////////////////////
//                              //
//  Style for the CUVS Website  //
//     by Andrew Bates 2008     //
//                              //
////////////////////////////////*/

body {
	background: #fff url('images_page/background.jpg') repeat-x top left; 
	  /*ccb279;  #eae9be*/
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
}

/*inline text defaults*/

/*headings*/

h1, h2, h3, h4, h5 {
	margin: 0.5em 0 0;
}

/*emphasis*/
strong {
	font-weight: bold;
	text-transform: uppercase;
}

em {
	font-weight: bold;
	font-style: normal;
}

/*links*/
a {
	text-decoration: none;
}

a:link, a:visited {
	color: #8c9a78;
}


a:active, a:hover {
	color: #8c9a78;
	background: #c3d4aa;
}

/*forms*/

fieldset {
	margin-top: 0.5em;
	padding: 0.5em;
	border: 2px solid #8c9a78;
	background: #fff;
}

legend {
	border: 2px solid #8c9a78;
	background: #c3d4aa;
	font-weight: bold;
}

input, textarea {
	background: #f3ffe1;
	margin: 0.5em;
}

/*ordered lists*/

ol.decimal {
	list-style-type: decimal;
}

ol.l_latin {
	list-style-type: lower-latin;
}

ol.l_roman {
	list-style-type: lower-roman;
}

/* Page Mast Layout */

div#mast_basket {
	background: #fff url('images_page/mast_back.jpg') repeat-x top left;
	/*background: #dad9a5;*/
	margin: 0em;
}

div#mast_head {
	position: relative;
	height: 200px;
	margin: 0;
	padding: 0;
	
}

div#login {
	position: absolute;
	width: 100%;
	margin: 0.5em 0.5em 0 0;
	text-align: right;
}

div#login em {
	background: #fff;
}

/*tabbed navigation menus*/

#nav {
	position: absolute;
	bottom: 0px;
	border-bottom: 3px solid #8c9a78;
	width: 100%;
}

/*tab lists*/

#nav ul {
	display: inline; 
	margin: 0; 
	padding: 10px 10px 0 1px; 
	list-style: none;
}

#nav li { 
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
	margin: 0;
	margin-left: 10px;
	padding: 0 0 0 0px;
	border: 2px solid #8c9a78;
	border-bottom: #c3d4aa;
}

#nav a {
  font-size: 105%;
  display: block;
  background: #c3d4aa;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  font-weight: bold;
  color: #444;
}



#nav li ul { /* second-level lists */
	position: absolute;
	background: #c3d4aa;
	width: 10em;
	left: -999em; 
	border: 0.2em solid #8c9a78;
	padding: 0;
	
}

#nav li ul li {
	border: none;
	margin: 0;
	padding: 0;
}

#nav li ul li a {
  display: block;
  width: 9.6em;
  background: #c3d4aa;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
  color: #444;
}

#nav li ul li a:hover, #nav li ul li a:active {
	background: #8c9a78;
	color: #fff;
}

#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}



/*right hand column stuff*/


div#live_basket {
	position: absolute;
	width: 20em;
	right: 0;
	
}

div.live {
	margin: 0 0.5em;
	padding: 0.5em;
	background: #fff;
	border: 1px solid #8c9a78;
	
	font-size: 0.8em;
}

/*left hand column stuff*/
div.left_content {
	position: absolute;
	left: 0em;
	margin-top: 0;
	width: 10em;
}

div.left_content ul {
	list-style-position: outside;
	padding-left: 1em;
	
}

/*page footer*/
div#footer {
	clear: both;
	padding: 0.5em;
	margin-top: 2em;
	margin-left: 10.5em;
	margin-right: 20.5em;
	margin-bottom: 1em;
	background: #fff url('images_page/foot_back.jpg') repeat-x top left;
	border: 3px solid #8c9a78;
}

/*tabs within content class entities*/

div#sub_tabs_basket {
	/*position: relative;
	height: 3em;*/
	margin: 0;
	padding: 0;
}

#sub_tabs {
	margin-bottom: -1px;
	/*position: absolute;
	bottom: 0px;*/
}

#sub_tabs ul {
	display: inline; 
	margin: 0;
	padding: 10px 10px 0 1px; 
	list-style: none;
}

#sub_tabs ul li { 
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
	margin: 0;
	margin-left: 10px;
	padding: 0 0 0 0px;
	border: 2px solid #8c9a78;
	border-bottom: none;
}

#sub_tabs ul li a {
	font-size: 105%;
	display: block;
	background: #c3d4aa;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

#sub_tabs ul li.selected a {
	background: #fff;
	
}

/*main text stuff */
div#content_basket {
	margin-left: 10.5em;
	margin-right: 20.5em;
	padding-top: 0.5em;
}

div.content, div.now, div.future {
	clear: both;
	margin: 0 0 0.5em;
	padding: 0.5em;
	background: #fff;
	border: 1px solid #8c9a78;
	
}

div.white_box {
	margin: 0 0 0.5em 160px;
	padding: 0.5em;
	background: #fff;
	border: 1px solid #8c9a78;
	
}

div.past {
	margin: 0 0 0.5em;
	padding: 0.5em;
	background: #ccc;
	border: 1px solid #8c9a78;
	color: #444;
	
}

div.filter_list {
	margin: 0 0.5em 0.5em;
	padding: 0.5em;
	background: #fff;
	border: 1px solid #8c9a78;
	font-size: 0.8em;
}

div.posted {
	color: #777;
	font-size: 0.8em;
}

div.item {
	
}

div.item_list {
	padding: 0.5em;
	border: 2px solid #c3d4aa;
}
	

div.quote {
	margin: 0.5em 1em;
	padding: 0.5em;
	background: #c3d4aa;
	border: 2px solid #8c9a78;
	
}

div#status {
	margin: 0 0 0.5em;
	padding: 0.5em;
	background: #c3d4aa;
	border: 2px solid #8c9a78;
	font-weight: bold;
}

div#error {
	margin: 0 0 0.5em;
	padding: 0.5em;
	background: #ff9ca3;
	border: 2px solid #b0202a;
	font-weight: bold;
}

.fr {
	float: right;
}

.fl {
	float: left;
	margin-right: 0.5em;
}

.clear {
	clear:both;
}

/*image listing style */
ul.img_list {
	display: inline;
	/*margin: none;*/
	list-style: none;
}

ul.img_list li {
	float: left;
	margin-right: 0.5em;
}

ul.img_list li ul {
	position: absolute;
	background: #c3d4aa;
	width: 10em;
	left: -999em; 
	border: 0.2em solid #8c9a78;
	padding: 0;
	
}

ul.img_list li ul li {
	border: none;
	margin: 0;
	padding: 0;
}

ul.img_list li ul li a {
  display: block;
  width: 9.6em;
  background: #c3d4aa;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #444;
}

ul.img_list li ul li a:hover, ul.img_list li ul li a:active {
	background: #8c9a78;
	color: #fff;
}

ul.img_list li:hover ul{ /* lists nested under hovered list items */
	left: auto;
}

nav ul {
	display: inline; 
	margin: 0; 
	padding: 10px 10px 0 1px; 
	list-style: none;
}


/*green tabs*/

ul.green_tabs {
	display: inline; 
	margin: 0; 
	padding: 10px 10px 0 1px; 
	list-style: none;
}

.green_tabs li { 
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
	margin: 0;
	margin-left: 10px;
	padding: 0 0 0 0px;
	border: 2px solid #8c9a78;
	border-bottom: #c3d4aa;
}

.green_tabs a {
	font-size: 105%;
	display: block;
	background: #c3d4aa;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #444;
}

.green_tabs li.selected a {
	background: #8c9a78;
	color: #fff;
}

table.center {
	text-align: center;
}