img, .line, .linemain { behavior: url(/beta/iepngfix/iepngfix.php) }

div.sdmenu div.submenu a:hover { behavior: url(/beta/iepngfix/iepngfix.php) }
div.sdmenu div.submenu a { behavior: url(/beta/iepngfix/iepngfix.php) }
div.sdmenu div.submenu span.title { behavior: url(/beta/iepngfix/iepngfix.php) }
div.sdmenu div.submenu span.titlehidden { behavior: url(/beta/iepngfix/iepngfix.php) }
div.sdmenu div.submenu span.rtitlehidden { behavior: url(/beta/iepngfix/iepngfix.php) }

body {
	margin: 0;
	padding: 0;
	background: url(images/bg.jpg) repeat-x;
	background-color: #483F30;
	color: #a9a9a8;
	font-family: 'Century Gothic', Helvetica, Tahoma, Arial, sans-serif;
}
sup { /* For the 14 next to the blog title */
	color: #FFC671;
}

img {
border: 0px;
}

a {
	text-decoration: none;
	color: #a9a9a8;
}
a:hover {
	text-decoration: none;
	color: #a9a9a8;
}

#container {
	margin: 0 auto;
	width: 776px;
	min-height: 1200px;
	height:auto !important;
  height:1200px;
	background: #17140F url(images/backgrd.jpg) repeat-x;
	background-position: 0px 125px;
}
/*---:[ BEGIN: header styles ]:---*/
#header
{
	width: auto;
	height: 100px;
	background: #17140F url(images/header-background.jpg) repeat-x;
}

h2{
background: #17140F;
}

#header h1 { /* For your Blog Title */
	margin: 0;
	padding: 20px 0 0 25px;
	font-size: 220%;
	letter-spacing: -2px;
	font-weight: normal;
	color: #F90;
	font-family: georgia, helvetica, Bitstream Vera Sans;
}
#header h3 { /* For your Blog Description */
	margin: 0;
	padding: 0px 25px 0 0px;
	font-size: 110%;
	letter-spacing: -1px;
	font-weight: normal;
	color: #AAA;
	font-family: georgia, helvetica, Bitstream Vera Sans;
	text-transform: lowercase;
	float: right;
}
/*---:[ END: header styles ]:---*/
/*---:[ BEGIN: menu styles... for the menu bar across the top ]:---*/
#menu
{
	padding-left:20px;
  font-size: 0.84em;
  width: auto;
	height: 125px;
	background: #000000;

}
#menumain ul {
	display: inline; 
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
#menumain ul li { 
	display: inline; 
}
#menumain ul li a {     /*each top nav button */
  display: inline; 
	padding: 28px 32px 0px 28px;
	color: #999999;
	text-decoration: none;
	float: left;
}

/*---:[ END: menu styles ]:---*/
/*---:[ BEGIN: maincontent styles ]:---*/
.midright{
position: relative; 
top: 5px;        /* relative, 275, 530 */
left: 30px;
width:495px;
color:#a9a9a8;
font-size: 0.75em;
}

.formright{
position: relative; 
top: 10px;        
height:30px;
text-align: center;
}

.tabright{
position: relative; 
top: 6px; 
right: -50px;
display:inline;
}

.tabright2{
position: relative; 
top: -27px; 
right: -430px;
display:inline;
}

.tabpage {
position: relative;
display: inline;
text-align:right; 
top: 0px; 
right: -25px;
font-weight:bold;
font-size:1.1em;
color: #746e5e;
}

.tabpage a{
color: #746e5e;
}

.tabpage a:hover{
color: #FF6600;
}

.tabpage a.selected{
color: #FF6600;
}

.midright2{
overflow:hidden;
/*float:right;*/
position: relative;
width:495px;
left: 30px;
top: 5px;        /* relative, 275, 530 */
color:#a9a9a8;
font-size: 0.75em;
}

.topbanner{
position: relative; top: -30px; left:34px;
}


.midleft{
float:left;
/*position: relative; 
top: -30px;         /* relative -30 0 */
/*left:5px;         /* absolute 320 230 */
width:215px;
z-index:4;
background-color:transparent;
}

.linemain{
position: relative; 
top: 0px; 
left:0px;
width:495px;     /* 385 */
height:17px;    
background: url('images/line.png') repeat-x;
}

.tt {
color: 746e5e;
}

.ttTitle{
font-size:1.25em;
color: #746e5e;
font-weight:bold;
}

.ttcontent{
position:relative;
left:5px;
top:10px;
height:500px;
}

.tthead {
font-size: 18px;
background-color: #0e0d0b;
color: #746e5e;
text-align:center;
}

/** EVENTS SECTION **/
/** START **/

.eventtable{
width:330;
}

.eventtable tr{
height:130;
display:inline;
}

.eventtable td{
padding:0px 35px 0px 0px;
}

.eventsbox {
position:relative;
top:0px;
left:0px;
width:130px;
margin-bottom:10px;
margin-right:15px;
}

.eventspicbox{
width:130px;
height:130px;
position:relative;
top:0px;
left:0px;
}

.eventslinkbox {
width:128px;
text-align:justify;
position:relative;
top:0px;
left:0px;
}

.eventslinkbox a {
color: #FF6600;
}

.eventslinkbox a:hover {
color: #FBA007;
}

.eventsexcerptbox {
height:60px;
width:130px;
overflow:hidden;
text-align:left;
position:relative;
top:-20px;
left:0px;
}

.eventsmorebox {
position:relative;
top:-10px;
left:0px;
}

.eventsmorebox img {
border: 0px none;
}

.eventsviewmorebox {
position:relative;
top:0px;
left:330px;
}

.eventsviewmorebox img{
border: 0px;
}

.events_box{
margin: 5px 0 5px 0;
}

.events_title {
font-size: 14px;
color: #FF6600;
}

.events_title a {
color: #FF6600;
}

.events_title a:hover {
text-decoration: none;
color: #FBA007;
}

.events_posted {
color:#999999;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:7pt;
font-weight:normal;
font-style: italic;
}

.events_excerpt {
height: 65px;
position: relative;
overflow: hidden;
}

.events_more {
margin-top: 10px;
}

/** EVENTS SECTION **/
/** END *

/** NEWS SECTION **/
/** START **/
.newsviewmorebox {
position:relative;
top:0px;
left:330px;
}

.newsviewmorebox img{
border: 0px;
}

.newsbox {
overflow:hidden;
position:relative;
top:0px;
left:0px;
height:140px;
width:500px;
margin-bottom:10px;
background-color:#362e23;
}

.morebox {
position:relative;
top:-140px;
left:430px;
}

.morebox img {
border: 0px none;
}

.newslinkbox {
height:20px;
width:350px;
background-color:#181510;
text-align:justify;
position:relative;
top:-115px;
left:130px;
}

.picpadding{
float: left;
padding-right:10px;
}

.excerptbox {
height:100px;
width:350px;
overflow:hidden;
text-align:left;
position:relative;
top:-125px;
left:130px;
}

.newslinkbox a{
padding:5px 0px 0px 5px;
color:#FFFFFF;
font-size:0.9em;
}

.newspicbox{
width:110px;
height:110px;
position:relative;
top:5px;
left:5px;
border: 4px solid #29251c;
}

.news_box{
}

.news_title {
font-size: 14px;

}

.news_posted {
color:#999999;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:7pt;
font-weight:normal;
font-style: italic;
}

.news_title a {
color: #FF6600;
}

.news_title a:hover {
text-decoration: none;
color: #FBA007;
}

.news_excerpt {
height: 50px;
position: relative;
overflow: hidden;
}

.news_more {
margin-top: 10px;
}

/** NEWS SECTION **/
/** END **/
.backbox{
position:relative;
top:0px;
left:350px;
}
.backbox img{
border: 0px;
}
.yeardisplay{
color: #e5e2dd;
position:relative;
top:-9px;
left:-2px;
font-weight:450;
font-size:1.5em;
font:San Serif;
display:inline;
margin-left: 60px;
}
.yeardisplay a {
font-weight:bold;
font-size:0.8em;
}
#maincontent {
	width: auto;
	background: #17140F;
	padding: 25px;
	font-size: 90%;
	margin-right: 200px;
	line-height: 150%;
}
#maincontent h2 {
	margin: 0px 0 10px 0;
	padding: 0;
	background: #17140F;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 200%;
	color: #888;
}
#maincontent h3 {
	margin: 0px 0 10px 0;
	padding: 0;
	background: #17140F;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 180%;
	color: #888;
}
#maincontent h4 {
	margin: 0px 0 10px 0;
	padding: 0;
	font-weight: normal;
	background: #17140F;
	letter-spacing: -2px;
	font-size: 160%;
	color: #888;
}

.legend{
position:relative;
top:0px;
left:0px;
margin:10px;
}
/*---:[ END maincontent styles ]:---*/
/*---:[ BEGIN sidebar styles ]:---*/
#sidemenu { /* For the top sidebar menu, the one with with the orange arrows*/
width: 180px;
}
#sidemenu ul {
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
	font-size: 120% !important;
}
#sidemenu a {
	display: block;
	padding: 3px;
	width: 180px;
	background: #17140F url(images/sidemenu-background-active.gif) repeat-x;
}
#sidemenu a:link {
	color: #888;
	text-decoration: none;
}
#sidemenu a:hover {
	background: #17140F url(images/sidemenu-background-hover.gif) repeat-x;
	color: #E0E0E0
}
#maincontentright { /* For your sidebar items*/
	float: right;
	width: 180px;
	padding: 25px;
	background: #17140F url(images/maincontent-background.jpg) repeat-x;
	line-height: 150%;
	color: #666;
}
#maincontentright ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	font-size: 91%;
}
#maincontentright ul li {
	list-style-type: none;
	list-style-image: none;
}
#maincontentright li {
	list-style-type: none;
	list-style-image: none;
}
#maincontentright h2.widgettitle { /* For Sidebar Widgets Titles */
	margin: 20px 0 10px 0;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 135%;
	color: #888;
	background: #fbfbfe;
	border-bottom: 1px solid #f1f7f6;
}
#maincontentright h2 {
	margin: 20px 0 10px 0;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 135%;
	color: #888;
	background: #fbfbfe;
	border-bottom: 1px solid #f1f7f6;
}
#maincontentright h2.subscribe { /* For the Sidebar Subscribe Title */
	margin: 20px 0 10px 0;
	padding-left: 23px;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 135%;
	color: #888;
	background: #fbfbfe url(images/sidebar-rss.png) no-repeat left center;
}
.search-form {
margin-bottom: 20px;
}
/*---:[ END sidebar styles ]:---*/
/*---:[ BEGIN: entry styles...where you'd style your blog posts ]:---*/
.entry {
	margin: 10px 0px 35px 0px;
}
.entry h1 {
	margin: 0px 0 5px 0;
	padding-bottom: 2px;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 185%;
	color: #888;
	border-bottom: 1px dotted #ddd;
}
.entry img { 
	padding: 3px;
	margin: 0 6px 0 6px; 
	border: 3px double #bbb;
}
.entry a img {
 	border: 3px solid #ccc;
}
.entry a:hover img {  
 	border: 3px solid #666;
}
.entry-meta { /* For Categories, Tags and Comments at end of posts */
	background: #fbfbfe;
	border-bottom: 1px solid #f1f7f6;
}
blockquote {
 	margin: 10px 20px 0 20px;
 	background-color: #fbfbfe;
	border-bottom: 1px solid #eee;
}
blockquote p {
	margin: 0.4em 0.8em;
}
.code { /* For highlighting code snippets*/
	margin: 15px 0;
	padding: 10px;
	display: block;
	overflow: auto;
	font: 400 1em courier, monospace;
	line-height: 120%;
	white-space: pre;
	background: #f1f7f6;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
hilite { /* For highlighting words or sentences*/
	padding: 1px 2px;
	background: #FFFF99;
	border-top: 1px solid #eee;
}
.alert { /* For Alert Class.  Thanks to bioneural.net */
	background: #fff6bf url(images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
/*---:[ END: entry styles ]:---*/
/*---:[ BEGIN: navigation styles... the next and previous links:]:---*/
.navigation { /*.Thanks to http://cutline.tubetorial.com/ */
	width: 500px; 
	margin: 0 0 3.0em 0; 
	float: left; 
}

* html .navigation { 
	margin: 0 0 2.5em 0; 
}
.previous { 
	padding: 0 20px 0 0; 
	float: left; 
}
.next { 
	float: right; 
	}
.clear {
	width: 500px; 
	height: 1px; 
	clear: both; 
}
/*---:[ END: navigation styles ]:---*/
/*---:[ BEGIN: comments styles ]:---*/
.comment-meta {
	font-size: 150%;
	margin: 10px 0 10px 0;
}
.comment-text {
	display: block;
	margin-bottom: 10px;
}
h2.comments-header {
	border-bottom: 2px dotted #ddd;
}
#respond {
	font-size: 135%;
}
#respond .trackback {
	padding-left: 23px;
	background: #17140F url(images/trackback.png) center left no-repeat;
}
.gravatar { /* For the Gravatar Plugin */
	float: right;
	padding: 5px;
	border: 1px solid #E0E0E0;
}
.even {
	background: #FEFBFB;
	padding: 3px;
}
.highlight { /* For the Author Highlighting*/
	background: #F2F2F2;
	padding: 10px;
	border-top: 3px double #bbb;
	border-bottom:  3px double #bbb;
}
#live-preview { /* For the Live Preview Plugin*/
	margin: 20px 0 100px 0;
}
/*---:[ END: comments styles ]:---*/
/*---:[ BEGIN: footer styles ]:---*/
#footer {
  height:70px;
  margin: auto;
	width: 776px;
	font-size: 80%;
	background: #111 url(images/footer-background.jpg) repeat-x;
	color: #888;
	font-family: arial;

}

#footerleft {
	float: left;
	width: 380px;
}
#footerright {
	float: right;
	width: 380px;
}
#bottom { /* For the credit links in the footer*/
	width: auto;
	text-align: center;
	padding-top:10px;
}
#bottom a {
	color: #F90;
}
#bottom a:hover {
	color: #FFC671;
}
/*--------------------------------------------
END: footer styles
BEGIN: plugin styles
------------------------------------------------*/
a.extlink { /* For Link Indication */ 
	padding-right: 10px;
	background: #17140F url(images/external-link.png) no-repeat right center;
}
.flickr { /* For Flickr Plugin in the Footer*/
	clear: both;
	padding: 25px;
}
.flickr a {
	background: #333;
	border: 2px solid #666;
	display: block;
	float: left;
	margin-right: 12px;
	padding: 5px;
}
.flickr img {
border: 2px solid #999;
	display: block;
	width: 70px;
	height: 70px;
}
.flickr a:hover {
	background: #666;
	border: 2px solid #333;
	display: block;
	float: left;
	margin-right: 12px;
	padding: 5px;	
}

/*--------------------------------------------
BEGIN: SDMNMenu 
------------------------------------------------*/
div.sdmenu {
  width: auto;
	text-align: left;
  font-family: Sans-Serif;
  font-size: 0.75em;
  color: #a9a9a8;
	zoom: 1;
	cursor: pointer;
	background-color: transparent;
}


div.sdmenu span.title, div.sdmenu span.titlehidden, div.sdmenu span.rtitlehidden {
  display: block;
  line-height:2.5em; /* padding: 6px 6px 6px 6px; */
  font-weight: bold;
  color: #a9a9a8;
}
div.sdmenu span.title a, div.sdmenu span.titlehidden a, div.sdmenu span.rtitlehidden a {
  font-weight: bold;
  color: #FFF;
}
div.sdnm_flat span.rtitlehidden {
	cursor: default;
}

div.sdmenu div.submenu span.title {     /* setting width of sub menu title*/
line-height:2em;
text-indent:10px;
}

div.sdmenu div.submenu span.titlehidden{    /* setting width of sub menu title */
line-height:2em;
text-indent:10px;
} 

div.sdmenu div.submenu span.rtitlehidden{   /* setting width of sub menu title */
line-height:2em;
text-indent:10px;
}

.des{         /* width for description */
line-height:2em;
text-indent:10px;
text-decoration:none;
}

div.sdmenu span.title {background: transparent;}
div.sdmenu span.titlehidden {background: transparent;}
div.sdmenu span.rtitlehidden {background: transparent;}
div.sdmenu div.submenu span.title {background: #0c0b09 url(images/SDNMenu/orangearrowcircle.jpg) 0px 2px no-repeat;}
div.sdmenu div.submenu span.titlehidden {background: #0c0b09 url(images/SDNMenu/orangearrowcircle.jpg) 0px 2px no-repeat;}
div.sdmenu div.submenu span.rtitlehidden {background: #0c0b09 url(images/SDNMenu/orangearrowcircle.jpg) 0px 2px no-repeat;}

div.sdmenu span.tt, div.sdmenu span.tthidden { color:#a9a9a8; display:inline; margin-left: 5px;} /*8 is left margin */

div.sdmenu a {
	text-decoration: none;
	cursor:default;
}

div.sdmenu div.submenu div.submenu a{ /* left aligning innermost cat */
	margin-left: 20px;
}

div.sdmenu div.submenu div.submenu a:hover{ /* left aligning innermost cat */
  background-color: #7e6d51;
  background-position: 27px 6px;
  text-indent: 20px;
  margin-left: 0px;
}


div.sdmenu div.submenu {
	padding-left:28px;
}

div.sdmenu div.submenu div.submenu{
  overflow: hidden; 
	padding-left:0px;
	background-color: #0c0b09;
}
div.sdmenu div.submenu a {
  line-height:2em;
  background: #0c0b09 url(images/SDNMenu/orangearrow.jpg) 7px 6px no-repeat;
  padding-left:20px;
  display: block;
  color: #7e6d51;
  text-decoration: none;
}
div.sdmenu div.submenu img {
border: 0px;
}
div.sdmenu div.submenu a:hover {
  background: #7e6d51 url(images/SDNMenu/orangearrowmo.jpg) 7px 6px no-repeat;
  color: #FFFFFF;
}

div.sdmenu dl.top_lft {background:transparent url(images/SDNMenu/sdtoptitleleft.gif) top left no-repeat; margin:0px 0px; padding:0px; width:100%; line-height:7px;}
div.sdmenu dl.top_lft dd {background:transparent url(images/SDNMenu/sdtoptitleright.gif) top right no-repeat; padding:0px; margin:0px;}

div.sdmenu dl.bot_lft {background:transparent url(images/SDNMenu/sdbottomtitleleft.gif) bottom left no-repeat; margin:0px 0px; padding:0px; width:100%; line-height:7px; }
div.sdmenu dl.bot_lft dd {background:transparent url(images/SDNMenu/sdbottomtitleright.gif) bottom right no-repeat; padding:0px; margin:0px;}

/*--------------------------------------------
BEGIN: FooterHack
------------------------------------------------*/

* {
   margin: 0;
 }
html, body {
    height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

/*-----------------------------------------
NEW Sliding Menu
-------------------------------------------*/

	.clear{
		clear:both;
	}
	
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:205px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:170px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
/*------------------------------------------
TinyMCE Editor
------------------------------------------*/

.eventslot{
  color: #a9a9a8;
  padding-top:2px;
  padding-left:2px;
  padding-bottom:5px;
  font-size:0.95em;
  font-weight:bold;
}


/* HomePage */
.homepage_box {
}


/* Hub Cup*/
.staff_name {
font-weight:bold;
font-size: 14px;
color: #FF6600;
}

.staff_title {
font-size: 11px;
font-style: italic;
}

.p_attitude {
	text-align: justify;
	margin-top: 15px;
}
.attitude_heading {
	font-size: 18px;
        color: #FF6600;
}

.pimg_attitude {
	float: left;
	padding-bottom: 10px;
	padding-right: 15px;
	margin-top: 20px;
	text-align: justify;
}
.img_attitude {
	border: 1px solid #808080;
}

.pstaff_title {
	margin-left: 20px;
}
.pstaff_detail {
	margin-left: 20px;
	text-align: justify;
	margin-top: 15px;
}
.attitude_caption {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.timetable_select {
background-color:#a9a9a8; 
border: 1px solid #696969; 
font-family: Century Gothic; 
font-size: 11px;
}

.events_table {
	border-right: 1px solid #A9A9A8;
	border-bottom: 1px solid #A9A9A8;
}
.events_table td {
	border-top: 1px solid #A9A9A8;
	border-left: 1px solid #A9A9A8;
}
.events_table th {
	color: #FF6600;
	font-weight: bold;
	border-top: 1px solid #A9A9A8;
	border-left: 1px solid #A9A9A8;
}
.p_attitude a {
color: #FBA007;
}
.p_attitude a:hover {
color: white;
}
.tt_duration {
	font-size: 10px;
	font-style: italic;
	color: #A9A9A8;
}
.tt_time {
color: #ff6600;
margin-left: 4px;
}
.tt_teacher {
font-size: 10px;
margin-left: 4px;
}
.studio_entry {
	margin-right: 20px;
	text-align: center;
	float: left;
	margin-top: 20px;
}
.img_score {
	border: 1px solid #808080;
}
.cnt_attitude {
	border: 1px solid #808080;
	margin-left: 2px;
	padding: 2px;
	font-weight: bold;
	color: white;
}
.div_hitcounter {
	margin-top: 5px;
}
.new_class {
color: white;
background-color: red;
font-size: 0.65em;
font-weight: bold;
padding: 0 5px;
}
.gyrotonic {
font-family: Times New Roman; 
font-weight: bold;
}
#makeMeScrollable
{
	width: 495px;
	height: 275px;
	position: relative;
}

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
.backlink {
background: url("images/back_arrow.png") no-repeat scroll 0px 3px transparent;
float: right;
}
.backlink a {
margin-left: 15px;
margin-right: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 8pt;
color: #FBA007;
}
.gallery_title {
color:#D27913;
font-size:1.3em;
font-weight:bold;
margin-bottom:10px;
text-align:center;
}
.grapevine-table input,select,textarea {
border:1px solid #BBBBBB;
font-family:Verdana;
font-size:11px;
}
.grapevine-table {
	border: 1px solid #2B251C;
	background-color: #0C0B09;
	color: #A9A9A9;
	font-family: Sans-serif;
}
/** Start Attitude Menu **/
.attitude_menu {
	color: #A9A9A8;
	font-family: Sans-Serif;
	font-size: 0.75em;
	list-style: none;
	margin: 0;
	padding: 0 0 0 30px;
	vertical-align: top;
	width: 215px;
}
.attitude_menu .menuline {
	font-size: 1.2em; 
	display: inline; 
	margin-right: 5px;
}
.attitude_menu li {
	background-image: none;
	margin: 0;
	padding: 5px 0px;
}
.attitude_menu li ul li {
	background-image: none;
	margin: 0;
	padding: 0;
}
.attitude_menu li ul {
	display: none;
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0px;
}
.attitude_menu li ul li ul {
	margin: 0;
	padding: 0;
}
.attitude_menu a {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-left: 0;
	padding: 2px;
}
.attitude_menu a.expanded {
	padding: 0px;
	margin: 0px;
}
.attitude_menu a.collapsed {
	padding: 0px;
	margin: 0px;
}
.attitude_menu a:hover {
	text-decoration: none;
}
.attitude_menu ul a {
	background:url("images/menu/orangearrow.jpg") no-repeat scroll 7px 6px #0C0B09;
	color: #7E6D51;
	display: block;
	line-height: 2em;
	padding: 0 0 0 20px;
	text-decoration: none;
	border-top: 1px solid #2B251C;
	border-left: 1px solid #2B251C;
	border-right: 1px solid #2B251C;
	width: 170px;
	font-weight: normal;
}
.attitude_menu ul a:hover {
	background: url("images/menu/orangearrowmo.jpg") no-repeat scroll 7px 6px #7E6D51;
	color: #FFFFFF;
}
/** Second level submenu **/
.attitude_menu li li a.collapsed {
	background: url("images/menu/orangearrowcircle.jpg") no-repeat scroll 0 2px #0C0B09;
	color: #A9A9A8;
	font-weight: bold;
	padding: 0 0 0 30px;
	width: 160px;
}
.attitude_menu li li a.expanded {
	background: url("images/menu/orangearrowcircle.jpg") no-repeat scroll 0 2px #0C0B09;
	color: #A9A9A8;
	font-weight: bold;
	padding: 0 0 0 30px;
	width: 160px;
}
/** Third level submenu **/
.attitude_menu li li li a {
	background:url("images/menu/orangearrow.jpg") no-repeat scroll 30px 6px #0C0B09;
	padding: 0 0 0 40px;
	width: 150px;
}
.attitude_menu li li li a:hover {
	background: url("images/menu/orangearrowmo.jpg") no-repeat scroll 30px 6px #7E6D51;
}
/** End Attitude Menu **/
.calendar_notice {
	font-size: 11px; 
	font-family: Sans-serif;
	margin: 0 0 15px 0; 
	text-align: center;
}