/* Slinky CSS Document */

a:link		{ color: #fff; text-decoration: underline}
a:visited	{ color: #fff; text-decoration: underline}
a:hover		{ color: #C40078; text-decoration: underline}
a:active	{ color: #C40078; text-decoration: underline}

a.next_event:hover	{ color: black; text-decoration: underline}
a.next_event:active	{ color: black; text-decoration: underline}

#header_welcome a:link		{ color: #C40078; text-decoration: none}
#header_welcome a:visited	{ color: #C40078; text-decoration: none}
#header_welcome a:hover		{ color: white; text-decoration: none}
#header_welcome a:active	{ color: white; text-decoration: none}

/*
a:link		{ color: #fff; text-decoration: underline}
a:visited	{ color: #fff; text-decoration: underline}
a:hover		{ color: #fff; text-decoration: none}
a:active	{ color: #fff; text-decoration: underline}
*/

body
{
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-align: left;
    background: #000 url("../images/background.gif") repeat-x top left;
    color: #fff;
}

#container
{
	margin: 0 auto;
    width: 922px;
}

#site_header
{
	margin-top: 20px;
	width: 922px;
	height: 210px;
	background: url("../images/slinky_logo.gif") no-repeat top left;
}

#site_borders
{
	padding: 0px 0px 0px 0px;
	background: url("../images/site_borders.png") repeat-y top left !important; /* IE7/Firefox */
	background: url("../images/site_borders_black.png") repeat-y top left; /* IE6 */
}

#locations_menu
{
	width: 922px;
	height: 57px;
	background: url("../images/locations_menu_bg.png") no-repeat top left !important; /* IE7/Firefox */
	background: url("../images/locations_menu_black_bg.gif") no-repeat top left; /* IE6 */
}

#site_footer
{
	margin-bottom: 20px;
	width: 900px;
	height: 40px;
	background: url("../images/footer_curve.png") no-repeat bottom left !important; /* IE7/Firefox */
	background: url("../images/footer_curve_black.gif") no-repeat bottom left; /* IE6 */
	text-align: right;
	padding: 10px 22px 0px 0px;
}

#slinky_logo
{
	padding: 18px 0px 0px 18px;
}

#header_info
{
	padding: 22px 22px 0px 0px;
}

#header_welcome
{
	padding-left: 20px;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #c40078;
}

#header_date
{
	padding-right: 15px;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#banner_outline
{
	border: 2px solid #fff;
}

#pink_bar_bg
{
	width: 474px;
	height: 32px;
	background: url("../images/pink_bar_bg.gif") no-repeat top left;
}

#profile_bar
{
	padding: 10px 0px 0px 15px;
	width: 563px;
	height: 55px;
	background: url("../images/profile_bar_bg.gif") no-repeat top left;
	font-weight: bold;
	font-size: 13px;
}

#profile_bar a:link { text-decoration: none; }
#profile_bar a:hover { text-decoration: underline; }
#profile_bar a:active { text-decoration: underline; }
#profile_bar a:visited { text-decoration: none; }

#profile_bar a.pink:link { color: #c40078; text-decoration: none; }
#profile_bar a.pink:hover { color: #c40078; text-decoration: underline; }
#profile_bar a.pink:active { color: #c40078; text-decoration: underline; }
#profile_bar a.pink:visited { color: #c40078; text-decoration: none; }

#join_beslinky
{
	text-align: right;
	padding: 0px 10px 0px 0px;
}

#content_column
{
	padding: 0px 10px 0px 20px;
}

#menu_column
{
	padding: 0px 20px 0px 0px;
}

#nav_menu_bg
{
	padding: 25px 20px 0px 0px;
	width: 217px;
	background: url("../images/nav_menu_bg.gif") no-repeat top left;
}

.nav_borders
{
	padding: 0px 12px 0px 12px;
	width: 217px;
	background: url("../images/nav_borders.gif") repeat-y top left;
}

td.photothumb img { border: 2px solid #a5a5a5; }

hr
{
	background-color: #fff;
	color: #fff;
	border: none;
	height: 1px;
}

ul.site_menu
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: right;
	font-size: 12px;
}

.list_headline
{
	font-weight: bold;
	font-size: 14px;
}

.headline
{
	font-weight: bold;
	font-size: 16px;
}

.slant_panel_bg
{
	background: #252424 url("../images/slant_panel_bg.gif") repeat top left;
}

#list_content_bg
{
	background-color: #000;
}

.index_headline
{
	padding: 5px 10px 5px 10px;
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}

.more_link
{
	text-align: right;
}

.orange_bg
{
	padding: 5px 10px 5px 10px;
	background-color: #dc5700;
}

.green_bg
{
	padding: 5px 10px 5px 10px;
	background-color: #969c22;
}

.purple_bg
{
	padding: 5px 10px 5px 10px;
	background-color: #8a28a6;
}

.blue_bg
{
	padding: 5px 10px 5px 10px;
	background-color: #1b6ea9;
}

.page_content
{
	margin-top: 4px;
	padding: 5px;
}

.admin_panel
{
	padding: 3px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	font-weight: normal;
	color: #fff;
	background-color: #000;
}

/* Pager
**************************************************/

#pager
{
	padding: 1em;
	border-top: 1px solid #fff;
	margin: 1em 0;
	font-size: 0.9em;
}

#pager a, #pager span
{
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #fff;
}

#pager span#current
{
	border: 1px solid #000;
	font-weight: bold;
	background: #000;
	color: #fff;
}

#pager a
{
	border: 1px solid #ccc;
	font-weight: bold;
	text-decoration: none;
}

#pager a:hover
{
	border-color: #fff;
	background-color: #eee;
	color: #fff;
}

#pager a.nextprev
{
	font-weight: normal;
}

#pager span.nextprev
{
	border: 1px solid #aaa;
	color: #aaa;
}


/* E-Commerce shopping basket
************************************************/

#basket
{
	padding: 0px 5px 0px 5px;
	border: 1px outset #999;
}

.basket_header
{
	border-bottom: 1px solid #fff;
}

.basket_rowdivider
{
	border-top: 1px dashed #999;
	background-color: #eee;
}

.basket_footer
{
	border-top: 1px solid #fff;
}



/**************************************************
 * Styles for Content Manangement System          *
 **************************************************/

/* Tabs
**************************************************/

.site_tabBar
{
    float:left;
    width:100%;
    background:#000 url("../images/tab_panel_bg.gif") repeat-x bottom;
}

.site_tabBar ul
{
    margin:0;
    padding:2px 0 0 0;
    list-style:none;
}

.site_tabBar li
{
    float:left;
    background:url("../images/tab_left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 6px;
    list-style:none;
}

.site_tabBar a
{
	float:left;
    display:block;
    background:url("../images/tab_right.gif") no-repeat right top;
    padding:5px 6px 4px 0px;
    text-decoration:none;
	font-weight:bold;
	color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.site_tabBar a {float:none;}
/* End IE5-Mac hack */

.site_tabBar a:hover
{
	color:black;
}

.site_tabBar .site_activeTab
{
    background-image:url("../images/tab_left_on.gif");
}

.site_tabBar .site_activeTab a
{
    background-image:url("../images/tab_right_on.gif");
    color:black;
    padding-bottom:5px;
}

.site_tabBar .site_activeTab a:hover
{
	text-decoration: underline;
}

.site_tab A:link		{ color: #fff; text-decoration: none}
.site_tab A:visited		{ color: #fff; text-decoration: none}
.site_tab A:hover		{ color: #fff; text-decoration: underline}
.site_tab A:active		{ color: #fff; text-decoration: none}

.site_tabPage
{
	padding: 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #000;
	display: none;
}


/* Form styles
************************************************/

form { margin: 0px; }

form.slinky fieldset
{
	_position : relative;  /* The underscore means only IE will see it */
	_display : block;      /* Stupid IE */
	_margin-top: 10px;
	background: #252424 url("../images/slant_panel_bg.gif") repeat top left;
	border: 1px solid #fff;
	padding: 10px;
	_padding-top : 20px;
}

form.slinky legend
{
	_position : absolute;
	_top : -10px;
	_left : 3px;
	font-weight: bold;
	background-color: #000;
	border: 1px solid #fff;
	padding: 4px 8px;
}

form.slinky p     { margin: 5px 0; }
form.slinky label { font-weight: bold; }

form.slinky a:link		{ text-decoration: underline}
form.slinky a:visited	{ text-decoration: underline}
form.slinky a:hover		{ text-decoration: none}
form.slinky a:active	{ text-decoration: underline}

#image_edit a:link		{ color: #fff; text-decoration: underline}
#image_edit a:visited	{ color: #fff; text-decoration: underline}
#image_edit a:hover		{ color: #fff; text-decoration: none}
#image_edit a:active	{ color: #fff; text-decoration: underline}

#image_uploads_panel
{
	padding: 5px;
	border: 1px solid #fff;
	background-color: #252424;
}