@charset "utf-8";
/* CSS Document */

body { height:100%;margin: 0px;
padding: 0px; overflow-x:hidden;
 min-width: 1130px;
 }
.logo_space{
	width: 180px;
	height: 80px;
	background: none;
	position: absolute;
	padding-top: 20px;
	top: 40px;
	left: 0px;
	
            }
.logo_space img {
				max-width:100%;
				}
div#left_menu_div{
                float: left;
				color: #003;
				min-width: 180px;
				height: 400px;
				width: 180px;
                background: none;
				position:absolute;
				border: solid thin #FF0000;
				left: 0px;
				top: 140px;
				border:none;
				z-index: 1000;
				font-family:myFirstFont;
				font-size:11pt;
				}
			
.right_menu{
                float: right;
				min-width: 300px;
				width:auto;
                background: none;
				position:absolute;
				right: 0px;
				top: 40px;
				min-height: 400px;
				margin-left: 1200px;
				border: none;
                /*border:solid thick red;*/
				overflow-y:hidden;
				overflow-x:hidden;
				z-index:0;
				font-size:9pt;
				padding-top:10px;
				
              }
			  
.right_menu tr td {
    border-bottom: 1px solid black;
	vertical-align:central;
}

.right_menu td a{
	text-align:left;
	background-color:	#666;	
	display:block;
	text-decoration:none;
	width:inherit;
	padding-left:5px;
	padding-top: 2px;
	color:#FFF;
	margin-bottom:0px;
	line-height:20px;
	vertical-align:middle;
	height: 25px;
	

}	
.right_menu td a img {
	float:right;
	width:25px;
	height:25px;
	}	
.right_menu td a:hover{
	background-color:#06F;	
	color:#FFFFFF;
	height: 30px;
	}
	
	
.top_menu{
                height: 40px;
				background:#000033;
               
                position: absolute;
                /*position: fixed;*/
                top: 0px;
                left: 0px;
				right: 0px;
				border:none;
				padding-top: 4px;
				padding-left: 180px;
				z-index:999;
				margin: 0px;
				text-align:center;
            }
			


.wrapper{
	margin-top: 40px;
	min-width: 1300px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	overflow:hidden;
 border:none;
}

#div-2 {
	margin-left: 180px; 
	margin-right:300px;
display: inline-block; 
height: inherit;
 border:none;

 }
.container{ /*text container*/
	margin-left: 0px; 
	width: inherit;
	min-width: 700px;
	 position: absolute;
     left: 180px;
	 top: 40px;
	 right:300px;
	 bottom: 0px;
	background: #FFF;
	border: thick solid #4f81bd;
	min-height: 400px;
	overflow-y: auto;
	padding: 0px;
}
/*hover box*/
#box_container
{ position: relative;
display:inline-block;
width:100%;
padding: 5px;
margin: 0px;

}

#main_box
{
	display:block; 
position:relative;
margin: 0px;
padding-top:10px;
text-align:center;
min-width:200px;
width:100%;
height: 180px;
cursor:pointer;
	
	
}
#main_box a
{
	text-decoration:none;
	color:#222;
	width:100%;
	padding-top:50%;
	
}
#main_box a p /*for the text*/
{	
	display:block;
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:20pt;
	 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
}
#main_box a img /*for the images*/
{
		  
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#hover_box
{
	opacity: 0;
	display:block;
	position:absolute;
	width: 100%;
	font-size:11pt;
	top: 0px;
	z-index: -5;
	left: 0px;
	
	height: 160px;
	overflow:hidden;
	padding:4px;
	background-color:#0F0;
	cursor:default;
				
	/* Set our transitions up. */
	 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}


#main_box:hover
{
	padding-top:4px;

text-align:center;

 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#main_box:hover a p
{
	top:1%;
	margin-top:2px;
	font-size:16pt;
	width:100%;
	text-align:center;
	-webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
}
#main_box:hover a img
{
	width:25%;
	max-height: 25%;
	top:1%;
	
	/*vertical-align:text-bottom;*/
	 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#main_box:hover #hover_box 
{
 	opacity: 1;
	top: 35px;
	z-index: 5;
	
			
	/* Set our transitions up. */
	 -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*Accordion*/
.arrowlistmenu {
width: 100%; /*width of accordion menu*/

}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background-color:#555;
border-bottom:thin solid #FFF;
margin-left: 5px;
margin-right:5px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/

cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader:hover {
background-color:#00F;
margin-left: 5px;
margin-right:5px;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-color:#39C;
margin-left: 5px;
margin-right:5px;
}

.arrowlistmenu div { /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding-left:0px;
padding-right:0px;
background-color:none;
margin-left: 0px; /*bottom spacing between each UL and rest of content*/
}

#view_table tr td {padding: 3px;}