/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BODY<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
 body 
{
   background:		    transparent url('images/bg_shadow.png') top center no-repeat;
   background-color:    #ffffff;
   color:               #000000;
   font-family:         "Verdana", "Arial", "Sans-Serif";
   margin:              10px 0px 10px 0px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>HEADER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#header
{
   background-image:    url('images/bg_header.png');
   background-repeat:   no-repeat;
   color:               #ffffff;
   font-size:           x-small;
   text-align:          center;
   height:              120px;
}

#header a
{
   color:               #ffffff;
}

#header  a:hover
{
   color:               #dddddd;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
 #menu_container {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
}

#menu {
	border-right: 		1px solid #000;
	padding: 			0 0 1em 0;
	margin-bottom: 		1em;
	font-family: 		Tahoma, Arial, sans-serif;  /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
	font-size : 		11px;
	background-color: 	#767676;
	color: 				#333;
}

#menu ul {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	border: 			none;
}

#menu li {
	position: 			relative;
	border-bottom: 		1px solid white;
	margin: 			0;
	list-style: 		none;
	list-style-image:	none;
}

#menu li a {
	display: 			block;
	padding: 			5px 5px 5px 0.5em;
	border-left: 		10px solid black;
	border-right: 		10px solid #9e9e9e;
	background-color:	#8e8e8e;
	color: 				#fff;                   
	text-decoration: 	none;
	width: 				100%;
	text-align: 		right;
}

html>body #menu li a {
	width:				auto;
}

#menu li a:hover {
	border-left: 		10px solid #FF9F0F;
	border-right: 		10px solid #FF9F0F;
	background-color: 	#FF9F0F;
	color: 				#fff;
}

#menu li a:active { 
	border-left: 10px solid #FF9F0F;
	border-right: 10px solid #FF9F0F;
	background-color: #FF9F0F;
	color: #fff;
}
    
         
   
#menu ul ul {
	display:			none;
	position: 			absolute; 
	left: 				164px;
	top: 				-0px;
	filter:				alpha(opacity=95);
	opacity: 			0.95; 
	-moz-opacity:		0.95;   
	/* width:126px; */ /* for IE5.5 faulty box model */
	/* w\idth:116px;*/ /* for IE6 */
} 

#menu ul li:hover ul {
	width:				165px;
	margin-left:		9px;
	display:			block;
	font-size:			11px;
	background-color: 	#FF9F0F;
}

#menu ul li:hover ul li a {
	margin-left:		5px;
}
 
/* 
 
#menu
{
   padding:             0px;
   width:               175px;
   font-size:           0.7em;
   text-align:          right;
}

#menu ul
{
   background-color:    #8e8e8e;
   list-style:          none;
   margin:              0px; 
   padding:             0px;
}

#menu li
{
   position:            relative;   
   border-bottom:       1px solid white;
   margin:              0;
   list-style:          none;
   list-style-image:    none;
}

#menu ul li:hover
{    
   background-color:    #ff9f0f;
}
   
#menu li ul
{ 
   display:             none;
   text-align:          left;
   position:            absolute; 
   left:                175px;
   top:                 0px;
   filter:              alpha(opacity=90);  
   width:               150px;        
} 

#menu ul li:hover ul
{
   display:             block;
}
          
#menu ul li a
{
   border-left:         10px solid #333333;
   display:             block;
   color:               #ffffff;
   text-decoration:     none;
   width:               155px;
   padding: 5px 5px 5px 5px;
}

#menu ul li.selected a
{
   border-left:         10px solid #ff9f0f;
   color:               #000000;
}

#menu ul li.selected ul li a
{
   border-left:         10px solid #333333;
   color:               #ffffff;
}

#menu ul li ul li a
{
   text-align:          left;
}

#menu ul li.selected ul li.selected a
{
   border-left:         10px solid #ff9f0f;
   color:               #000000;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CONTENT PLACEHOLDERS<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */

.blank_container{
	height: 			10px;
}

.content_container
{
   background-image:    url('images/bg_content.png');
   background-repeat:   no-repeat;
   padding:				0px;
   margin:				0px;
} 
 
#container
{
   margin:              auto; 
   width:               950px;         
}

#content
{     
   font-size:           0.9em;  
   line-height:         1.2em;   
   padding:             10px 10px 25px 25px;
   text-align:          justify;
   float:               left;
   width:				550px;
   height:				600px;  
   overflow:            auto;
}

#right
{  
   text-align:          center;
   float:               right;   
   padding:             25px 10px 10px 10px;
   width:               160px;
}

#right fieldset {
   text-align:          justify;
   min-width:           150px
   width:               150px;
   font-size:           x-small;
}

#right legend {
	margin-bottom:		5px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>HTML-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
a
{
   color:               #00007e;
   text-decoration:     none;
}

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

img
{
   border:              0px;
}

h1
{
   color:               #00007e;
   font-size:           1.7em;
   font-style:          italic;
   line-height:         1.3em;
   font-weight:         bold;
   text-align:          center;
   margin:              20px 0px 20px 0px;
   padding:             0px;
}

h2
{
   background-color:    #767676;
   color:               #ffffff;
   font-size:           1.1em;
   font-weight:         normal;
   margin:              20px 0px 15px 0px;
   padding:             3px;
}

form
{
   padding:             8px;
}

textarea, input
{
   background-color:    #ffffff;
   border:              1px solid  #cccccc;  
   font-family:         "Verdana", "Arial", "Sans-Serif";
   font-size:           0.9em;   
}

th, td
{
   margin:              1px;
   padding:             1px;   
}

th
{
   background-color:    #767676;
   color:               #ffffff;
   font-weight:         normal;
   font-size:           x-small;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FOOTER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#footer
{  
   color:               #c6d5fd;
   font-size:           0.6em;
   line-height:         1.2em;
   padding:             3px 20px 3px 20px;
}

#footer a
{  
   color:               #c6d5fd;
   text-decoration:     underline;
   margin-left:         30px;
}

#footer a:hover
{
   color:               #edf1fc;
   text-decoration:     underline;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CUSTOM-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
.gray td
{
   background-color:    #e0e1e3;
}

.right
{  
   float:               right;
}

.bold-blue
{
   font-weight:         600;
   color:               #00007e;
   line-height:         1.2em; 
}

.bold
{
   font-weight:         600;
   line-height:         1.2em; 
}

.small
{
   font-size:           0.75em;
   line-height:         1.1em; 
   text-align:          left;
}

.error
{
   color:               #cc0000;
}