/*  ------------------------------------------------ GLOBAL  */

BODY{
background-color: #ffffff;
color: #414042;
background-image: url('/static/bg.jpg');
background-position: top center;
background-repeat: repeat-y;
font-family: Arial, Helvetica;
margin: 0px auto;
text-align: center;
text-align: -moz-center;
padding: 0px;
font-size: 8pt;
}

a:link {color: #8c8f5a; font-weight: normal; text-decoration: none;}
a:visited {color: #8c8f5a; font-weight: normal; text-decoration: none;}
a:hover {color: #000000; font-weight: normal; text-decoration: none;}
a:active {color: #8c8f5a; font-weight: normal; text-decoration: none;}

a img {border: none;}

.clear{clear: both;}

ul{
list-style-type: none;
padding: 0px 16px;;
margin: 0px;
margin-left: 0px;
} 

li{
background-image: url("/static/listbullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 20px;
padding-bottom: 0px;
font-size: 8pt;
text-align: left;
}

h1{
margin: 0px;
padding: 0px;
color: #80b925;
font-size: 11pt;
background-color: #eeeeee;
}

h2{
margin: 0px;
padding: 0px;
color: #414042;
font-size: 9pt;
}

input{
color: #000000;
background: #ffffff;
border: 1px solid #878787;
font-size: 10pt;
}

.button{
color: #000000;
background: #80b925;
border: 1px solid #7a7d3f;
font-size: 7pt;
}

#container{
width: 959px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

span.underline{
text-decoration: underline;
}

#headingBg{
background-color: #eeeeee;
}

/*  --------------------------------------------------- TOP  */

#top{
background-image: url('/static/top.jpg');
background-position: top center;
background-repeat: no-repeat;
width: 959px;
height: 153px;
margin: 0px;
padding: 0px;
}

#domticker{
height: 33px;
margin: 0px;
border: 0px dashed black;
padding-left: 50px;
text-align: left;
line-height: 33px;
color: #ffffff;
font-size: 13px;
}

span.green{
color: #6b9a1c;
}

#logo{
clear: left;
float: left;
height: 74px;
margin: 0px;
padding: 0px;
text-align: left;
}


/*  -------------------------------------------------- LEFT  */

#left{
background-image: url('/static/bg-left.jpg');
background-position: top right;
background-repeat: no-repeat;
float: left;
width: 174px;
margin: 0px;
padding: 29px 10px 16px 10px;
text-align: left;
}

#left a:link {color: #80b925; text-decoration: none; font-weight: bold;}
#left a:visited {color: #80b925; text-decoration: none; font-weight: bold;}
#left a:hover {color: #8c8f5a; text-decoration: none; font-weight: bold;} 
#left a:active {color: #80b925; text-decoration: none; font-weight: bold;}

.menuUL{
list-style-type: none;
padding: 0px;
margin: 0px;
margin-left: 0px;
} 

.menuLI{
background-image: url("/static/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 14px;
padding-bottom: 0px;
font-size: 9pt;
color: #6d6e71;
}

span.space{
line-height: 23px;
}

span.supText{
color: #aaaaaa;
}

#searchform{
margin: 0px;
padding: 0px;
text-align: right;
}



/*  -------------------------------------------------- MAIN  */

#main{
float: left;
width: 606px;
margin: 0px;
padding: 0px;
text-align: center;
}

#main p{
margin: 0px 16px;
padding: 0px;
text-align: left;
}

.mainbg{
background-image: url('/static/bg-main.jpg');
background-position: top right;
background-repeat: repeat-y;
}

#categories{
float: left;
background-image: url('/static/bg-categories.jpg');
background-position: top center;
background-repeat: repeat-y;
width: 304px; 
}

#categories a:link {color: #414042; font-size: 12px; font-weight: bold; text-decoration: underline;}
#categories a:visited {color: #414042; font-size: 12px; font-weight: bold; text-decoration: underline;}
#categories a:hover {color: #80b925; font-size: 12px; font-weight: bold; text-decoration: underline;}
#categories a:active {color: #414042; font-size: 12px; font-weight: bold; text-decoration: underline;}

.icon{
width: 152px;
height: 49px;
}

.categoriesLeft{
float: left;
width: 152px;
}

.categoriesRight{
float: left;
width: 152px;
}

.divider{
background-image: url('/static/bg-divider.jpg');
background-position: center;
background-repeat: repeat-x;
width: 211px;
height: 30px;
}

.steps{
float: right;
width: 301px;
}

.postDescrip{
float: left;
width: 300px;
}

.postDescrip p{
margin: 0px 16px;
text-align: justify;
}

.messagetext {
    color: #000; 
    font-size: 1.1em; 
}

.messagedetails {
    color: darkgray; 
    font-size: 7.5pt; 
}


div.message {
    font: 11px Arial, sans serif;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 150px;
    height: 130px;
    background: url(/static/background.png);
}

div.message span {
    margin: 5px;
    padding: 0px;
    font-size: 1.0em/1.5em;
    display: block;
}
  
  
div.message a:link { color: black; text-decoration: none; }
div.message a:visited { color: black; text-decoration: none; }

.sample-message-shadow p {
	width: 175px;
	color: black; 
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.sample-message-shadow div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 100px;
  background-image: url("/static/sample.gif"); 
	}	

.sample-message-shadow {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}


.message-shadow {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow div {
	padding: 0 !important;
	padding: 6px;
	min-height: 122px;
	}		

.message-shadow p {
	/*height: 150;*/
	width: 175px;
	/* color: DimGrey;*/
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow1 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow2 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow3 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow4 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow5 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow6 p {
	width: 175px;
	padding: 8px;
	margin: 6px !important;
	margin: 0;
}

.message-shadow1 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow2 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow3 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow4 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow5 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow6 {
	float:left;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 10px;
	display: inline;
	}

.message-shadow1 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}		

.message-shadow2 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}		

.message-shadow3 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}		

.message-shadow4 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}				

.message-shadow5 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}			

.message-shadow6 div {
	padding: 0 !important;
	padding: 6px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	min-height: 122px;
	}			

/*  ------------------------------------------------- RIGHT  */

#right{
float: right;
width: 159px;
margin: 0px;
padding: 0px;
text-align: center;
}

#right p{
margin: 0px;
padding: 0px 5px;
}

/*  ------------------------------------------------ BOTTOM  */

#footer{
height: 34;
width: 700px;
padding: 0px;
margin: 0px auto;
text-align: center;
line-height: 80px;
color: #6d6e71;
font-size: 9pt;
}

#footer p{
padding: 0px 0px 0px 34px;
margin: 0px;
}

#footer a:link {color: #6d6e71; font-weight: normal; text-decoration: none;}
#footer a:visited {color: #6d6e71; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #000000; font-weight: normal; text-decoration: none;}
#footer a:active {color: #6d6e71; font-weight: normal; text-decoration: none;}
