body { background: #fff url(../images/bkg_body.gif) repeat-x left top; padding: 20px 0px 0px 0px; margin: 0px; font-family: 'Verdana'; font-size : 12px; color : #31352a;}
/* General Links */

a:link { text-decoration : none; color : #ff6600; border: 0px;} 
a:active { text-decoration : underline; color : #ff6600; border: 0px;} 
a:visited { text-decoration : none; color : #ff6600; border: 0px;} 
a:hover { text-decoration : underline; color : #7eb0e3; border: 0px;} 
h1, h2, h3 { font-family: "Trebuchet MS";}

form { padding: 0px; margin: 0px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}

.bgcontain { background: #FFF; margin: 0 auto; width: 1000px;}

/* Header Class */
.Header { background: url(../images/bkg_header.gif) no-repeat right top; position: relative; clear: left; width:1000px; height: 112px;}
.Header em { text-indent: -10000px; margin: 0; padding: 0;}
.Header em a { float: left; width: 177px; height: 112px; background: url(../images/logo.gif) no-repeat; cursor: hand;}
.Header em a:hover { color: #fff; background: url(../images/logo.gif) no-repeat bottom; cursor: hand; text-decoration: none;}

/*Main Clip */
.clip { background: url(../images/clip.png) no-repeat right top; position: relative; clear: left; width:282px; height: 325px;}

.Menu { position: absolute; top: 53px; left: 177px;}
.Menu em { display: none }
.Menu ul { float: left; padding: 0px; margin: 0px; height: 30px; float: left; }
.Menu li { float: left; padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.Menu li a { DISPLAY: block; HEIGHT: 30px }
.Menu li a.Menu1 { background: url(../images/menu_01.gif) no-repeat left top; WIDTH: 60px;}
.Menu li a.Menu2 { background: url(../images/menu_02.gif) no-repeat left top; WIDTH: 73px}
.Menu li a.Menu3 { background: url(../images/menu_03.gif) no-repeat left top; WIDTH: 92px; }
.Menu li a.Menu4 { background: url(../images/menu_04.gif) no-repeat left top; WIDTH: 105px}
.Menu li a.Menu5 { background: url(../images/menu_05.gif) no-repeat left top; WIDTH: 66px}
.Menu li a.Menu6 { background: url(../images/menu_06.gif) no-repeat left top; WIDTH: 63px}
.Menu li a.Menu7 { background: url(../images/menu_07.gif) no-repeat left top; WIDTH: 51px}
.Menu li a.Menu8 { background: url(../images/menu_08.gif) no-repeat left top; WIDTH: 53px}
.Menu li a.Menu9 { background: url(../images/menu_09.gif) no-repeat left top; WIDTH: 65px}
.Menu li a.Menu10 { background: url(../images/menu_09.gif) no-repeat left top; WIDTH: 65px}
.Menu li a:hover { background-position: left -30px; }


.container { background: #FFF url(../images/bkg_container_top.gif) no-repeat left top; width: 1000px; padding: 0px; float: left;}
.SC { float: left; width: 700px;}
.SC .MainImage { background: url(../images/MainImage.jpg) no-repeat left top; width: 700px; height:205px; position: relative; margin-bottom: 33px;}
.SC .MainImage span { color:#fff; display: block; font-size: 10px; width: 180px; float: right;}
.SC .MainImage span p { padding: 5px 0px; margin: 0px;}
.SC .MainImage .nav { background: url(../images/bkg_bottom_MI.gif) no-repeat left top; position: absolute; top: 205px; width: 700px; height: 33px;}
.SC .MainImage .nav em { display: none }
.SC .MainImage .nav ul { padding: 5px 0px 0px 180px; margin: 0px; height: 19px; }
.SC .MainImage .nav li { float: left; padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.SC .MainImage .nav li a { DISPLAY: block; HEIGHT: 19px; margin-right: 5px;}
.SC .MainImage .nav li a.Item1 { background: url(../images/1.gif) no-repeat left top; WIDTH: 18px;}
.SC .MainImage .nav li a.Item1On { background: url(../images/1.gif) no-repeat left bottom; WIDTH: 18px;}
.SC .MainImage .nav li a.Item2 { background: url(../images/2.gif) no-repeat left top; WIDTH: 18px}
.SC .MainImage .nav li a.Item2On { background: url(../images/2.gif) no-repeat left bottom; WIDTH: 18px}
.SC .MainImage .nav li a.Item3 { background: url(../images/3.gif) no-repeat left top; WIDTH: 18px; }
.SC .MainImage .nav li a.Item3On { background: url(../images/3.gif) no-repeat left bottom; WIDTH: 18px; }
.SC .MainImage .nav li a.Item4 { background: url(../images/4.gif) no-repeat left top; WIDTH: 18px}
.SC .MainImage .nav li a.Item4On { background: url(../images/4.gif) no-repeat left bottom; WIDTH: 18px}
.SC .MainImage .nav li a.Item5 { background: url(../images/5.gif) no-repeat left top; WIDTH: 18px}
.SC .MainImage .nav li a.Item5On { background: url(../images/5.gif) no-repeat left bottom; WIDTH: 18px}
.SC .MainImage .nav a:hover { background-position: left -19px; }

.SC .MainImage .nav p a { color:#fff; }
.SC .MainImage .nav p a:visited { color:#fff; }
.SC .MainImage .nav p a:hover { color:#fff; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.SC .SubMain { width: 700px; float: left; margin-top: 15px;}

.SC .Invites { float: left; width: 400px;}
.SC .Invites span { clear: left; padding-bottom: 10px; display: block;}
.SC .Invites span h1 { font-size: 22px; letter-spacing: -1px; padding: 5px 0px; margin: 0px; color:#990000; }
.SC .Invites span img { float: left; margin-right: 20px; padding: 1px; border: solid 1px #ccc;}
.SC .Invites span p { padding: 5px 0px; margin: 0px; font-size: 11px; line-height: 14px;}

.SC .Member { width: 285px; float: left; padding-left: 15px;}
.SC .Member .Login { background: #f0ecc3 url(../images/bkg_login_bottom.gif) no-repeat left bottom; margin-bottom: 10px;}
.SC .Member .Login h2 { text-indent: -10000px; margin: 0; padding: 0;}
.SC .Member .Login h2 strong { display: block; width: 285px; height: 30px; background: url(../images/bkg_login_top.gif) no-repeat bottom;}
.SC .Member .Login form { padding: 9px 18px;}
.SC .Member .Login form td { padding: 3px 0px; font-size: 11px;}
.SC .Member .Login form input { background: #fff; border: inset 1px #ccc; padding: 3px;}
.SC .Member .Login form input.ButtonLogin { padding: 0px; border: none; }
.SC .Member .AddHat { background: url(../images/AddHat.gif) no-repeat left bottom; margin-bottom: 10px; height: 153px; width: 285px;}

/* User Interface Left
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.UIL { padding: 20px 0px;}
.UIL h1 { font-size: 28px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px; color:#cc6600; border-bottom: solid 4px #ebd9ae;}
.UIL p { line-height: 16px;}

.UIL fieldset { padding: 20px; border: #e0e0cb solid 2px; font-size: 11px; line-height: 14px;}

.UIL fieldset legend { font-size: 14px; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; color:#cc6600;}



.UIL fieldset input.textfield { border: 1px #CCCCCC inset; padding: 3px; background: #f8f5e2;}

.UIL fieldset input.button { padding: 2px; background: #eaebae; font-size: 10px; font-weight: bold;}





/* User Interface Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.UIR { background: #f0ecc3; margin-bottom: 10px; padding: 5px 0px;}

.UIR .LeftMenu { background: #f4f4d3; margin: 5px 10px; padding: 0px;}

.UIR .LeftMenu h2 { background:#fff url(../images/h2_usermenu.png) no-repeat left center; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 30px; margin: 0px; color:#cc3300;}

.UIR .LeftMenu ul { padding: 10px; margin: 0px; font-size: 11px;}

.UIR .LeftMenu li { padding: 0px; margin: 0px; list-style-type: none; }

.UIR .LeftMenu li a { background: #fbfbe7 url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; color:#336600;}

.UIR .LeftMenu li a:visited { background:#fbfbe7 url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; color:#336600;}

.UIR .LeftMenu li a:hover { background: #fff url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; text-decoration: none; color:#cc9933;}



.SR { padding-left: 0px; padding-top: 18px; width: 282px; float: right}

.SR .Subpage { background: #e9ebcd; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* User Interface Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.UILS { background: #eaebae; margin-bottom: 10px; padding: 5px 0px;}

.UILS .RightMenu { background: #f4f4d3; margin: 0px 0px 5px 10px; padding: 0px;}

.UILS .RightMenu h2 { background:#fff url(../images/h2_usermenu.png) no-repeat left center; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 30px; margin: 0px;}

.UILS .RightMenu ul { padding: 10px; margin: 0px; font-size: 11px;}

.UILS .RightMenu li { padding: 0px; margin: 0px; list-style-type: none; }

.UILS .RightMenu li a { background: #fbfbe7 url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; color:#336600;}

.UILS .RightMenu li a:visited { background:#fbfbe7 url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; color:#336600;}

.UILS .RightMenu li a:hover { background: #fff url(../images/arrow.png) no-repeat left center; padding: 2px 2px 2px 10px; margin: 0px; display: block; border-bottom: solid 1px #eaebae; border-top: solid 1px #fff; text-decoration: none; color:#cc9933;}



.SL { padding-left: 0px; padding-top: 18px; width: 282px; float: left}

.SL .Subpage { background: #e9ebcd; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


.footer { background: #f1f1f1; padding: 10px; float: left; width: 980px; }

.footer p { font-size: 10px; padding: 0px; margin: 0px; color:#474f5f}

.footer p a { color:#474f5f; text-decoration: underline;}

.footer p a:hover { color:#474f5f; text-decoration: underline;}

.footer p a:visited { color:#474f5f; text-decoration: underline;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#er{ background-color:#FDCD99; border:solid 1px #FF6600; text-align:center; padding:10px; margin:10px;}
td.tableheading{
	background-color:#F9FAD1;
}
td.tabledata1{
	background-color:#FFFFFF;
}
td.tabledata2{
	background-color:#F4F4F4;
}
.redtext{
	color:#FF0000;
}
.greentext{
	color:#339900;
}
.commentBlock {
	border:dotted 1px #666666;
	padding:5px;
}
div.ticketMessage {
	border:dotted 1px #FF8040;
	background:#FFF2EC;
	padding:10px;
}
div.noteMessage {
	border:dotted 1px #CCCCCC;
	background:#F9F9F9;
	padding:10px;
}