@charset "utf-8";
@import url("botique.css");
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000931;
	background-image: url(/images/purple/structure/pat_page_bg.png);
	background-repeat: repeat-x;
}
li.blog {
	margin-bottom: 20px;
}
#floats {
	/*The floats were canceled because i could not figure out how them right withoutthe default height*/
	/*position: absolute;
	z-index: 0;
	background-image: url(/images/purple/structure/pat_page_bg.png);
	width: 100%;
	height: 1047px;*/
}
#left {
	position: absolute;
	left: -127px;
	background-image: url(/images/purple/structure/left_bg_float.png);
	margin-right: 969px;
	width: 127px;
	max-height: 1047px;
}
#right {
	position: absolute;
	right: -165px;
	background-image: url(/images/purple/structure/right_bg_float.png);
	margin-left: -975px;
	width: 159px;
	top: 0;
	max-height: 1047px;
}
img {
	border:  none;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 969px;
	z-index: 1;
}
#header {
	background-image: url(/images/purple/structure/header_title_bg.png);
	border: 3px solid #ffffff;
	width: 969px;
	height: 55px;
	background-color: #2e4674;
}
#horz_menu {
	border: 3px solid #ffffff;
	border-top: 0;
	width: 969px;
	height: 31px;
	background-image: url(/images/purple/structure/horz_menu/horz_menu_bg.png);
	background-color: #001852;
	font-size: 12px;
	color: #ffffff;
}
#horz_menu.admin{
	width: 590px;
	/*	I Removed this float because i couldn't figure out why it was there in the 
		first place. Secondly, it caused other elements of the page to run togeather
	*/
		/*float: right;*/
}
#horz_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#horz_menu li {
	background-image: url(/images/purple/structure/horz_menu/horz_menu_div.png);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	padding: 6px 15px;
}
#top {
	background-image: url(/images/purple/structure/top/top_div_bg.png);
	border: 3px solid #ffffff;
	border-top: none;
	height: 76px;
	width: 969px;
}
#search {
	background-image: url(/images/purple/structure/top/search_bg.png);
	height: 50px;
	width: 322px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9ba5b8;
	padding: 15px 10px 12px 10px;
	border-right: 3px solid #ffffff;
	z-index: 3;
}
#search .input_txt {
	margin: 10px 0 0 35px;
	width: 225px;
	border: 1px solid #96a2ba;
	font-size: 17px;
}
#search .submit_btn {
 	vertical-align: bottom;
}
#outside_wrapper { 
	background-image: url(/images/purple/structure/outside_wrapper_bg.png);
	background-color: #ffffff;
	width: 971px;
	border: 2px solid #ffffff;
	border-top: none;
}
#vert_menu {
	background-color: #4c296c;
	color: #ffffff;
	padding: 15px;
	width: 313px;
	float: left;
}
#content_wrapper {
	float: right;
	width: 590px;
	margin: 0 15px;
	overflow: hidden;
}
#search_wrapper {
	width: 550px;
	overflow: hidden;
}
#vid_thumb {
	font-size: 9px;
	font-style: oblique;
	font-weight: bold;
	list-style: none;
	margin: 0 0 30px 28px;
	padding: 0;
	width: 580px;
}
#vid_thumb span{
	display: block;
	width: 165px;
	text-decoration: underline;
}
#vid_thumb span img {
	float: left;
	padding-right: 7px;
}
#vid_thumb li {
	float: left;
	margin-right: 19px;
	margin-bottom: 30px;
}
.event_short {
	width: 281px;
	font-size: 10.5px;
	margin: 0 0 20px 0;
	float: left;
	line-height: 17px;
	list-style-type: none;
	padding-left: 15px;
}
#contact_form {
	background-color: #e7e7e7;
	border: 1px solid #999999;
	width: 587px;
	margin: 0 auto;
	font-size: 11px;
}
#contact_form td {
	padding: 5px;
}
#contact_form select {
	font-weight: normal;
}
#contact_form .comment {
	background-color: #CEC4D7;
	vertical-align: top;
}
#intro_movie {
	padding: 21px 0 0 130px;
	width: 600px;
	height: 250px;
	background-image: url(/images/purple/structure/main_intro_bg.jpg);
	overflow: hidden;
}
.tbl_1, .tbl_1 table{
	width: 586px;
	margin: 0 auto 40px auto;
	background-color: #f7f7f7;
	margin: 30px auto;
	color: #000000;
	border: 2px solid #141414;
}
.tbl_1 a:link,
.tbl_1 a:hover,
.tbl_1 a:visited,
.tbl_1 a:active,
.tbl_1 table a:link,
.tbl_1 table a:hover,
.tbl_1 table a:visited,
.tbl_1 table a:active {
	font-size: 1em !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}
.header2 a:link,
.header2 a:hover,
.header2 a:visited,
.header2 a:active {
	color: #ffffff !important;
	font-weight: bold !important;
}
.tbl_1 table {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	font-size: 10px;
	border: 1px solid #000000;
}
.tbl_1 h1, .tbl_1 td.header1 {
	background-image: url(/images/structure/gradient_BG/admin_header_msg_bg.png);
	font-size: 13px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #dcdbdb  !important;
	margin: 0 0 0 0  !important;
	padding: 5px 0 0 10px !important;
	height: 20px;
	font-weight: bold;
	text-align: center;
	border: none;
}
.tbl_1 h2, .tbl_1 td.header2, .tbl_1 th.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	background-image:url(/images/purple/structure/horz_menu/horz_menu_div.png);
	vertical-align: middle;
	height: 31px;
	font-weight: normal;
	text-align: left;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: bold !important;
	padding-left: 10px;
}
.tbl_1 h3, .tbl_1 td.header3, .tbl_1 th.header3 {
	font-weight: bold;
	padding-top: 15px;
	font-size: 14px;
	background-color: #697978;
	color: #ffffff;
}
.tbl_1 p, .tbl_1 ul {
	margin: 10px !important;;
	line-height: 19px !important;;
	font-size: 11px !important;
	color: #000000 !important;;
	list-style: square !important;;
}
.tbl_1 td {
	border-bottom: 1px solid #CCCCCC;
	/*padding: 5px;*/
}
.tbl_1 td.important {
	font-weight: bold;
	background-color: #eaf0fd;
	color: #000066;
}
.tbl_1 form {
	/*margin: 10px;*/
}
.tbl_2 {
	width: 580px;
	margin: 10px auto;
	color: #311447;
	background-color: #D9C6DE;
	border: 4px solid #311447;
	padding: 20px;
	font-weight: bold;
}
.tbl_2 td {
	padding: 10px 0;
	width: 50%;
	vertical-align: top;
}
.tbl_2 label {
	font-weight: bold;
	display: block;
	font-size: 12px;
	cursor: pointer;
}
h1.WARNING {
	color: #FF0000 !important;
	margin: 20px -15px -15px -15px !important;
	padding: 0 !important;
}
.tbl_WARNING {
	width: 580px;
	margin: 10px auto;
	color: #685a5a;
	background-color: #f3f3d8;
	border: 4px solid #ff0000;
	padding: 20px;
	font-weight: bold;
	font-size: 13px;
}
.tbl_WARNING td {
	padding: 10px 0;
	width: 50%;
}
.tbl_WARNING label {
	font-weight: bold;
	display: block;
	font-size: 12px;
}
/* Administrative Controls	*/
textarea, input, select
{
	background-color: #ffffff;
	border:1px dotted #7C7F7F;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}
textarea.ERROR, input.ERROR, select.ERROR
{
	border:3px double #ff0000 !important;
}
.submit_right, .submit_center, .submit_left {
	margin: 15px auto;
	padding: 15px 0;
	background-color: #2A2A2A;
	background-image:url(/images/purple/structure/top/top_div_bg.png);
	border: 1px dotted #4C296C;
	width: 530px;
}
	.submit_right {
		text-align: right;
	}
	.submit_center {
		text-align: center;
	}
	.submit_center .button{
		float: none !important;
	}
	.submit_left {
		text-align: left;
	}
.header_controls {
	width: 100%;
	color: #FFFFFF;
	padding: 5px 10px;
	background-color: #000000 !important;
	border: 0  !important;
	font-size: 10px;
}
.multi_select {
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	border: 1px solid #000000;
}
.multi_select:hover {
	background-color: #333333;
	border: 1px dotted #333333;
	background-image: url(/images/structure/gradient_BG/admin_header_msg_bg.png);
	cursor: pointer;
}
.delete_selected {
	padding: 5px;
	margin: 0;
	border: none;
	background-color: #F7F7F7;
}