body {

	/* These are the values around the HTML code, so setting it on 0px will leaves us with no padding around the design, rendering the page at the absolute top. */
	background-color: #D9D9D9;
    background-image: url("../images/default_background.gif");
    background-position: center top;
    background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family: Calibri, Tahoma;

	color: #000000;
	/*font-weight: normal;
	line-height: 14px;*/

}
/* Our wrapper, which contains our 1px stretching background image (main_bg.jpg). */
#wrapper{
/*background:url("../images/default_background.gif");*/
/*background-image: url(../images/left-right-border-background.gif);*/
width:1150px;
/* The following values will place this div in the middle, and since we put every div inside the wrapper it will render the whole page in the middle of the page.*/
margin:0px auto;
padding-left:0px;

}
/* The header image, with a left float, kinda easy and not much to explain =). */
#header{
width:1150px;
height:200px;
float: left;
}
#header_selfmanaged{
width:1150px;
height:300px;
float: left;
background-color: #2a2a2a;
}
#top_menu{
width:1144px;
height:36px;
padding:3px;
background-position:center;
background-color:#fff;
float: left;
background-image:url(../images/top-menu/top-menu-background.gif);
background-repeat:repeat-x;
}
#content_container{
float: left;
width:1150px;
background-color:#FFF;
}
/* The left container which will contain our whole left menu, it functions sort of like our wrapper layer. we position the container on the left side, give it a width of the total width we need. I'd measured the width of the lm_top.jpg, this image will be our total width. and we give it a float:left to align the div on the left. */
#left_container{
float:left;
padding: 25px;
width:300px;
background-color:#a12a0a;
font-family:Calibri, Tahoma;
font-size: 20px;
height: 1500px;
color: #FFF;
}
#right_container{
width:750px;  
padding: 25px;
float:left;
background-color:#FFF;
height: 1500px;
}

.arrowlist
{
margin-left: 10px;
padding-left: 0;
list-style: none;
}
.arrowlist li
{

/*background-image: url(../images/bullet-arrow.png);
background-repeat: no-repeat;
background-position: 0.5em;*/
list-style-image: url('../images/bullet-arrow.png');
	list-style-position: inside;

}

/* Our footer has the clear:both value, we could use clear:left since we only use left floats. But I allways use clear:both for this is the most effective way of clearing floats. */ 
#footer{
	background-color:#d5d5d5;
	width:1150px;
	clear:both;
	float:left;
	text-align:center;
	padding-bottom:10px;
	padding-top:20px;
}
h2{
	color: #FFF;
	line-height: 24px;
}
.misc_container{
float: left;
}
/*For Forms*/
label
{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
margin-left: 2em;
display: block;
FONT-SIZE: 14px;
font-weight: bold;
COLOR: #000033;
FONT-FAMILY: Calibri;
}
legend
{
color: #fff;
background: #003366;
border: 1px solid #990000;
padding: 2px 6px
FONT-SIZE: 14px;
FONT-FAMILY: Calibri;
} 
td, textarea, input, select {
	font-family: Tahoma;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	line-height: 14px;
	text-align:left;
}

.frame {
	border: 1px solid #FFFFFF;
}

.text1 {
	font-family: Calibri, tahoma;
	font-size: 14px;
	color: #fe7e01;
	font-weight: normal;
}
.text2 {
	font-family: tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #094fa3;
}
.text3 {
	font-family: tahoma;
	font-weight: normal;
	color: #9f9f9f;
}
.text4 {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #BF302C;
}
.text5 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #A4A4A4;
}
.text6 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.text7 {
	font-family: Calibri, tahoma;
	font-size: 14px;
	font-weight: normal;
	text-align:justify;
	color: #666666;
}
.text8 {

	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000033;
}
.maroon-text {

	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
h3 {


	font-family: Calibri, tahoma;
	font-size: 18px;
	color:#0000ff;
	text-align:left;
}

.link {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #094fa3;
	text-decoration: none;
	font-weight:bold;
}
.link:hover {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #F90;
	text-decoration: none;
	font-weight:bold;
}
a
{
		color: #060;
	font-family: tahoma;
	font-size: 10px;
		text-decoration: none;
}
a:hover {
	color: #9f9f9f;
	font-family: tahoma;
	font-size: 10px;
		text-decoration: none;

}
a:visited {
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
		text-decoration: none;


}


a.a:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #094fa3;
	text-decoration: none;
	font-weight:bold;
}
a.a:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #F90;
	text-decoration: none;
	font-weight:bold;
}
a.a:visited {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #F90;
	text-decoration: none;
	font-weight:bold;
}
a.b:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #2f2f2f;
	text-decoration: none;
}
a.b:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #2f2f2f;
	text-decoration: underline;
}
a.b:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #2f2f2f;
	text-decoration: none;
}
a.c:link {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #900;
	text-decoration: none;
}
a.c:hover {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #F90;
	text-decoration: #underline;
}
a.c:visited {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #900;
	text-decoration: none;
}
a.d:link {



	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #0f1618;
	text-decoration: none;
}
a.d:hover {


	font-family: tahoma;
	font-weight: normal;
	color: #0f1618;
	text-decoration: underline;
}
a.d:visited {


	font-family: tahoma;
	font-weight: normal;
	color: #0f1618;
	text-decoration: none;
}
a.e:link {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #71A2CB;
	text-decoration: underline;
}
a.e:hover {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #81992B;
	text-decoration: none;
}
a.e:visited {

	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #71A2CB;
	text-decoration: underline;
}
a.f:link {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.f:hover {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: underline;
}
a.f:visited {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: underline;

}
a.g:link {

	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;

}
a.g:hover {

	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #F93;
	text-decoration:none;

}
a.g:visited {

	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #F93;
	text-decoration:none;

}
.inputstyle {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}
.li-style
{
	list-style-image:url(../images/green-check-mark.gif);
	color: #003300;
	font-family: Calibri, tahoma;
	font-size: 18px;
	line-height: 18px;
}
.li-style-left
{
	list-style-image:url(../images/triangle-li.png);
}

.go_btn{
	background-image:url(../images/go_btn.png);
	background-repeat:no-repeat;
	height: 26px;
	width: 29px;
	cursor:pointer;
    border: none;
	background-color:#fff;
	}
		
.go_btn:hover{
	background-image:url(../images/go_btn_over.png);
	height: 26px;
	width: 29px;
}
.send_mail_btn{
	background-image:url(../images/send_mail_btn.png);
	background-repeat:no-repeat;
	height: 26px;
	width: 78px;
	cursor:pointer;
    border: none;
	background-color:#fff;
	}
		
.send_mail_btn:hover{
	background-image:url(../images/send_mail_btn_over.png);
	height: 26px;
	width: 78px;
}
.login_btn{
	background-image:url(../images/login-btn.png);
	background-repeat:no-repeat;
	height: 26px;
	width: 46px;
	cursor:pointer;
    border: none;
	background-color:#fff;
	}
		
.login_btn:hover{
	background-image:url(../images/login-btn-over.png);
	height: 26px;
	width: 46px;
}
.text-style-join{
margin-right: 0.5em;
FONT-SIZE: 12px;
COLOR: #000033;
FONT-FAMILY: Calibri;
}
/*style the main menu*/
.myMenu {
	margin:0;
	padding:0;
}

.myMenu li {
	list-style:none;
	float:left;
	font:12px Arial, Helvetica, sans-serif #111;
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	/*background-color:#09F;*/
	padding: 0em 1em;
	/*padding-right:1em;
	padding-left: 1em;*/
	margin:0;
	/*border-right: 1px solid #fff;*/
	color:#111;
}

.myMenu li a:hover {
	/*background-color:#0CF;	*/
}
.over{
	display: none;
}
/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}

.myMenu li ul li {
	display:inline;
	float:none;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	/*background-color:#F00;*/
	width:auto;
}

.myMenu li ul li a:hover {
	/*background-color:#0CF;	*/
}

.text10{
	color: #FF0;	
}
a.b:link {

	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #57bcd4;
	text-decoration: none;
}
a.b:visited {
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #57bcd4;
	text-decoration: none;
}
a.b:hover {
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #57bcd4;
	text-decoration: underline;
}

/* Flaired edges, by Tomas Theunissen */ hr { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } hr:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }