/* Remember to validate XHTML and CSS and to use CSS optimizer when going live */
/*--- http://validator.w3.org/ ---*/
/*--- http://jigsaw.w3.org/css-validator/ ---*/

* {
  margin: 0; /* use margin 1em 0; for some elements as necessary */
  padding: 0;
}

body {
  /* font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; ---- Popular on Mac Servers */
  font: 12pt Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif;
  text-align: center; /* For IE */
  min-width: 90%;/* For Netscape 6 */
  background-color: #f4f4f4; 
  
}

/* Removes fieldset borders even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}

img {
  border: 0;
}

table { 
  border-spacing: 0;
  border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}

a {
color: #dd050f;
text-decoration: none;


}

a:hover {
color: #dd050f;
text-decoration: underline;;


}

.clear {
  clear: both;
}

#wrapper {
  width: 85%;
  min-width: 675px;
  margin: 0 auto;
  text-align: left;
  background-image: url(images/site_bg.jpg);
  width: 1011px;

  
}

h4 {
	color: #dd050f;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 0 0px 0px;
	margin-bottom: 6px;


}

h3 {
	color: #fff;
	background-color: #dd050f;
	font-size: 12pt;
	font-weight: bold;
	padding: 4px 0 4px 4px;
	margin-bottom: 6px;


}

h2 {
color: #fff;
	background-color: #086baf;
	
	font-size: 12pt;
	font-weight: bold;
	padding: 4px 0 4px 4px;
	margin-bottom: 6px;


}

h1 {
	color: #c1060f;
	font-size: 10pt;
	font-weight: bold;
	padding: 0 0 6px 0;


}


/* ----------------------------------------------------------------------------- */
/* Additional Rules */


#header {
height: 80px;
width: 910px;
border-bottom: 1px solid #9e9f9f;
margin-left: 50px;

}

#logo {
float: left;
padding: 17px 0 0 0;

}

#topright {
float: right;
padding: 4px 0px 0 0px;

}

#topright p {
font-size: 10pt;
font-family:  Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-weight: bold;
color: #6d6e71;
}

.form-table td {
border: 1px solid #CFCFCF;
padding: 4px;


}


/* ----------------------------------------------------------------------------- */
/* Menu */

#menu {
padding: 20px 0 0 0;
float: right;


}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-transform:uppercase;
	height:30px;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding-left:6px;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#6d6e71;
	text-decoration:none;
	font-weight:bold;
	padding:8px 0px 0 22px;
	margin-left: px;
}
	
ul#menu li a:hover
{	
	color:#dd050f;
	height:22px;
	
}
	

ul#menu li a.current {

	background-image: url(images/selected.gif);
	background-repeat: no-repeat;
	background-position: 8%;
	height:24px;
}

/* ----------------------------------------------------------------------------- */
/* Sub Header */

#subheader {

	height: 217px;
	width: 910px;
	margin: 20px 0 0 50px;
	
}

#subleft {
float:left;
	width: 508px;


}

#subright {
	float:left;
	height: 250px;
	width: 402px;
	background-color: #202020;


}

#subright p {
color: #FFFFFF;
padding: 10px 10px 10px 10px;
font-size: 11pt;
	


}

#subright img {
float: right;
padding: 40px 10px 0 0;


}

#number p{
color: #dd0510;

}

#content {
	width: 910px;
	margin: 20px 0 0 50px;
}

#content p {
	color: #6f6f6f;
	padding: 0px 0px 10px 0px;
	font-size: 10pt;
line-height: 18px;
}

#total-column1 {
width: 200px;
float: left;

}
#total-column2 {
width: 472px;
float: left;
margin-left: 19px;


}

#total-column3 {
width: 200px;
float: left;
margin-left: 19px;

}

#system-column1 {
width: 200px;
float: left;

}
#system-column2 {
width: 472px;
float: left;
margin-left: 19px;


}

#system-column3 {
width: 200px;
float: left;
margin-left: 19px;

}

#column1 {
width: 290px;
float: left;

}

#column2 {
width: 290px;
float: left;
margin-left: 19px;


}

#column3 {
width: 290px;
float: left;
margin-left: 19px;

}

#columnright {
width: 599px;
float: left;
margin-left: 19px;

}





.bullet ul {
	color: #6f6f6f;
	padding: 0px 0px 10px 40px;
	font-size: 10pt;
line-height: 18px;
}

.bullet li {
line-height: 20px;

}

#favbar {
	height: 30px;
	width: 921px;
	
margin: 20px 50px 0 40px;
}

#footer {

	background-color: #202020;
	height: 106px;
	width: 951px;
margin: 0px 0 0 20px;
padding: 10px 10px 10px 10px;
}

#footer p {
	color: #fff;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	line-height: 18px;

}

#footer1 {
width: 290px;
float: left;
margin-left: 19px;
}

#footer2 {
width: 230px;
float: left;
margin-left: 19px;


}

#footer a {
color: #fff;
text-decoration: none;
padding:0px 0px 0 0px;

}

#footer a:hover {
color: #fff;
text-decoration: underline;
padding:0px 0px 0 0px;

}

#footer3 {
width: 350px;
float: right;
margin-right: 19px;

}

#footer3 img{
padding: 0 0 10px 0;

}

#footer ul {
padding: 0 6px 0 0;
color:#6f6f6f;
font-size: 8pt;
list-style: none;
	}
	
#footer li {
padding: 4px 0 4px 0;
border-bottom: 1px solid #6f6f6f;


}

#footer li a.current {

	
	background-image: url(images/selected_footer.png);
	background-repeat: no-repeat;
	background-position: 10%;
	height:24px;
}


/* sidebar */

#sidebar {

	float: left;
	width: 100%;
	margin: 0;	padding: 0; 
	display: inline;		

}

#sidebar ul.sidemenu {

	list-style:none;
	margin:0px 0 10px 0px;
	padding:0;		

}

#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
	font-size: 12px;



}

#sidebar ul.sidemenu a {

	display:block;
	font-weight:bold;
	color: #202020;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;		
	min-height:18px;


}


* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {

	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #de050e;
	border-left:4px solid #de050e;

}

#sidebar ul.sidemenu .current {

	padding:2px 5px 2px 10px;
	background: #de050e;
	color: #fff;
	border-left:4px solid #de050e;

}

/* ----------------------------------------------------------------------------- */
/* Side menu 2 */


#sidebar ul.sidemenu2 {

	list-style:none;
	margin:0px 0 10px 0px;
	padding:0;		

}

#sidebar ul.sidemenu2 li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
	font-size: 12px;



}

#sidebar ul.sidemenu2 a {

	display:block;
	font-weight:bold;
	color: #202020;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;		
	min-height:18px;


}


* html body #sidebar ul.sidemenu2 a { height: 18px; }

#sidebar ul.sidemenu2 a:hover {

	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #086baf;
	border-left:4px solid #086baf;

}

#sidebar ul.sidemenu2 .current2 {

	padding:2px 5px 2px 10px;
	background: #086baf;
	color: #fff;
	border-left:4px solid #086baf;

}

#case {
float: left;
width: 200px;


}

#case p{
color:#202020;
padding: 4px 4px 4px 4px;
font-weight: bold;


}

#case a{
color:#202020;
text-decoration: none;
font-weight: bold;


}

#case a:hover{
color:#fff;
font-weight: bold;


}


.case1 {
background-color: #f2f2f2;
width: 100%;
height: 60px;


}
.case1-left {
float: left;
width: 79px;
height: 60px;


}

.case1-right {
float: right;
width: 121px;
height: 60px;


}

.case1:hover {
background-color: #046ab2;
width: 100%;
height: 60px;

}

.case2 {
background-color: #f2f2f2;
width: 100%;
height: 60px;
margin-top: 6px;


}
.case2-left {
float: left;
width: 79px;
height: 60px;


}

.case2-right {
float: right;
width: 121px;
height: 60px;


}

.case2:hover {
background-color: #046ab2;
width: 100%;
height: 60px;

}



.case3 {
background-color: #f2f2f2;
width: 100%;
height: 60px;
margin-top: 6px;


}
.case3-left {
float: left;
width: 79px;
height: 60px;


}

.case3-right {
float: right;
width: 121px;
height: 60px;


}

.case3:hover {
background-color: #046ab2;
width: 100%;
height: 60px;

}

.case4 {
background-color: #f2f2f2;
width: 100%;
height: 60px;
margin-top: 6px;


}
.case4-left {
float: left;
width: 79px;
height: 60px;


}

.case4-right {
float: right;
width: 121px;
height: 60px;


}

.case4:hover {
background-color: #046ab2;
width: 100%;
height: 60px;

}

.reviewbtn {
width: 200px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-image: url(images/review.jpg);
font-size: 10px;
text-decoration: none;
}

.reviewbtn:hover {

background-image: url(images/review_1.jpg);
}


.quotebtn {
width: 200px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-image: url(images/quote.jpg);
font-size: 10px;
text-decoration: none;
}

.quotebtn:hover {

background-image: url(images/quote_1.jpg);
}

.questionbtn {
width: 200px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-image: url(images/question.jpg);
font-size: 10px;
text-decoration: none;
}

.questionbtn:hover {
background-image: url(images/question_1.jpg);
}

#pdf {
width: 200px;
margin-top: 10px;
height: 50px;

}


#pdf p {
font-size: 8pt;
padding: 16px 0 0 8px;

}

#pdf a {
color: #6f6f6f;

}

#pdf img{
float: left;
padding: 4px;


}

#talk_blocks img {
padding: 18px;


}

#add-right {
width: 200px;
background-color: #202020;
bottom-top: 10px;



}

#add-right h5 {
	color: #fff;
	background-color: #323232;
	font-size: 12pt;
	font-weight: bold;
	padding: 4px 0 4px 4px;
	margin-bottom: 6px;


}

#add-right p {
font-size: 9pt;
padding: 8px 8px 8px 8px;
color: #fff;


}

#add-right img{
float: left;
padding: 0px;
margin-bottom: 6px;


}

#add-left {
width: 200px;
background-color: #00abec;
bottom-top: 10px;



}

#add-left p {
font-size: 12pt;
padding: 8px 8px 8px 8px;
color: #fff;
font-weight: bold;

}

#add-left img{
float: left;
padding: 0px;
margin-bottom: 6px;


}


input {
 background-color: #fff;
 border: 1px solid #CFCFCF;
 padding: 2px;
}

textarea {
 background-color: #fff;
 border: 1px solid #CFCFCF;
 padding: 2px;
}

.rss {
float: left;


}