/* CSS Document */
body, html{
	font-family:Tahoma;
	font-size:11px;
	line-height:14px;
	color:#666666;
	margin: 0px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(images/back.jpg);
}
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   background-image: none;
}
.sponCont{
	float:left;
	padding:7px;
	border: 1px solid #360;
	margin-bottom:7px;
	margin-right:7px;
}
h1 {
	color: #688844;
	font-size: 2.5em;
}
h2 {
	font-size: 1.6em;
	color: #336600;
}

textarea {
	font-family:Tahoma;
	font-size:11px;
	line-height:14px;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
}
.image_float_left {
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#float_right {
	float: right;
	padding-left: 25px;
	padding-bottom: 10px;
}
a, a:visited{
	text-decoration:none;
	color: #83AA53;
}
a:hover{
	text-decoration:underline;
	color: #658741;
}
#header {
	background-image: url(images/left.jpg);
}
#page_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.news_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#content {
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
#content_no_bg {
	margin-right: auto;
	margin-left: auto;
}
/* this code is to edit the size of the overall panel on the page, it is connected to some other css styles */

#header_main {
	margin-right: auto;
	margin-left: auto;
	height: 139px;
	background-image: url(images/top.jpg);
}
#header_nav_bar {
	height: 29px;
	padding-top: 109px;
	text-align: center;
}
#content_header {
	background-color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:35px;
	color:#000000;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-top: 10px;
	background-image: url(images/title_back.jpg);
	background-repeat: repeat-x;
}
#home_sub_content {
	background-color: #CCCCCC;
	padding-right:20px;
	padding-top:27px;
	padding-bottom:10px;
	color:#D5D5D5;
}
.ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.li {
	background:url(images/a1.gif) no-repeat 0px 5px;
	padding:0px 0px 3px 15px;
	color:#79AE31;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 14px;
}
#main_content {
	float: left;
	width: 700px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#main_content_homepage {
	float: left;
	width: 401px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#main_content h4 {
	color: #990000;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
}
#main_content h5 {
	margin-top: 0px;
	font-size: 1em;
	font-weight: bold;
	color: #003399;
}

#footer_content {
	height: 20px;
	padding-top:6px;
	margin-right: auto;
	margin-left: auto;
	color:#7BAF31;
	font-size: 10px;
}
#footer_content a {
	color:#78AC30;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#services_content {
	width:800px;
	background-repeat: repeat-y;
	background-position: right;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/middle_back.jpg);
}
#services_homepage_content {
	background-image: url(images/menu_main_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-right: auto;
	margin-left: auto;
}
#services_main_content {
	float: left;
	width: 475px;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#services_main_content_text {
	width: 465px;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	/*text-align: justify;*/
}
#services_content_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:25px;
	color:#FFFFFF;
	padding-left: 20px;
	background-image: url(images/sect_back.jpg);
	background-repeat: repeat-x;
}
#services_right_menu_1 {
	width:250px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	padding-top:22px;
	padding-bottom:10px;
	background-color: #E8E8E8;
	}
#services_right_menu_1 a {
	}
#services_right_menu_2 {
	width:230px;
	float: left;
	padding-left:10px;
	padding-right:10px;
	padding-top:22px;
	padding-bottom:10px;
	}
.services_right_menu_header {
	font-weight:bold;
	color:#5B88FF;
	padding-bottom:7px;
	padding-top:10px;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	white-space: normal;
	background-image: url(images/arrow_large.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	background-color: #FFFFFF;
	margin-top: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-bottom-style: solid;
	}
.services_right_menu_links {
	font-size:11px;
	color:#000000;
	display: block;
	padding-left: 20px;
	line-height: 12pt;
	text-decoration: none;
	font-weight: normal;
	background-image: url(images/a1.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-left: 20px;
	padding-bottom: 5px;
	}
.services_right_menu_links a {
	color:#B22514;
	text-decoration:none;
	background-color: #FFFFFF;
	}
.services_right_menu_links a:hover {
	color:#990000;
	}
.services_bullet_img_pad {
	padding-right:10px;
	}
#services_right_menu_all_pages {
	width:230px;
	float: left;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	}
/* ----------------- News Section --------------------------- */
.news_right_menu_header {
	font-weight:normal;
	color:#000000;
	padding-bottom:5px;
	padding-top:10px;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	}
.news_right_menu {
	padding-left: 5px;
	padding-top: 10px;
	}
.news_right_menu_links {
	font-size:11px;
	color:#B22514;
	display: block;
	padding-left: 5px;
	padding-top: 10px;
	line-height: 12pt;
	text-decoration: none;
	font-weight: normal;
	}
.news_right_menu_links a {
	color:#B22514;
	text-decoration:none;
	}
.news_right_menu_links a:hover {
	color:#990000;
	}
.news_bullet_img_pad {
	padding-right:10px;
	}
#news_right_menu {
	width:230px;
	float: left;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	padding-bottom:10px;
	}
#news_content {
	background-image: url(images/menu_right_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-right: auto;
	margin-left: auto;
}
#news_main_content {
	float: left;
	width: 480px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/* -----------------About Us section begins here------------- */
#about_us {
	font-weight: bold;
	padding-left: 20px;
}
#about_us_content {
	float: left;
	width: 401px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/* -----------------History section begins here------------- */
#history_content {
	background-repeat: repeat-y;
	background-color:#E9E9E9;
	background-position: left;
	margin-right: auto;
	margin-left: auto;
}
.header_history {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
	margin-left: 20px;
	margin-top: 15px;
}
#history_subcontent {
	padding-left: 20px;
}
#history_main_content {
	padding-bottom: 20px;
	float: left;
	padding-top: 20px;
}
/*----------------------Contact Us styles-------------------*/
#contact_subcontent {
	padding-left: 20px;
}
#contact_main_content {
	padding-bottom: 20px;
	float: left;
	padding-top: 20px;
}/*----------------------Links Page styles-------------------*/
#links_subcontent {
	padding-left: 20px;
}
#links_main_content {
	padding-bottom: 20px;
	float: left;
	padding-top: 20px;
	padding-left:20px;
	padding-right:20px;
}
/*----------------------Careers styles-------------------*/
#careers_subcontent {
	padding-left: 20px;
}
#careers_main_content {
	padding-bottom: 20px;
	float: left;
	padding-top: 20px;
	padding-left:20px;
	padding-right:20px;
}
.news_pic {
	float:right;
	padding-left: 10px;
}
.jobs_cell {
	color:#0052A4;
	padding-left:10px;
	padding-top: 3px;
	padding-bottom: 3px;
	}
.date_stamp {
	color:#990000;
	}
.breadcrumbs {
	color:#FFFFFF;
	position: absolute;
	height: 5px;
	top: 207px;
	right: 234px;
	text-align: right;
	width: auto;
}
.breadcrumbs a {
	color:#FFFFFF;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color:#000000;
	}
/* ------------ menu header --------------------- */
#menu {
	float: none;
	width: 800px;
	height: 21px;
	text-align: justify;
	background-image: url(images/menu_slice.jpg);
	background-repeat: repeat-x;
}
.anylinkcss{
	position:absolute;
	visibility: hidden;
	z-index: 100;
}

.anylinkcss a, #menu a{
	color: #000000;
	text-decoration: none;
	background-image: url(images/menu_button.jpg);
	background-repeat: no-repeat;
	height: 21px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-position: left;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}

.anylinkcss a:hover, #menu a:hover{ /*hover background color*/
	color:#FFFFFF;
	background-image: url(images/menu_button_roll.jpg);
}

.menu_button, .menu_button_roll {
	background-repeat: no-repeat;
	cursor:pointer;
	cursor:pointer;
	height: 21px;
	line-height: 20px;
	padding-left: 5px;
	background-position: right;
}
.menu_button {
	color:#000000;
	background-image: url(images/menu_button.jpg);
}
.menu_button_roll {
	color: #000000;
	background-image:url(images/roll.gif);
	background-repeat:no-repeat;
	border-right-color: #666666;
	border-left-color: #666666;
}
.menu_button_active {
	color: #FFFFFF;
	background-image:url(images/roll_active.gif);
	background-repeat:no-repeat;
	border-right-color: #000000;
	border-left-color: #000000;
}
.menu_button_roll2 {
	color: #FFFFFF;
	background-image:url(images/roll2.gif);
	background-repeat:no-repeat;
	border-right-color: #666666;
	border-left-color: #666666;
}
.menu_button_active2 {
	color: #000000;
	background-image:url(images/roll_active2.gif);
	background-repeat:no-repeat;
	border-right-color: #000000;
	border-left-color: #000000;
}
#main_content_align {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#main_content_courses {

	float: left;
	width: 490px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.image_float_right {

	float:right;
	margin-right: 10px;
	margin-bottom: 10px;
}
.header_in_page {
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	padding-bottom: 7px;
	padding-top: 5px;
}
.header_in_page_small {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 15px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 8px;
}
#header_space {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#white_back {
}
.header_booking {
	color:#0033CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 15px;
	background-color: #EAEAEA;
}
.right_content_1 {
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
}
.grey_text {
	color:#999999;
	text-decoration: none;
	line-height: 20px;
}
.booking_text {
	color:#000066;
	text-decoration: none;
	line-height: 18px;
	background-color: #CEDBFE;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 25px;
}
.booking_title {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	background-color: #000066;
	padding-left: 5px;
	margin-bottom: 5px;
}
.back {

	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color:#597739;
}
.bottom_text {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 2px;
}
.li_right {
	padding:5px 10px 4px 15px;
	color:#0066CC;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 13px;
	background-color: #FFFFFF;
	background-image: url(images/a1.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
.li_right_white {
	padding:4px 10px 4px 15px;
	color:#2C81AA;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	background-color: #FFFFFF;
	background-image: url(images/a1.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.tel {
	font-size: 11px;
	font-weight: bold;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
}

#menu_footer {
	color: #8D2816;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.95em;
}
.anylinkcss_horiz {

	position:inherit;
	visibility: hidden;
	z-index: 100;
	border-top-width: thin;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF00FF;
	border-right-color: #FF00FF;
	border-bottom-color: #FF00FF;
	border-left-color: #FF00FF;
}
.but_style {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
#menu2 {

	float: none;
	width: 778px;
	height: 21px;
	text-align: justify;
	bottom: 500px;
}
.services_left_1 {
	width: 565px;
	padding-left: 0px;
}
#services_left {
	width:200px;
	float: right;
	background-color: #E0EBF5;
	height: 100%;
}
#sub_header {
	font-weight: bold;
	padding-left: 19px;
	font-size: 14px;
	line-height: 26px;
	background-image: url(images/sect_back.jpg);
	color: #FFFFFF;
}
#services_left_top {
	background-color: #C2D7ED;
	padding-right:20px;
	padding-top:27px;
	padding-bottom:10px;
	color:#032D57;
	width: 400px;
}
.li5 {
	background:url(images/a1.gif) no-repeat 0px 5px;
	margin: 6px 0px 0px;
	padding:0px 0px 0px 18px;
	color:#990000;
}
.section_on {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.menu_back {
	background-image: url(images/menu_slice.jpg);
	background-repeat: repeat-x;
	background-position:top;
	height: 21px;
}
h4 {
	margin-bottom:5px;
	}
.contact_us_left {

	width: 250px;
	padding-left: 0px;
}
.right_content {
	padding-left: 0px;
	display: block;
	padding-right: 12px;
	float: left;
	width: 270px;
}
.event_list {
	float: left;
	width: 200px;
	padding: 3px;
}

.event_list_side {
	padding: 3px;
}

.right_links {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	background-image: url(images/a1.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-left: 13px;
	padding-bottom: 2px;
	padding-top: 8px;
}
.right_date {
	color:#7CB834;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 13px;
}
.page_feature {
	color:#80B834;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#candles {
}
.footer_text_2 {
	color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	padding-top: 10px;
}
.header_home {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 12px;
	padding-top: 8px;
}
.li_right {

	background:url(images/a1.gif) no-repeat 0px 5px;
	padding:2px 5px 2px 15px;
	color:#70A02E;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	font-size: 11px;
}
#content_head {
	background-repeat: repeat-y;
	margin-left: 3px;
	background-image: url(images/middle_back.jpg);
	width: auto;
}
.header_right {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 5px;
}
.header_home {
	color:#80B834;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	padding-bottom: 12px;
	padding-top: 8px;
	font-weight: normal;
}
.header_block {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #868686;
	text-indent: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.back_to_top {
	font-size:11px;
	color:#A6BEFF;
	display: block;
	font-weight: normal;
	background-repeat: no-repeat;
	margin-top: 4px;
	line-height: 16px;
	text-align: right;
}
.back_to_top a {

	color:#A6BEFF;
	text-decoration:none;
}
#services_right_menu_courses_pages {
	float: left;
	padding-left:10px;
	padding-top:20px;
	width: 260px;
}
.services_sub_box {
	font-weight:normal;
	padding-bottom:11px;
	text-transform: none;
	display: block;
	white-space: normal;
	background-repeat: no-repeat;
	background-color: #F4F4F4;
	margin-bottom: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-bottom-style: dotted;
	padding-top: 6px;
}
.header_courses {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #1A58FF;
	margin-bottom: 8px;
	text-indent: 27px;
	background-image: url(images/headers_curve.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 455px;
}
.courses_indent {
	padding-left: 25px;
	display: block;
	padding-bottom: 15px;
}
.developer_notes {
	padding-left: 10px;
	display: block;
	padding-bottom: 10px;
	background-color: #00FF00;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
	padding-right: 10px;
}
.li_free {
	background:#333399 0px 5px;
	color:#FFFFFF;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	font-weight: bold;
}
.main_text {
	padding-top: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
	padding-right: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.indent {

	padding-top: 10px;
	padding-right: 35px;
}
.indent_right {
	padding-top: 10px;
	padding-right: 35px;
}
#float_left {
	float: left;
	padding-bottom: 10px;
	clear: both;
	padding-right: 15px;
}

.notes {
	color:#FFFFFF;
	text-decoration: none;
	line-height: 20px;
	background-color: #FF0000;
	font-size: 18px;
	font-weight: bold;
}
.delegate {

	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#admin_content {
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.header_home_sm {

	color:#80B834;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 12px;
	padding-top: 4px;
}
.reg_boxs {
	margin-bottom: 5px;
}
.model_panel {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #006600;
}
.model_header {
	font-size: 1.2em;
	color: #80B834;
	margin-bottom: 5px;
	font-weight: bold;
}
#model_images {
	float: right;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 5px;
}
.deligate_container {
	background-color: #668742;
	border: 1px solid #333333;
	padding-top: 0px;
	padding-left: 7px;
	margin-right: 45px;
	margin-left: 40px;
}
.deligate_panel {
	background-color: #FFFFFF;
	padding: 3px;
	float: left;
	height: 335px;
	width: 200px;
	margin-right: 7px;
	margin-bottom: 7px;
	border: 1px solid #666666;
	text-align: center;
}
#main_content_text08 {
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 740px;
}

.finalist_title {
	color: #668742;
	margin-bottom: 3px;
}

.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff!important;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    font-size:1.4em;
    border:solid 2px #777;
}
  .button:hover {
    background-position: 0 center;
    color:#000!important;
    text-decoration:none;
    }
  .button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
  .button.red { background-color: #e50000; }
  .button.purple { background-color: #9400bf; }
  .button.green { background-color: #58aa00; }
  .button.orange { background-color: #ff9c00; }
  .button.blue { background-color: #2c6da0; }
  .button.black { background-color: #333; }
  .button.white { background-color: #fff; color: #000!important; text-shadow: 1px 1px #fff; }
  .button.small { font-size: 75%; padding: 3px 7px; }
  .button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
  .button.large { font-size: 125%; padding: 7px 12px; }
  .button.large:active { padding: 8px 12px 6px; background-position: 0 top; }