/* CSS Document */
html { height: 100% }
body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color: #000;
	margin:1em 0 0 0;
}
a, a:visited, a:active { color:rgb(0,96,255); }
a:hover, a:visited:hover, a:active:hover { color:rgb(24,24,171); }

h1 { font-size:135%; }

#outer {
	position:relative;
	margin:auto auto;
	width:770px;
	padding:0;
}
#header {
	height:80px;
}
#logo {
	float:left;
	padding:0.5em 0 0 0;
}
#util {
	height: 15px;
	padding:0 0 0.5em 0;
	text-align:right;
}

/* header bar */
#header-bar {
	clear: both;
	margin: 0;
	padding: 0;
	background-color:#CCCCCC;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(/images/header-bar-bg.gif);
	height:30px;
	color:rgb(55,164,28);
}
#header-bar ul {
	list-style-type: none;
	margin: 0;
	padding: .7em 0 .7em 0; 
}
#header-bar ul li {
	display:inline;
	margin: 0;
	padding: 0;
	font-weight:bold;
}
#header-bar ul li a { 
	margin: 0;
	color: #000;
	text-decoration: none;
	padding: .5em; 
}
#header-bar ul li a:hover {
	background-position: top;
	background-repeat: repeat-x;
	background-color:rgb(60,128,50);
	background-image: url(/images/header-nav-bg-on.gif);
	color: #000;
}

/* horizontal navigation */
#horizontal-navigation {
	background:#fff;
	line-height:1.5em;
	float:right;
	margin-top:30px;
}
#horizontal-navigation ul {
	margin:0;
	padding:5px 10px 0;
	list-style:none;
}

#horizontal-navigation li {
	display:inline;
	background:url(images/nav-tab-left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	float:left;
}
#horizontal-navigation a {
	float:left;
	display:block;
	background:url(images/nav-tab-right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:rgb(23,85,17);
}
#horizontal-navigation a.special {
	color:rgb(5,49,0);
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#horizontal-navigation a {float:none;}
/* End IE5-Mac hack */
#horizontal-navigation a:hover {
	/*color:#006600;*/
	color:rgb(0,96,255);
	text-decoration:underline;
}


.vertical-nav {
	background-image:url(images/vert-nav-bg.gif);
	background-repeat:repeat-y;
	border-top:1px solid rgb(244,187,12);
	border-bottom:1px solid rgb(244,187,12);
	border-left:1px solid rgb(244,187,12);
	padding:3px;
}
.vertical-nav-section {
	background-image:url(images/vert-nav-bg.gif);
	background-repeat:repeat-y;
	border-top:1px solid rgb(244,187,12);
	border-bottom:1px solid rgb(244,187,12);
	padding:3px;
}

#formTableSmall { width: 400px; }

#container {
	margin-top:3em;
	display:block;
	min-height:400px;
}


/* login area */
#signup_left {
	float:left;
	margin:0;
	padding:0;
	background-color:#F0F0F0;
	padding:3px;
	border:1px solid #CCCCCC;
}
#signup_right {
	float:right;
	margin:0;
	padding:0;
}

.small { font-size:80%; }

/* upload area */
#box_large {
	width:490px;
	margin:0;
	padding:0;
	background-color:#F0F0F0;
	padding:3px;
	border:1px solid #CCCCCC;	
}


/* account system */
#account {
	display:block;
}
#account #pic {
	float:left;
	margin:0;
	padding:0;
}
#account #info {
	margin:0;
	padding:0.3em;
}
.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
} 

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.contentstyle{
	border: 1px solid gray;
	width: 500px;
	margin-bottom: 1em; padding: 10px;
}


/* view */
#table_listing_back {
	background-color:#F0F0F0;
	border:1px solid #999999;
}
#table_listing {
	border:1px solid #999999;
}
#table_listingLocation {
	float:left;
	margin:0 0 1.5em 0;
}
#table_listingNavigation {
	float:right;
}

/* admin elements */
#table_view_rentals {
	text-align:left;
	background-color:#fff;
}
#table_view_rentals_header {
	background-color:#E0E0E0;
	font-weight:bold;
}
#table_view_rentals td {
	border-bottom:1px solid #CCCCCC;
}

/* bottom navigation */
#bottom-navigation {
	text-align:center;
	font-size: 95%;
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #cccccc;
}
#bottom-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: .5em 0 .3em 0; 
}
#bottom-navigation ul li {
	display:inline;
	margin: 0;
	padding: 0; 
}
#bottom-navigation ul li a { 
	margin: 0;
	text-decoration: none;
	padding: .5em 1em .3em 1em;
	border-bottom: solid 3px #fff;
	color:#333333;
}
#bottom-navigation ul li a:hover {
	border-bottom: solid 2px rgb(99,229,85);
}

/* footer */
#footer {
	font-size:90%;
	background-color:#FFF;
	color: #000;
	margin:2.5em 0;
	padding:1px;
}
#footer #left {
	margin:0;
	padding:0;
}
#footer #right {
	float:right;
	margin:0;
	padding:0;	
}
#footer a {
	text-decoration: underline;
	color:#000;
}
#footer a:hover {
	text-decoration: underline;
	color:rgb(37,153,25);
}

/* ticket listings */
.category {
	list-style-type: none;
	list-style-position: outside;
	border:1px solid #666;
	background-color:#fff;
	color:#000;
	padding-left:0;
	width:100%;
	margin:0;
	margin-bottom:5px;
}
.category li {
	margin: 0;
	padding: 0.1ex 0;  /* fixes rendering bug in MSIE 6.0 */
}
.category li a, .category li a:visited {
	color:#000;
	display:block;
	padding:3px;
	text-decoration:underline;
}
.category li a:hover, .category li a:visited:hover {
	background-color:#F0F0F0;
	text-decoration:underline;
}

.category li.first {
	background-color:rgb(55,184,26);
	color:#fff;
	padding:3px;
	border-bottom:1px solid #000;
}
.category li.first a, .category li.first a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}
.category li.first a:hover, .category li.first a:visited:hover {
	font-weight:bold;
	text-decoration:underline;
	background-color:inherit;
}

/* vertical navigation */
#verticalNavigation {
	border: 0 none;
	margin: 0;
	width: 12.5em;
	list-style: none;
	
	background-image:url(images/vert-nav-bg.gif);
	background-repeat:repeat-y;
	border-top:1px solid rgb(244,187,12);
	border-bottom:1px solid rgb(244,187,12);
	border-left:1px solid rgb(244,187,12);
	padding:3px;
}
#verticalNavigation a {
	display: block;
	border-bottom:1px dotted #ddd;
	margin: .1em 0;
	padding: .1em 9px;
	height: 1%; /* makes the entire region clickable in IE */
}
#verticalNavigation a:hover, #verticalNavigation li:hover a {

}
.breadcrumbs {
	margin-bottom:10px;	
}