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

body {
	margin: 0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color:#232323;
	background-image:url(head_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
}

h1{
font-family:"Courier New", Courier, monospace;
font-size:16px;
font-weight:bolder;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bolder;
color:#111;
text-align:center;
background-image:url(h1_bg.png);
background-repeat:no-repeat;
background-position:top left;
padding: 5px 0 0 40px;
border: 1px solid #eee;
border-bottom: 3px solid #a31d1d;
height: 20px;
margin-top: -1em;
margin-left: -1em;
margin-right: -1em;
margin-bottom: 30px;
}



a {
color:#a31d1d;
}

#head {
width: 100%;
height: 96px;
z-index: 100;
}

#head img{
float: left;
border:none;
}

#head div{
float:right;
}

#head a{
cursor:pointer;
border: none;
}

/*This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

/*Style changed to fit 4ugroup's needs, everything left as Stu Nicholls made*/

.menu5 {
text-align:center; 
font-family: verdana, sans-serif; 
position: absolute;
top: 50px;
right: 40px;
font-size:1em;
height:2.5em; 
margin-left: 0; padding:0; 
list-style-type:none;
z-index:100;
}


.menu5 ul {
padding:0; 
margin:0; 
list-style-type:none; /* for Firefox */
}

.menu5 li {
float:left; 
position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; 
text-decoration:none; 
width:6em; 
color:#fff; 
float:left; 
padding-right:1em; 
height:3em; 
line-height:3em; 
color:#fff; 
font-weight:bold;

}
* html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a{
text-decoration:none; border:0;
}

.menu5 li a:hover {
text-decoration:none; 
cursor:pointer;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:10em; background:#000; left:0; top:2.5em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:#000; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;
}
* html .menu5 li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:none;
background:url(menu_sm_hover.png) center left no-repeat;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; height:auto; background:#000; width:9.5em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:none;
background:url(menu_sm_hover.png) center left no-repeat;
}

/*end top menu*/



#content{
position: absolute;
top: 150px;
left: 250px;
border-left: 2px solid #ccc;
width: 700px;
z-index:0;
}

.text_container{
float:left;
text-align:justify;
line-height: 17px;
font-size:14px;
margin: 15px;
width: 100%;
border: 1px solid #eee;
padding:1em;
background-image:url(tc_bg.png);
background-repeat:repeat-x;
background-position: top left;
background-color: #e4e4e4;
}

.text_container a{
text-decoration:none;
}

.text_container:hover {
background-image:url(tc_bg_hov.png);
background-position:top left;
background-repeat:repeat-x;
background-color: #d9d9d9;
}



.normal_header{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#111;
text-align:left;
padding: 5px 0 0 40px;
border: 1px solid #eee;
border-bottom: 1px solid #a31d1d;
height: 20px;
margin-top: -1em;
margin-left: -1em;
margin-right: -1em;
margin-bottom: 30px;

}


#foot{
clear:both;
float: left;
width: 100%;
margin-top: 50px;
margin-left: 3em;
border-top: 2px solid #a31d1d;
padding-top: 1em;
}

#foot p{
text-align: center;
}

#foot a{
text-decoration:none;
margin-left: 2em;
}

.grey_text{
color:#999999;
}

.sm_container{
float: left;
border: 1px solid #eee;
margin-right: 3em;
padding: 1em;
}