/***********************************************/
/* 2col_leftNav.body-css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


body{
	margin: auto;
	padding: 0px;	
	padding-top: 13px;
	background:#496c8e url(../simages/bg.gif) repeat-x;
	color: #496c8e;
	background-position: top center;
	min-width:776px;/* for mozilla*/
	height:100%;	
}

img {
	border: 0px solid #000
}

p img {
	border: 1px solid #d8d8d8;
	margin: 4px 4px 4px 4px;
}

p.clear {
	clear:both;
	vertical-align: middle;
	
}


img.moreinfo {
	border: 0px;
	margin-left: 180px;
}



a {
	color: #2a73be;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #ff5302;
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3  {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
}

h1{
 font-size: 13pt;
 color: #0f4281;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 8px; 
}

h2{
 font-size: 10pt;
 color: #1c4994;
 font-weight: bold;
 padding-bottom: 8px; 
}


p{
	padding:  0px 10px 10px 0px;
	margin: 5px 0px 15px 0px;
	font-family: Arial,sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
}

ul{
 	list-style-type: circle;
 	font-family: Arial, sans-serif;
 	font-size: 9pt;
}

/*********** Layout Styles ************/
.body-cont {
 width: 796px;
 margin:0px auto;
 min-width:20em;
 color:#000;
 position:relative;

}

.body-cont .body-hd .body-content,
.body-cont .body-ft .body-content {
 font-size:1px; /* ensure minimum height */
 height:24px;
 background-color:#33FF66;
}

.body-cont .body-ft .body-content {
 height:24px;
}

.body-cont .body-hd {
 background: url(../simages/tl.gif) no-repeat 0px 0px;
}

.body-cont .body-hd .body-content {
 background: url(../simages/tr.gif) no-repeat right 0px;
}

.body-cont .body-main {
 background:#FFF url(../simages/ml.gif) repeat-y 0px 0px;
}

.body-cont .body-main .body-content {
 background:transparent url(../simages/mr.gif) repeat-y right 0px;
}

.body-cont .body-ft {
 background:transparent url(../simages/bl.gif) no-repeat 0px 0px;
}

.body-cont .body-ft .body-content {
 background:transparent url(../simages/br.gif) no-repeat right 0px;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:796px;
	height:115px;
	z-index:74;
	background:  url(../simages/menubar.gif) no-repeat 13px 78px;

}

#logo {
	position:absolute;
	top:24px;
	left:14px;
	width:330px;
	height:48px;
	text-indent: -5000px;
	z-index:300;
	background:  url(../simages/logo.gif) no-repeat left top;
	outline: none;	
}	
	
#search {
	position:relative;
	float: right;
	top: 8px;
	width: 224px;
	z-index:900;
	padding-right: 15px;
}

#ajaxSearch_input {
width: 140px;
height: 19px;
font-size: 10pt;
}

#ajaxSearch_submit {
width: 63px !important;
height: 23px !important;
margin: 0 !important;
border: 0 !important;
background: transparent  url(../simages/searchbutton.gif) no-repeat center top;
padding: 55px 0 0 !important;
cursor: pointer; /* hand-shaped cursor */
position: absolute;
top: 1px;
left: 153px;

}

.ajaxSearch_result {
	padding-bottom: 10px;
}

.ditto_summaryPost {
	margin-bottom: 30px;
	clear: both;
}

#search img {display: none;}

#search-directory {
	position:absolute;
	top:26px;
	left:5px;
	width:496px;
	height:32px;
	overflow:hidden;
	z-index:400;
}
#search fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label {
color: #444444;
}


#search input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}	

/********* Menu ***********/

#ajaxmenu {
	position:absolute;
	top:80px;
	left:0px;
	width:796px;
	height:43px;
	z-index:65;
	margin-right: auto;
    margin-left: auto;

}

#ajaxmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#ajaxmenu ul li {
	position: relative;
	float: left;
	width:110px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
	
#ajaxmenu ul li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top:26px;
	width: 165px;
	line-height: 20px;

	}
#ajaxmenu ul li a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}



/* Styles for Menu Items */
#ajaxmenu ul li.firstcategory {

	color: #FFF;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	text-transform: uppercase;	

	}
#ajaxmenu ul li.category {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 110px;

	}
#ajaxmenu ul li.lastcategory {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;

	}


#ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {
	color: #fff;
	background-image: url(/simages/menuitemhover.gif);
}

#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
	color: #fff;
	background-image: url(/simages/menuitemhover.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
	color: #fff;
	background-image: url(/simages/menuitemhover.gif);
}

/* commented backslash \*/ 
* html ul li a {height:1%}
/* end hack */ 
#ajaxmenu li a {
	text-decoration: none;
	
}

/* hovered lists */
#ajaxmenu li a, #ajaxmenu li.over a {
	color: #fff;
	width: 110px;
	display: block;
	text-transform: uppercase;

}
#ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {
	background-image: url(/simages/bullet_11x8.gif)  !important;
	color: #fff;
	background-repeat: no-repeat;
	background-color: #2a73be;
	background-position: left center;
	text-indent: 8pt;
}

/* set dropdown */
#ajaxmenu li li a, #ajaxmenu li.over li a {
	color: #ffffff;
	background-image: url(/simages/bullet_11x8.gif) !important;
	background-repeat: no-repeat !important;
	text-align: left;
	border-right: 1px solid #05233d;
	border-bottom: 1px solid #05233d;
	border-left: 1px solid #05233d;
	font-weight: normal;
	width: 153px;
	text-transform: none;
	background-color: #324a64;
	background-position: left center;
	text-indent: 8pt;
}
#ajaxmenu li ul li a {
	background-image: url(/simages/sub_color_4x25.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
} /* Sub Menu Styles */

#ajaxmenu li ul, #ajaxmenu li.over ul { 
	display: block; 
} /* The pop */

#myajaxmenu {
	position: absolute;
	top:-4px;
	left: 13px;
	display: block;
	z-index: 1000;
}

/******* Footer ******/

#footerlft{
	position:relative;
	float: left;
	left: 24px;
	padding-bottom: 4px;	
}
#footerrgt{
	position:relative;
	float: right;
	right: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
}

#footerlft a {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-right: 6px;
}
#footerrgt a {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#footerlft a:hover, #footerrgt a:hover {
	color: #fff;
	text-decoration: underline;
}

#footerlft img {
	position: absolute;
	top: 6px;
	left: 390px;
}

/***************** Home Page Specific Styles *****************/
#homeban{
	position:absolute;
	top:113px;
	left:13px;
	width:780px;
	height:190px;
	z-index:74;
}

#homecontent{
	position:relative;
	padding-top:270px;
	left:18px;
	width:767px;
	z-index:74;
}

#homecontent p {
	margin: 5px 5px 15px 0px;
	line-height: 16px;
}

#homeboxes{
	position:relative;
	height: 191px;
	padding: 0px;
	margin: 0px;
	left: -4px;
}
#homebox1, #homebox2, #homebox3, #homebox4{
	position:relative;
	width:190px;
	padding: 0px;
	margin: 0px;
	height:191px;
	background: transparent url(../simages/homebox1.gif) no-repeat center top;
	float: left;
	display: block;	
}

#homebox2{
	background: transparent url(../simages/homebox2.gif) no-repeat center top;
}

#homebox3{
	background: transparent url(../simages/homebox3.gif) no-repeat center top;
}

#homebox4{
	width:185px;
	background: transparent url(../simages/homebox4.gif) no-repeat right top;
}

.hb1top{
	position:relative;
	left: 10px;
	top: 7px;
	width:180px;
	height: 117px;
}

.hb1bot{
	position:relative;
	width:196px;
	height: 60px;
	left: -12px;
}

.hb-h1 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
    color: #031339;
    font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.hb-text {
	font-family: Arial,sans-serif;
	font-size: 8pt;
	background: transparent;
}

/********* Content Page Styles **************/
#contentblock{
	position:relative;
	padding-top:92px;
	left: 13px;
	width:770px;
	z-index:74;
	background: transparent url(../simages/contentbg2.gif) no-repeat center 89px;
	display: table;	
}

#contentblock p {
	line-height: 16px;
}

#pagecontent3boxes {
	float: right;
	width: 560px;
	right: 13px;	
	font-family: Arial,sans-serif;
	font-size: 9pt;
	min-height: 650px;  
	height:auto !important;
    height:650px;	
}

#pagecontent4boxes {
	float: right;
	width: 560px;
	right: 13px;	
	font-family: Arial,sans-serif;
	font-size: 9pt;
	min-height: 930px; 
	height:auto !important;
    height:930px;	
}

#pagecontentBlog {
	float: right;
	width: 560px;
	right: 13px;	
	font-family: Arial,sans-serif;
	font-size: 9pt;
	min-height: 1030px; 
	height:auto !important;
    height:1030px;	
}

#sideboxes{
	padding: 0px;
	position: absolute;
	float: left;
	top: 120px; 	 
	left: 13px;
	margin: 0px;
	z-index: 74;
}


#sidebox1, #sidebox2, #sidebox3, #sidebox4 { 
	width: 195px;
	padding:0 0 0 0;	
	background:url(../simages/sidebox1.gif) bottom left no-repeat;
	margin-bottom: 7px;
}
#sidebox1 h3, #sidebox2 h3, #sidebox3 h3, #sidebox4 h3{  
	margin:0;
	padding:11px 10px 11px 10px;
	background:url(../simages/sidebox1.gif) top left no-repeat;
	text-transform: uppercase;
	font-size: 10pt;
}
#sidebox1 div, #sidebox2 div, #sidebox3 div, #sidebox4 div{
	margin:0;
	padding:5px 10px 3px;
	border:1px solid #d8d8d8;
	border-width: 0px 1px;
	min-height: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#sidebox1 div {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #f0f0f0;
}
#sidebox1 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	list-style: none;
	font-size: 9pt;
}

#sidebox1 ul ul li, #sidebox1 ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebox1 ul ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#sidebox1 a {
	line-height: 30px;
	display: block;
	padding-left: 29px;
	background: transparent url(../simages/bullet_blue.gif) 7px 7px no-repeat;
}

#sidebox1 a:hover {
	background: transparent url(../simages/bullet_orange.gif) 7px 7px no-repeat;
}

#sidebox2 {
	background:url(../simages/sidebox2.gif) bottom left no-repeat;
}
#sidebox2 h3{  
	background:url(../simages/sidebox2.gif) top left no-repeat;
}
#sidebox2 div{
	background: #fff;
	padding-top: 5px;
	line-height: 30px;	
}

#sidebox2 div div{
	line-height: 15px;	
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

#sidebox2 img {
	vertical-align: middle;
}

.chatArea {
		border-width: 0px;
		padding: 0px;
		margin: 0px;
		vertical-align: top;
		display: inline;
		float: right;
		height: 40px;
		width: 108px;
}

#sidebox3 {
	background:url(../simages/sidebox3.gif) bottom left no-repeat;
}
#sidebox3 h3{  
	background:url(../simages/sidebox3.gif) top left no-repeat;
}
#sidebox3 div{
	background: #feffe0;
}

#sidebox4 {
	background:url(../simages/sidebox4.gif) bottom left no-repeat;
}
#sidebox4 h3{  
	background:url(../simages/sidebox4.gif) top left no-repeat;
}
#sidebox4 div{
	background: #f0ffef;
	height: 130px;
}

#pagetitle {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 32px;
}

.sitemonth {
	border: 1px solid #bbb8b9;
	width: 168px;
	height: 139px;
	margin-top: 5px;
}

/********* Form Styles ************/

div.row {
  	clear: both;
  	padding-top: 10px;
}

div.row span.label {
	font-family: Arial,sans-serif;
	float: left;
  	width: 110px;
  	text-align: right;
  	font-weight: bold;
	font-size: 9pt;
  }

div.row span.formw {
  	float: right;
  	width: 430px;
  	text-align: left;
  } 
  
  
/********* Contact Styles ************/

div.contactrow {
}
.contactlabel {
	font-family: Arial,sans-serif;
  	width: 75px;
  	text-align: right;
  	font-weight: bold;
	font-size: 9pt;
	float: left;
  }
.contactvalue {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	text-align: left;
	width: 475px;
	float: right;
  }  

/******************** Advert Styles *************/
div.adrow {
clear: both;
}
.adimage {
  	width: 140px;
	float: left;
	height: 80px;
	overflow: auto;
  }

.adtext {
	font-family: Arial,sans-serif;
	font-size: 9pt;
	text-align: left;
	width: 410px;
	float: right;
	padding-bottom: 10px;
  }  

/****************** Ditto Styles *******************/
.ditto_summaryPost{
	margin-top: 10px;
    clear: left;
}

.contentImage {
		border: 0px solid #d8d8d8;
		margin-right: 10px;
		margin-bottom: 5px;
		vertical-align: top;
		display: inline;
		float: left;
}

.contentImageRight {
		border: 0px solid #d8d8d8;
		margin-right: 10px;
		margin-bottom: 5px;
		vertical-align: top;
		display: inline;
		float: right;
}

.ditto_title {
	border-bottom: 1px solid #1d49ba;
	margin-bottom: 10px;
}

.ditto_titleHome {
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

/********************* Blog Styles ******************/


#blogInfo, .blogged_by {
 font-size: 8pt;
 color: #1c4994;
 font-weight: bold;
 padding-bottom: 8px; 
}

.blogText {
	margin: 0px 0px 12px 0px;
}

.blogPosted, .blogArticle  {
	float: left;
	display: block;
}
.blogNoComments, .blogComments {
	float: right;
	display: block;
}

#blogComments {
	margin: 4px 0px;
	padding: 6px;
	background: #f2f2f1;
	border: 1px dotted #ccc;
	display: block;
}

.blogFooter {
	margin: 4px 0px 0px 0px;
	height: 20px;
}

#blogBookmark {
	margin: 4px 0px 10px 0px;
	padding: 4px;
	background: #f2f2f1;
	border: 1px dotted #ccc;
}