﻿/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%;
	height: 100%;
	background-color: #707CC5;}

table{ font-size: 100%; }

body 
{
    color: #313C98;
	font-family : tahoma, arial, verdana, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	background:url(../images/bg.gif) repeat-x; }


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }
.printonly{display:none;}

/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {padding:30px 0 25px 0;
	font-size:2em;
	font-weight:normal;}

h2 
{
    padding:0 0;
	font-size:1.8em;
	font-weight:normal;
	color:#7290CF;
	text-transform:uppercase;
	line-height:0.8em;
}
    h2 span
	{
        color:#0B468E;
		font-size:0.8em;
		font-weight:bold;
		display:block;
    }
    
h2.orange
{
    padding:0 0;
	font-size:1.8em;
	font-weight:normal;
	color:#fdb640;
	text-transform:uppercase;
	line-height:0.8em;
}
    h2.orange span
	{
        color:#e08e05;
		font-size:0.8em;
		font-weight:bold;
		display:block;
    }    

h3, .summary
{	
    margin-top:5px;
	font-size:1.27em;
	font-weight:bold;
	color:#0183A8;
}

h4
{	
    margin-top:5px;
	font-size:1.09em;
	color:#0183A8;
}

td h4 {	
    margin:0;
	font-size:1.09em;
	color:#0183A8; }

p  
{
    margin:0;
	padding:0 0 5px 0;
}

address
{
    font-style:normal;
}

ul, ol {padding:0px 0px 0px 20px;}
ul br{display:none;}
li {padding-bottom: 5px;}

img {border:0; display:block;}

hr
{
    border: none 0; 
    border-top:dotted 2px #707CC5;
}

td
{
    vertical-align:top;
}

/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.text2{
	font-weight : bold;
	color: #0183A8; }

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.intro{
font-size : 1.09em;
font-weight : bold;
color: #0183A8;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}

.green{
    color:#6F951A;
    font-size:1.2em;}
        
.error
{
    color:#CC0000;
}

.success
{
    color:#006C00;
}

.link:hover{cursor:pointer;text-decoration:underline;}


/**********************************************************************************
=Links
**********************************************************************************/

a, a.flip{
	font-weight : bold;
	text-decoration: underline;
	color: #313C98;}
	
    a:hover, a.flip:hover{
	    font-weight : bold;
	    text-decoration: none;
	    color: #7290CF;}

a{text-decoration:none;}

a.flip2{
	font-weight : bold;
	text-decoration: underline;
	color: #658427;}
	
    a.flip2:hover{
	    font-weight : bold;
	    text-decoration: none;
	    color: #9EB662;}

a.subnav {
    font-size:1.09em;
    color:#0183A8;
    text-decoration:none;
    text-transform:uppercase;
    padding:3px 14px 3px 0;
    display:block;
    font-weight:bold;
    background:url(../images/subnav.gif) no-repeat right;
    }
    a:hover{color:#64c6e2;}
    
    
a.selected
{
    color:#adb7d6;
    background:url(../images/subnav_sel.gif) no-repeat right;
}

a.footer {
    color:#688FBF;
    text-decoration:none;}
    
    a.footer:hover {
        text-decoration:underline;}
/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea 
{
    font-size:1em;
    font-family : arial, verdana, Helvetica, sans-serif;}

input.i350{
	width : 350px;
	color: #3E6EAE;}

select.s140{
	width : 140px;
	color: #3E6EAE;}

textarea.t350{
	width : 350px;	
	color: #3E6EAE;
	height: 100px;}
	
textarea.t400{
	width : 400px;	
	color: #3E6EAE;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {
    border:0;
	margin:0;
	padding:0;}
	
th
{
    vertical-align:top;
    padding-right:10px;
}


/**********************************************************************************
=Layout
**********************************************************************************/

#outer
{
    margin: 0 auto;
    width:1002px;
    text-align:left;
    background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #ffffff;
    margin-top: 50px;
}

#container
{
    float:left;
    min-height:651px;
    height:auto !important;
    height:651px;
    padding-left: 35px;
    padding-top: 15px;
}

#leftnav
{
    width: 250px;
    float: left; 
    height: 100%; 
}

    #leftnav ul.blue
    {
        padding: 10px 0px 0px 10px;
        margin: 10px 0px 0px 10px;
        list-style-type: square;
        color: #313C98;
    }
    
    #leftnav li
    {
        padding: 0px 0px 0px 0px;
    }
    
    #leftnav ul.orange
    {
        padding: 10px 0px 0px 10px;
        margin: 10px 0px 0px 10px;
        list-style-type: square;
        color: #fb9e04;
    }
    
    #leftnav h2.blue
    {
        padding:2px 2px 2px 2px;
	    font-size:1.2em;
	    font-weight: normal;
	    text-transform: none;
	    line-height:1em;
	    color: #313C98;
    }
    
    #leftnav h2.orange
    {
        padding:2px 2px 2px 2px;
	    font-size:1.2em;
	    font-weight: normal;
	    text-transform: none;
	    line-height:1em;
	    color: #fb9e04;
    }
    
    #leftnav hr
    {
        border: none 0; 
        margin: 15px 0px 15px 0px;
        border-top:dotted 2px #707CC5;
    }
    
#page_content
{
    float:left;
    width:432px; 
    padding-left: 35px; 
    height: 100%;
}

#rightnav
{
    float:left;
    width: 180px;
    padding-left: 35px;
    height: 100%;
    padding-right: 35px;
}

#header
{
    background:url(../images/logo.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height:180px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.1em;
    padding-left: 300px;
    padding-top: 0px;
    padding-bottom: 15px;
}

#header a
{
    font-weight: bold;
    text-decoration:none;
    margin:0px;
    margin-top:145px;
    margin-right: 28px;
    display:inline-block;
    vertical-align:top;
    text-transform: uppercase;
    color: #313C98;
}

#header a:hover
{
    color:#111111;
}

#header a.selected
{
    color:#fb9e04;
}

#footer{
    height:55px;
    padding-left: 30px;}
	
    #footer .copyright {
        float:left;
        margin-top:22px;
        font-weight: bold;  }
    
    #footer .links {
        color:#688fbf;
        font-weight:bold;     }

/**********************************************************************************
=Homepage
**********************************************************************************/

.block{
    width:329px;
    border:solid 2px #C1D6E9;
    margin:0 7px 8px 8px;
    padding:10px;
	padding-bottom:0; }

.top{
    border-top:0;
    background:url(../images/bg_houses.jpg) no-repeat bottom right;
    padding-bottom:106px; }

.infobuttons {
    padding-left:8px;
    width:353px;
    min-height:110px;
    height:auto !important;
    height:110px; }
	
.infobuttons2 {
    padding-left:8px;
    width:353px;
    min-height:83px;
    height:auto !important;
    height:83px; }

#news
{
    background:url(../images/bg_news.jpg) no-repeat top left;
    padding:146px 15px 15px 15px;
    float:left;
    width:206px;
    border:solid 2px #C1D6E9;
    border-top:0;
}

#sites
{
    width:117px;
    float:left;
    margin-left:7px;
    display:inline;
}

    #sites div
    {
        width:112px;
        text-align:right;
        border:solid 2px #C1D6E9;
        border-top:0;
        padding:0 5px 5px 0;
    }
    
    #sites a
    {
       display:block;
       margin:2px 0 0 0;
    }
    
/*Example CSS for the two demo scrollers*/
#pscroller1
{
    width: 206px;
    height: 277px;
    padding: 0px;
    background-color: #FFFFFF;
}

#pscroller2
{
    width: 480px;
    height: 150px;
    padding: 0px;
    background-color: #FFFFFF;
}

/**********************************************************************************
=News
**********************************************************************************/
.news{
    border-bottom:2px dotted #b9dd3b;
    padding:10px 0 0 0;
    float:left;
    clear:both;
    width:100%; }
	
    .news h2    {
        font-size:1.27em;
        font-weight:bold;
        line-height:1em;
        padding:0;
        margin:5px 0 2px;
        color:#455363;
		/*color:#4a8a89;*/    }

    .news h3    {
        font-size:1.27em;
        line-height:1em;
        padding:0;
        margin:0;
        color:#a8adb1;    }
    
    .news h4   {
        font-size:1.27em;
        line-height:1em;
        color:#D6B169;
        padding:0;
        margin:0;    }

.more {
    float:right;
    clear:both;
    margin:0;
    padding:0; }
	
.news2 {
	border:none;}
	
	.news2 h2 {
	font-size:1.27em;
    font-weight:bold;
    line-height:1em;
    padding:0;
    margin:24px 0 2px;
	color:#0183A8;    }
	
/**********************************************************************************
=Info
**********************************************************************************/	

.infowrap{
    border-bottom:2px dotted #b9dd3b;
    padding:10px 0 8px 0;
    float:left;
    width:100%; }

.info    {
        display:block;
		float:left;
		font-size:1.2em;
        font-weight:bold;
        line-height:1.2em;
        padding:0;
        margin:5px 0 8px 0;
		width:430px;  }
		
  .infobox
  {
    display:block!important;
  }
  
  .infobox_hidden
  {
    display:none;
  }
  
/**********************************************************************************
=Contact
**********************************************************************************/	

#tblContactForm td, #tbContactDetails td
{
    padding:0 0 4px 0;
    vertical-align:top;
}

/**********************************************************************************
=iBox
**********************************************************************************/	
 #pop_overlay
 {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      background: #EDEFF5;
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
 }
 * html #pop_overlay{position:absolute;}
 
 #pop_container
 {
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
 }

 #pop_inner
 {
      display: block;
      width: 500px;
      height: auto;
      position:absolute;
      top:120px;
      left:50%;
      margin:0 0 0 -250px;
      padding:20px;
      background: #FFFFFF;
      border: 2px solid #D8E1E3;
      text-align: left;
 }
    #pop_inner h3
    {
        margin-bottom:10px;
    }
    
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
    
