/* body                  {background-color:#ddd;font-family:Georgia,sans-serif;font-size:80%;} */
body {
    background-image: url(bckgd.gif);
	background-color: #b0b7bf;
	background-repeat: repeat;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /*  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1                    {font-size:16pt;}
h2                    {font-size:13pt;}
h3                    {font-size:11pt;}
h4                    {font-size:10pt;}
p                     {text-align:justify; padding:0 3px 0 3px; margin:0px;}

.center{ text-align:center;}

.clear                {clear:both;}
.button               {width:75px; height:22px; background-color:#00AEEF; color:White; border:1px solid;}
.button:hover         {border: 1px solid #f00; background: #eef; color:Black;}
.button-search        {width:50px; height:21px; background-color:#00AEEF; color:White; border:1px solid;}
.imgfancy             {border:1.5px solid #ddd;margin-top:1px;margin-bottom:1px;}

.imgitem {
    border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: #E0E0E0 url(bg-photo-frame.jpg) repeat-x;
	padding:6px;
 }

.searchbox {
	height:1.3em;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.tel {
    float: right;
	padding-top: 7px;
	padding-right: 7px;
	font: bold 1.7em Tahoma,sans-serif;
	color:Navy;
}

.input_text {font-family: Tahoma,sans-serif;}
.input {border: 1px solid #006;background-color:White}
.input:hover {border: 1.8px solid #f00;}
.inputR {border: 1px solid #006;background-color:White;text-align :right;}  
.inputR:hover {border: 1.8px solid #f00;}

.button {width:75px;height:22px; background-color:#00AEEF; color:White; border:1px solid; }
.button:hover {border: 1px solid #f00;background: #eef; color:Black;}
.buttonR { width:70px; height:22px; background-color:#00AEEF; color:White; border:1px solid; float:right; }
.buttonR:hover {border: 1px solid #f00; background: #eef; color:Black;}

.BoldEmphasis{font-weight: bold;font-style: italic; padding-bottom: 5px}
.BoldEmphasisR{font-weight: bold;font-style: italic; padding-bottom: 5px; padding-right: 15px; padding-top:10px;float:right;  }
.BoldEmphasisL{font-weight: bold;font-style: italic; padding-bottom: 5px; padding-right: 15px; padding-top:10px;float:left; }
.Bold{font-weight: bold;}
.RedEmphasis{font-weight: bold;font-style: italic;color: Red;}
.RedEmphasisR{font-weight: bold;font-style: italic; color: Red; float:right;}
.YellowEmphasis{ background-color: Yellow;}
.searchbox {height:13px;margin:0px;	padding:0px;width:8em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#666666;}
.BlueText {color:Blue;}

div#wrap {margin: auto; width: 785px; background-color: #fff; border: 5px solid #ccc;}

div#header  {height:110px; padding-bottom:.2em;}

div#nav     {background-color: #17479e;color: #eee; width: 100%;text-align: left;font-size: 12;font-weight: bold;}
div#nav ul  {margin:0;padding:0;}
div#nav li          {display:inline;margin:0;padding:0;vertical-align:middle;}
div#nav li a        {padding-left:25px;padding-right:25px;width:100px;text-decoration:none;color:#eee;border-right:solid 1px #ccc;}
div#nav li a:hover  {color:#17479e;background-color:#ebeff4;}

div#nav_left {width: 180px;	font-size: 12px;color: #2a3a8c;}
div#nav_left ul {background-color: #17479e; color: #eee;width: 100%;height: 27px;font-weight: bold; 
                 margin: 0;padding: 0;border-bottom: 3px solid #ffffff;}
div#nav_left ul.gray {background-color:#ebeff4;color:#17479e;width:100%; height:27px;}
div#nav_left li      {list-style:none;margin-left:.8em;margin-top:5px;}                   
div#nav_left li a    {text-decoration: none;color: #17479e;display:block;}
div#nav_left li a:hover  {color:Blue;}


div#nav_right {
	width: 180px;
	font-size: 12px;
	color: #2a3a8c;
}
div#nav_right ul     {background-color:#17479e;color:#eee;width:100%; height:27px;font-weight:bold;margin:0;
                      padding:0;border-bottom:3px solid #ffffff;text-align:right;}
div#nav_right ul.gray {background-color:#ebeff4;width:100%; height:27px;}
div#nav_right li     {list-style:none;margin-right:.8em;margin-top:5px;}

div#nav_right li a  {text-decoration: none;color:#17479e;display:block;}
div#nav_right li a:hover    {color:Blue;}

div#imgleft           {float:left;width:145px;}
div#imgright          {float:right;width:145px;}
div#contentcenter     {float:right;padding:0em 1em 0em 3em;}

div#content           { width:405px; padding:.2em 0em .5em .2em;}
div#content h2        {border-bottom:1px solid #ddd;margin-bottom:.5em;}
div#content img.fancy {border:1px solid #ddd;padding:.5em;}
div#content img.small { width:175px;}
div#content img.ssmall { width:125px;}

div#content ul {
	margin:1px 5px 12px 35px;
	}

div#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	}

div#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background:url(bullet2.gif) no-repeat;
	background-position:.1em;
	}

div#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

div#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet.gif) no-repeat;
	background-position:0.6em;
	}

div#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0.6em;
	}

div#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0.6em;
	}

div#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0.6em;
	}



/******************
TABLE STYLES
******************/
.asterisk {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:Red;
}
.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px;
	}

thead th, tfoot th {
	background-color:#E8E8E8;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	font-weight:normal;
	font-variant:small-caps;
	}
	
/*************
GRID
**************/
.grid 
{ 
	width:700px; 
	font-family:Tahoma;
}
.grid H2 
{ 
	margin:0; padding:0; 
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.grid .mid
{
	padding:3px 0px 0px 0px;
}
.grid .datatable
{
	width:100%;
	color:#666;
    border-bottom:solid 1px #bbd9ee;
}        
.grid .datatable TH
{
    font-size:12px;
    font-weight:bold;
    letter-spacing:0px;
    text-align:left;
    padding:2px 4px;
    color:#333333;
    border-bottom:solid 2px #bbd9ee;
}
.grid .datatable TH A
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}
.grid .datatable TH.sortasc A { background:url(asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background:url(desc.gif) right center no-repeat; }
.grid .datatable TD
{
    font-size:11px;
    text-align:left;
    padding:6px 4px;
    border-bottom:solid 1px #bbd9ee;
}      
.grid .datatable .row:hover
{
	background-color:#fffacd;
	color:#000;
}
.grid .datatable .first { padding-left:10px; }
.grid .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(bullet.gif);
}  
/* Data Pager Styles */
.grid .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	                
} 
.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}
.grid .pager A.command:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid .pager SPAN.current
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
    font-size:18px;
}


/* from old CSS */

.titles {
	font-size: 10pt;
	color: #334E9F;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.feautured {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #334E9F;
	text-decoration: none;
}

.forsale {
	font-size: 9pt;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.content_txt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	margin: 0px;
	list-style-type: square;
	list-style-position: outside;
}
.content_headers {
	float: none;
	font-size: 9pt;
	color: #334E9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding:5px 0px 0px 0px;
	line-height: normal;
	list-style-type: square;
	list-style-position: outside;
	vertical-align:baseline;
}


/******************
AJAX CSS
******************/

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white;
}