/* Style Sheet for QFC Design */

/* Main Navigation of the Web site*/

a:link {
	color: #76B0D5;
	text-decoration: none;
	}
	
a:visited {
	color: #7B878F;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #2399E5;
	}
	
#container {
	width: 760px;
	}	
	
#header {
	color: #76B0D5;
	background: #C5E7FD;
	border-bottom: 3px solid #76B0D5;
	
	font-size: 3em;
	padding: 10px;
	}
	
#content {
	margin: 10px;
	color: #555;
	}
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
p {
	font-size: .9em;
	}
	
#menu td a{

width: auto;
display: block;
text-indent: 3px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #7C003B;
}

* html #menu td a{ /*IE only hack*/
width: 100%;
}

#menu td a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}

.menu5 {
    width:220px;
	border-style: none solid none solid;
	border-color: #D0D0D0;
	border-width: 1px;
	margin: 10px;
	}
	
.menu5 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
.menu5 li a:link, .menu5 li a:visited {
	color: #777;
	display: block;
	background: url(images/menu5.gif);
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
.menu5 li a:hover {
	color: #fff;
	background: url(images/menu5.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
.menu5 li a:active {
	color: #fff;
	background: url(images/menu5.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
.catTitle
{

    font-size: 12px;
    font-weight: bold;
    color: #7a003b;
    padding-right: 5px;
}

.btnCaptionNormal
{

    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.btnCaptionOver
{

    font-size: 12px;
    font-weight: bold;
    color: #ffce00;
    padding-right: 5px;
    padding-left: 10px;
    text-decoration: none;
}

.white_text a:link
{
    
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.white_text a:visited
{
    
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


.white_text a:hover
{
    
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


.white_text a:active
{
    
    font-size: 10pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


.main_navigation a:link
{
    
    font-size: 10pt;
    color: #7C003B;
    text-decoration: none;
    font-weight: bold;
}
.main_navigation a:visited
{
    
    font-size: 10pt;
    color: #7C003B;
    text-decoration: none;
    font-weight: bold;
}
.main_navigation a:hover
{
    
    font-size: 10pt;
    color: #C60160;
    text-decoration: none;
    font-weight: bold;
}
.main_navigation a:active
{
    
    font-size: 10pt;
    color: #C60160;
    text-decoration: none;
    font-weight: bold;
}


/* Left Navigation of the Web site*/
.left_navigation a:link
{
    
    font-size: 10pt;
    color: #011D37;
    text-decoration: none;
    font-weight: bold;
    /* position: relative; */
    /* bottom: 34px; */
}
.left_navigation a:visited
{
    
    font-size: 10pt;
    color: #011D37;
    text-decoration: none;
    font-weight: bold;
 
}
.left_navigation a:hover
{
{
    
    font-size: 10pt;
    color: #376a99;
    text-decoration: none;
    font-weight: bold;

}

}
.left_navigation a:active
{
{
    
    font-size: 10pt;
    color: #011D37;
    text-decoration: none;
    font-weight: bold;

}

}

.tree_navigation
{
 
    font-size: 18px;
    color:Maroon;
    text-decoration: none;
    font-weight: bold;
}


.tree_navigation a:link
{
    
    font-size: 16px !important;
    color:Navy;
    text-decoration: none;
    font-weight: normal !important;
}

.tree_navigation a:visited
{
    
    font-size: 18px;
    color:Navy;
    text-decoration: none;
    font-weight: bold;

}
.tree_navigation a:hover
{
    
    font-size: 18px;
    color:Navy;
    text-decoration: none;
    font-weight: bold;

}
.tree_navigation a:active
{
    
    font-size: 18px;
    color:Navy;
    text-decoration: none;
    font-weight: bold;

}
/* Footer Navigation of the Web site*/
.footer_navigation a:link
{
    
    font-size: 13pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: regular;
}
.footer_navigation a:visited
{
    
    font-size: 13pt;
    color: #ffffff;
    text-decoration: none;
    font-weight: regular;
}
.footer_navigation a:hover
{
    
    font-size: 13pt;
    color: #dddddd;
    text-decoration: none;
    font-weight: regular;
}
.footer_navigation a:active
{
    
    font-size: 13pt;
    color: #dddddd;
    text-decoration: none;
    font-weight:bolder;
}


/*Title for content*/

.title_text {
    FONT-SIZE: 18px !important ;
    height: 56px;
    border-radius: 7px;
    padding: 14px 6px;
	display: block;
    border: 0px solid #BCCBD7;
}

/* Normal Text */
.normaltext{COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: regular;}


/*caption or label*/
.caption{FONT-SIZE: 10pt;COLOR: #011D37;TEXT-DECORATION: none;FONT-WEIGHT: bold;}

/*White color Text used for Search, etc*/
.white_text{ COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold; }


/* Text Box Style */
.search_textbox {COLOR: #000000; border:none;}

/* Text Box Style */
.input_textbox {COLOR: #000000; border:solid; border-width:1px; border-color:#B2A46C;}

/*White color Text used for Search, etc*/
.whiteline{ FONT-SIZE: 10pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: regular;}

/* Footer Copyright*/
.footer{ FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: regular;}

.centercaption
{
 
FONT-SIZE:medium; 
COLOR: #7C003B; 
TEXT-DECORATION: none; 
FONT-WEIGHT: bold; 
text-align:center; 
}


.GridHeader
{
    font-weight: bold;
    font-size: 12pt;
    background-color: #cc9999;
    background-position-x: right;
}

.button_yellow{ height:25px; width:60px; font-size:11px; font-weight:regular; color:#7A003B; background-color:EEE5BC; border-color:#D7CD9F; border-style:solid; border-width:thin}

.button_yellow_small{ height:20px; width:30px;  font-size:12px; font-weight:regular; color:#7A003B; background-color:#781316; border-color:#D7CD9F; border-style:solid; border-width:thin}

.button_meroon{ height:25px; width:60px; font-size:11px; font-weight:regular; color:#ffffff;
 background-color:7A003B; border-color:#5C002D; border-style:solid; border-width:thin}

.button_meroon_small{ height:30px; padding:5px; cursor:pointer; width:30px;text-align:center;  font-size:14px; font-weight:regular; color:White;
 background-color:7A003B; border-color:#5C002D; border-style:solid; border-width:thin}

.Button
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: white;
    BORDER-TOP-STYLE: none;
    
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #993333;
    FONT-VARIANT: normal;
    BORDER-BOTTOM-STYLE: none
}


.FormButton
{
    FONT-WEIGHT: bold;
    FONT-SIZE:
    larger;
    /* WIDTH: 90px; */
    COLOR: white;
    /* BORDER-TOP-STYLE: none; */
    /* FONT-FAMILY: 'Arabic Transparent' , 'Simplified Arabic'; */
    /* BORDER-RIGHT-STYLE: none; */
    /* BORDER-LEFT-STYLE: none; */
    /* HEIGHT: 28px; */
    BACKGROUND-COLOR: #993333;
    FONT-VARIANT: normal;
    BORDER-BOTTOM-STYLE: none;
    CURSOR: hand;
}


.FormOverButton
{
    FONT-WEIGHT: bold;
    FONT-SIZE:medium;
    WIDTH: 60px;
    COLOR: yellow;
    BORDER-TOP-STYLE: none;

    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #990033;
    FONT-VARIANT: normal;
    BORDER-BOTTOM-STYLE: none
}
.border {
	background-color:#CCCCCC;
}


.Button11
{
      
      font-size:9pt;
      background-color:Silver;
      border-style:outset;
      height: 55px;
      width:130px;
      text-decoration:none;
      text-align:center;
      color:Black;
}

.frameBox {border-collapse: collapse;}
.frameCaption {
	background-color:
	Transparent;
	padding-top: 1px;
	padding-bottom: 1px;
	color:
	Yellow;
	font-size: larger;
	font-style:
	normal;
	font-weight: bold;
	width: 100%;
	display: block;
}
.HframeCaption {
	background-color:
	Transparent;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #2E314E;
	font-size: 22px;
	font-weight: bold;
	width: fit-content;
}
.frameTitle { font-size: larger; font-style:normal; font-weight: bold; }
.frameLink { color: white; font-size: smaller; font-style: normal; }
.frameContent {padding: 10px;}

img { border-width: 0; }
input[type=submit] {
	padding: 6px 33px;
        margin-bottom:2px;
	/* border-style: outset; */
	background-color: #2E314E;
	color: white;
	font-weight: bold;
	border-radius: 10px;
}
input[type=submit]:hover { border-style: inset; }


.frameCourt
{
	
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-image: url(images/pic.jpg);
	background-repeat:no-repeat;
}


#bgDiv {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:black; 
filter:alpha(opacity=50);
opacity:0.5;
z-index:500;
}

#Progress
{
position: absolute;
 background-color:Red;
width: 300px;
z-index: 600;
}

.Background
{
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;		
filter: alpha(opacity=40)
}