/* CSS Document */
* { margin:0; padding:0;}
body {font-size:12px; line-height:1.37em; text-align:center; background:#ffffff;}
html, input, textarea
	{	font-family:Arial; 
		color:#000000;
	}	

/*==========================================================================================================================HEADER=======*/
/*#header {/*background:url(../images/tall_top.jpg);}
#header a{ color:#868686; text-decoration:none}
#header a:hover{ text-decoration:underline}
#header .bg_hed_right{ background:url(../images/bg_hed_left.jpg) top right no-repeat; padding:0px 0px 3px 25px;}
#header .menu a{ margin-left:2px; margin-right:2px;}
#header .k1{ }
#header .k2{ }
#header .k3{ }
#header .k4{ }
#header .k5{ }
#header .k6{ }
#header .k7{ }
#header .top_image {background:url(../images/bg_hed_grd.jpg); background-repeat:repeat-x}*/
#header .logo{ height:110px; margin-top:5px;}
#header .indent_pic{ padding:10px 0 0 10px}
/*#header .indent_logo{ float:right;}*/
#header .indent_call{ float:right; margin:0px 0px 0 0px; padding-top:5px; border-width:0px;}
/*#header .hed_bg{ height:215px; background:url(../images/bg_hed_right.jpg) top left no-repeat}*/

.top_links{ margin:5px 0 5px 25px; color:#000000; text-align:right; padding-right:2%}
.menu{ background: url('../images/bg_hed_grd.jpg') repeat-x; 
height:271px;
}
.menu .con_left{ background: url('../images/bg_hed_right.jpg') no-repeat 0 0; 
height:271px; }
.menu .con_right{ height:271px; background: url('../images/bg_hed_left.jpg') no-repeat right top;
}
.menu img{ margin-bottom:4px;}

.box_menu{ float:right; margin-right:10px; padding-top:30px; font-weight: bolder; color:#ffffff; text-decoration:none; text-transform: uppercase; font-size:13px; }
.box_menu  a {margin-right:14px; color:#114285; text-decoration:none;/* border-top:#000000 5px solid*/}
.box_menu  a:hover{ margin-right:14px; color:#ffffff; text-decoration:none;  }

/*============================================================================================================================CONTENT=======*/

#container {
	margin-top:15px;
} 

#hq {
	float: left;
	width: 250px;
	text-align:left;
	background-image:url('../images/contact_bg.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

#hq h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	background-image:url('../images/title_bg.gif');
	background-repeat:repeat-x;
	padding:7px;
}

#hq p {
	margin-left: 0px; 
	margin-right: 5px;
	margin-bottom:5px;
	padding-bottom:5px;
}

#hq p strong {
	color:#40aada ;
}

#hq p a{ color:#000000; text-decoration:none; display:block;}

#hq p a:hover{color:#40aada; text-decoration:none}

#hq ul { color:#000000; font-weight:bold; display:block; list-style:disc; margin-left:25px;}
#hq ul a{ color:#000000; text-decoration:none; display:block;}
#hq a:hover{color:#40aada; text-decoration:none}

#browse {
	float: left;
	width: 250px;
	text-align:justify;
}

#browse span{ color:#FF0000}

#browse h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	background-image:url('../images/title_bg.gif');
	background-repeat:repeat-x;
	padding:7px;
}

#browse p {
	font-size: small;
	margin-left: 0px; 
	margin-right: 5px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:5px;
	border-bottom:#666666 1px dotted;
	border-left:#666666 4px solid;
}

#browse p a{ color:#000000; text-decoration:none; display:block;}

#browse p a:hover{color:#40aada; text-decoration:none}

#sidecol1 {
	float: left;
	width: 250px;
	text-align:justify;
}

#sidecol1  span {display:block; font-weight: normal;}
#sidecol1  span b {color: red; font-weight:normal; font-style:italic;}

#sidecol1  p{ 
	margin-left: 10px; 
	margin-right: 10px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#666666 1px dotted;
}

#sidecol1  ul {
	display:block; padding-left:10px; margin:10px; color:#000000;
}

#sidecol1  img{
	float:left; margin-top:10px; margin-right:15px;
}

#sidecol1  h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	background-image:url('../images/title_bg.gif');
	background-repeat:repeat-x;
	padding:7px;
}

#sidecol1 p {
	margin-left: 10px; 
	margin-right: 10px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#666666 1px dotted;
}

#sidecol2 {
	float: right;
	width: 200px;
	text-align:justify;
}
#sidecol2 p{
	margin-left: 10px; 
	margin-right: 10px;
}

#sidecol2  h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	background-color:#c0c0c0;
	padding:7px;
}

#mainContent {
	margin: 10px 0px 10px 260px; 
}

#mainContent p{
	margin: 0px 0px 15px 0px; text-align:justify;
}

#mainContent p strong{
	font-size: larger; display:block; color:#114285; text-transform:uppercase; padding-bottom:2px; margin-bottom:5px; border-bottom: 1px #40aada dotted;
}


#mainContent div {
	font-size: small; color:#114285; padding:5px; margin-bottom:10px;
}

#mainContent div strong {
	font-size: 12px; text-transform:uppercase; font-weight:bold; display:block; color:#114285; padding:5px; border-bottom: 2px #3b3c3d solid; background-color:#dadada;
}

#mainContent div ul {
	display:block; padding-left:10px; margin:10px; color:#000000;
}

#mainContent div b {
	color:#ffffff; margin-top:10px; padding:2px; padding-left:7px; display:block; font-size:12px; text-decoration:none; text-transform:uppercase; background-color:#46afdd;
}


#mainContent img{
	float:left; margin-right:15px;
}

#mainContent  h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	background-image: url('../images/title_bg.gif');
	background-repeat:repeat-x;
	padding:7px;
}

#mainContent_sd {
	margin: 10px 0px 10px 0px; 
}

#mainContent_sd p{
	margin: 0px 0px 15px 0px; text-align:justify;
}

#mainContent_sd p strong{
	font-size: larger; display:block; color:#114285; text-transform:uppercase; padding-bottom:2px; margin-bottom:5px; border-bottom: 1px #40aada dotted;
}

#mainContent_sd div {
	font-size: small; color:#114285; padding:5px; margin-bottom:10px;
}

#mainContent_sd div strong {
	font-size: 12px; text-transform:uppercase; font-weight:bold; display:block; color:#114285; padding:5px; border-bottom: 2px #3b3c3d solid; background-color:#dadada;
}

#mainContent_sd ul {
	padding-left:10px; margin:10px; color:#000000; 
}

#mainContent_sd img{
	float:left; margin-top:10px; margin-right:0px;
}

#mainContent_sd h2 {
	margin-bottom:10px;
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	background-image: url('../images/title_bg.gif');
	background-repeat:repeat-x;
	padding:7px;
}

.browse {
	font-size: small;
}

.browse p{
	background-image: url(../images/quote_sign.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-bottom:10px;
}

.browse img{
	float:left;
	padding-top:0px;
	margin-top:0px;
}

.browse p u{
	color:#3fa9d9;
	font-weight:bold;
	text-decoration:none;
}

.browse p i{
	color: #3fa9d9;
	font-weight:normal;
	text-decoration:none;
}

/******************************/
#contact {
	font-size: small;
}

#contact p{
	height:165px;
	padding-bottom:18px;
	margin-bottom:10px;
	border-bottom:1px gray dashed;
}

#contact sup{
	font-size:small;
	color:red;
}

#contact p u{
	color:#3fa9d9;
	font-weight:bold;
	text-decoration:none;
}

#collage {
	margin-top:0px; text-align:center;
}

.top { font-size:10px; text-align:right;}
.top a{ color:#000000; text-decoration:none}
.top a:hover{color:#40aada; text-decoration:none}

/* Miscellaneous classes for reuse */
.fltright { /* this class can be used to float an element right in your page. Remember that whatever you apply this class to must have a width. */
	float: right;
	margin-left: 8px;
}
.fltleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearall { /* this class should be placed on a div or other block level element if you want a container to contain a floated element.  */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*============================================================================================================================FOOTER=======*/
.footer {
	background-color: #dadada;
	clear: both;
	color:#000000;
	text-align:center;
	height:41px;
	background-image:url('../images/barrel_logo.jpg');
	background-repeat:no-repeat;
	background-position: right;
	padding-left:10px;
	padding-right:10px;
} 

.footer p{ text-align:right; padding-top:15px;}
.footer strong{ float:left; font-weight:normal; margin-top:15px;}
.footer a{ color:#000000; text-decoration:none}
.footer a:hover{color:#40aada; text-decoration:none}
.footer span a {color:#000000; text-decoration:none; word-spacing:normal; font-weight:normal}  
.footer span a:hover { color:#40aada; text-decoration:none}