@charset "utf-8";

/* CONTAINER
------------------------------------------------ */
#Wrapper {
	width:1000px;
	height: 100%;
	margin: 0 auto;
}

/* HEADER
------------------------------------------------ */
#Header {
	height: 133px;
	background-image: url(https://ramos-field.com/Umbriel/img/logo.png);
	/*background-image: url(http://ramos-field.com/Umbriel/img/2014_xmas_header.jpg);
	background-position: center top 10px;*/
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
#Header h1 {
	text-indent: -9999px;
	height: 103px;
}

/* FOOTER
------------------------------------------------ */
#Footer{
	width: 100%;
	float: left;
	border-top: 4px solid #094;
	padding-top: 10px;
	margin-top: 20px;
	position:relative;
	overflow:hidden;
	text-align: center;
	margin:50px 0 0 0;
}
#Footer ul {
	position: relative;
	left: 50%;
	float: left;
	display: block;
}
#Footer ul li {
	float: left;
	position: relative;
	right:50%;
}
#Footer ul li a {
	text-decoration: none;
	font-size: 10pt;
	color: #333;
	margin-top:10px;
	margin-bottom: 5px;
	padding: 5px 10px;
}
#Footer ul li a:hover {
	text-decoration:underline;
}
#Footer #FtLogo {
	text-align: center;
	margin-top: 24px;
	width: 100%;
}
#Footer .Text 
{
    font-size:8pt;
    text-align:center;
	margin: 10px;
}
#Footer b {
	left: 0;
	padding: 0;
	text-align: center;
	font-size: 6pt;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
	width: 100%;
	font-weight: normal;
}

/* Menu
------------------------------------------------ */
#Menu {
	height: 30px;
	background-repeat: no-repeat;
	background-image: url(../img/menu/back.gif);
}
#Menu ul li {
	float: left;
	display: block;
	height: 30px;
}

#Menu li#Home         { width:73px;  background-image:url(../img/menu/home.gif); }
#Menu li#Court        { width:124px; background-image:url(../img/menu/court.gif); }
#Menu li#Login        { width:137px; background-image:url(../img/menu/login.gif);}
#Menu li#Logout       { width:137px; background-image:url(http://ramos-field.com/Umbriel/img/menu/logout.gif);}
#Menu li#Registration { width:111px; background-image:url(../img/menu/registration.gif);}
#Menu li#Userinfo     { width:111px; background-image:url(http://ramos-field.com/Umbriel/img/menu/userinfo.gif);}
#Menu li#Charge       { width:98px;  background-image:url(../img/menu/charge.gif);}
#Menu li#Facilities   { width:116px; background-image:url(../img/menu/facilities.gif);}
#Menu li#Access       { width:116px; background-image:url(../img/menu/access.gif);}
#Menu li#Rule         { width:125px; background-image:url(../img/menu/rule.gif);}

#Menu li a{
	/*text-indent:-9999em;*/
	display: block;
	height: 30px;
}
#Menu ul {
	background-image: url(http://ramos-field.com/Umbriel/img/top_menu.jpg);
	height: 30px;
	margin-left: 50px;
	background-repeat: no-repeat;
	margin-right: 50px;
}
#Menu ul .visit {
	background-position:0 30px;
	background-image:inherit;
}
#Menu li a:hover {
	background-position:0 60px;
	background-image:inherit;
}

/* Area LAYOUT
------------------------------------------------ */
#AreaSet {
	clear: left;
	height: 100%;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}
#MainArea {
	height: 100%;
	width: 544px;
	float: left;
}
#LeftArea,#RightArea {
	height: 100%;
	margin:0 24px;
	float: left;
}
#LeftArea {
	width:160px;
}
#RightArea {
	width:200px;
}

/* MAIN CONTENT
------------------------------------------------ */
#MainArea h2 img {
	border-bottom: 1px solid #207EBF;
	padding-bottom: 8px;
	margin-bottom: 18px;
}
#MainArea h3 img {
	border-bottom: 1px solid #207EBF;
	padding-bottom: 8px;
	margin-bottom: 18px;
	margin-top: 24px;
}

/* LeftArea
------------------------------------------------ */
#LeftArea {
	width: 160px;
	height: 40px;
}
#LeftArea li a{
	height: 40px;
	background-position:0 0;
	text-indent:-9999em;
	display: block;
}
#LeftArea ul #Ramos a { height: 30px; }

#LeftArea li#Ramos    a { background-image:url(../img/left/01ramos.gif); }
#LeftArea li#FSSchool a { background-image:url(../img/left/school.jpg); }
#LeftArea li#FSOne    a { background-image:url(../img/left/parsonal.jpg); }
#LeftArea li#RLInfo   a { background-image:url(../img/left/eventinfo.jpg); }
#LeftArea li#RLResult a { background-image:url(../img/left/eventresult.jpg); }
#LeftArea li#Team     a { background-image:url(../img/left/team.jpg); }
#LeftArea li#Use      a { background-image:url(../img/left/howto.jpg); }
#LeftArea li#Info     a { background-image:url(../img/left/contact.jpg); }
#LeftArea li#Staff    a { background-image:url(../img/left/staffblog.jpg); }
#LeftArea li#Link     a { background-image:url(../img/left/links.jpg); }
#LeftArea li#Junior   a { background-image:url(../img/left/school.jpg); }
#LeftArea li#Photo    a { background-image:url(../img/left/photofield.jpg); }
#LeftArea li#Vip    a { background-image:url(../img/left/vip.jpg); }

#LeftArea li a:hover { background-position:160px 0; }

#LeftArea li.submenu A 
{
	display: block;
	height: 20px;
	background-image:url(http://ramos-field.com/Umbriel/img/arr_green.gif);
	background-repeat:no-repeat;
	background-position:15px center;
	text-indent:0em;
	line-height:20px;
	padding-left:30px
}
#LeftArea li.submenu A:visited
{
    text-decoration:none;
} 
#LeftArea li.submenu A:hover
{
    text-decoration:underline;
} 


/* RightArea
------------------------------------------------ */
#RightArea ul li img {
	margin-top: 0px;
	margin-bottom: 5px;
	display:block;
}
#RightArea ul li a:hover img {
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
	-ms-filter: "alpha( opacity=70 )";
}

/* Table
------------------------------------------------ */
/*
table{
	font-size: 14px;
	border-collapse: collapse;
	margin-bottom: 24px;
	width: 544px;
}
th{
	background-color: #006cb6;
	color: #FFF;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
td{
	border: 1px solid #006CB6;
	padding: 5px;
}
*/


.BasicTable{
	font-size: 10pt;
	border-collapse: collapse;
	margin-bottom: 24px;
	width: 544px;
}
.BasicTable TH{
	background-color: #006cb6;
	color: #FFF;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.BasicTable TD{
	border: 1px solid #006CB6;
	padding: 5px;
}




table tr .TbIro{
	background-color: #cce2f0;
}
tr #top {
	border-top: 1px solid #006CB6;
}
tr #btm {
	border-bottom: 1px solid #006CB6;
}