/* -----------------------------------------------------------------------------------
MASS RESET blue 00007f  003466
------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* -----------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; font-size: 90%; font-family: arial, helvetica, sans-serif, verdana; color: #333333; background-color: #003466; }

h1 { font-weight: bold; font-size: 200%; color: #000000; }
h2 { font-weight: bold; font-size: 200%; color: #003466; margin-bottom: 0.5em; letter-spacing: -1px; }
h3 { font-weight: bold; font-size: 160%; color: #000000; margin-bottom: 0.5em; }
h4 { font-weight: bold; font-size: 100%; color: #000000; margin-bottom: 0.5em; }
h5 { font-weight: normal; font-size: 100%; color: #000000; margin-bottom: 0.5em; font-style: italic}

a:link, a:visited, a:active { text-decoration: none; color: #2b376e; border-bottom-style: dotted; border-bottom-width: 1px; }

a:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px;}

p a, ul a, #breadcrumb a { border-bottom-style: dotted; border-bottom-width: 1px; }

p a:hover, ul a:hover, #breadcrumb a:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }

p { line-height: 1.5em; margin-bottom: 1em; }

img { border: 0; }

#content ol { margin-left: 20px; margin-bottom: 5px; }

.float-right { float: right; margin: 0 0 15px 20px; border: 0px solid #cccccc; }

.float-left { float: left; margin: 0 20px 10px 0; border: 0px solid #cccccc; }

.spacer { clear: both; }

#container-wrapper { margin: 0 auto; padding: 0; background-color: #ffffff; }
#container { margin: 0 auto; padding: 0; width: 935px; overflow: hidden; clear: both; }

#container .main-image {margin: 10px; }

#content { width: 935px; padding: 0; margin: 7px 0 10px 0px; background-color: #ffffff; }

#home-content { width: 935px; padding: 0; margin: 7px 0 10px 0px; min-height: 400px; background: #fff;}

#content ul { line-height: 1.5em; padding-left: 30px; margin-bottom: 1em; }

#content li { list-style-type: square; }

input { padding: 5px; font-size: 90%; background-color: #eee; color: gray; }
textarea { padding: 5px; font-size: 90%; background-color: #eee; color: gray; font-family: arial; }
.button { padding: 5px; font-size: 90%; background-color: #003466; color: #fff; }

/* -----------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------- */
#header_container { height: 120px; margin: 0 auto; padding: 0; background-color: #ffffff; }
#header { width: 935px; height: 120px; margin: 0 auto; padding: 0; }
#header h1 a { padding: 0; margin-bottom: 0px; border-bottom-style: solid; border-bottom-width: 0px; }
#header h1 { position: relative; left: 5px; top: 24px; margin: 0; padding: 0; float: left; }

#page_header_container { height: 5px; margin: 0 auto; padding: 0; background-color: #003466;}
#page_header { width: 935px; height: 30px; margin: 0 auto; padding: 0; }

#page_header li { display: inline; padding: 5px 20px 0 0; margin:0; float: right; color: #ffffff; font-weight: bold; }
#page_header a { color: #ffffff; }


/* -----------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------------- */
#footer-container { margin: 0 auto; padding: 0; height: 200px; background-color: #003466; }

#footer { width: 935px; padding: 10px 0; clear: both; color: #ffffff; margin: 0 auto; text-align: right; }

#footer a { color : #ffffff; font-size: 90%; text-decoration : none; }
#footer a:visited { color : #ffffff; font-size: 90%; text-decoration : none; }
#footer a:hover { color : #ffffff; font-size: 90%; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }

#footer li { display: inline; border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; padding: 0 10px 0 10px;}
#footer li.last { display: inline; border-right-width: 0px; border-right-style: solid; border-right-color: #ffffff; }

/* -----------------------------------------------------------------------------------
HOME PAGE
------------------------------------------------------------------------------------- */

.home-image { margin: 10px 0; }

#home-sidebar-container { width: 530px; min-height: 350px; float: right; margin: 0 0 0 10px; }

#home-intro { width: 395px; float: left; }
.home-intro-col { width: 192px; float: left; }
#estate-agents .home-intro-col { width: 280px; float: left; }
.home-intro-col ul { line-height: 1.5em; padding-left: 30px; margin-bottom: 1em; }
.home-intro-col li { font-weight: bold; list-style-type: none; background: transparent url(/images/graphics/bullet.gif) no-repeat left center; background-position: 0 .3em; padding-left: 20px; line-height: 1.5em; }

#home h2 { font-size: 160%; }

/* -----------------------------------------------------------------------------------
BREADCRUMB NAVIGATION
------------------------------------------------------------------------------------- */
#breadcrumb { margin: 0 0 10px 0; padding: 0 0 0 0; color: #666666; font-size: 90%; }

/* -----------------------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------------------------- */
#nav_container {height: 30px; margin: 0 auto 0 auto; padding: 0; background: #003466; position: relative; z-index:500; }

#nav {width: 935px; background: #003466 url('/images/graphics/menu-grad.gif') repeat-x top left; padding: 5px 0 0 0; height: 30px; margin: 0 auto 0; } /* inner container */

#nav ul li a { border-bottom-width: 0px; } /* removed dotted underline from nav menu that it inherits from global links */

/* Menu proper */
#nav ul { list-style: none; line-height: 1; background: #fff; padding: 0; text-align: center; margin-right: 20px; margin-left: 10px; border-right: solid 1px #313031; font-family: arial; font-weight: normal; } /* dropdown bg colour */
#nav ul li a { display: block; text-decoration: none; padding: 9px 9px 8px 9px; font-size: 90%; } /* menu parent padding */
#nav ul li ul li a { display: block; text-decoration: none; padding: 6px 9px 6px 9px; } /* menu child padding */


#nav ul li a { color: #ffffff; } /* menu parent link colours */
#nav ul li a:hover { color: #344883; text-decoration: underline; } /* menu parent link hover colours */
#nav ul li:hover > a { color: #344883; text-decoration: underline; } /* keep selected links underlined in Firefox etc */
#nav ul li ul li a { display:block; color: #344883; width:122px; } /* menu child link colours */
#nav ul li ul li a:hover { color: #777777; text-decoration: none; } /* menu child link hover colours */

#nav ul table { border-collapse: collapse; padding:0; margin:0; border:0; position:absolute; left:-9px; top:2px; } /* style the table for IE6 only */

#nav li { float: left; border-left: 1px solid #57679a; } /* menu parent separater colours */
#nav li ul { position: absolute; left: -9999px; height: auto; width: 141px; /*width of dropdown bg */ margin: 0; text-align: left; border-top: 1px solid #313031; border-bottom: 4px solid #000000; } /* child block border colours */
#nav li li { width: 140px; border-bottom: solid 1px #313031; } /* width of dropdown hover bg */ 
#nav li ul a:hover { color: #333333; }  /*hover text color of dropdowns */

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li a:hover ul ul,
#nav li a:hover ul ul ul { left: -9999px; } /* place the sub levels off screen */

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li a:hover ul,
#nav li li a:hover ul,
#nav li li li a:hover ul { left: -1px; top:29px; } /* position the sub levels relative to each top level link */

#nav ul li:hover,
#nav ul li a:hover { position:relative; background-color: #ffffff; }  /* hover bg for parent menu and make hovers relative so that sub levels can be positioned correctly */

#nav ul li .on { text-decoration: underline; color: #344883; background-color:#ffffff; } /*selected menu colours */

#nav ul li ul li .on { background-color: #ffffff; color: #666666; }

#nav ul li ul li:hover a,
#nav ul li ul li a:hover { display:block; background-color: #dadada; width:122px; } /* hover bg for child menu */

#nav ul li ul li ul { display: none; }

/* -----------------------------------------------------------------------------------
SIDE NAVIGATION
------------------------------------------------------------------------------------- */

#sidebar-container { width: 430px; min-height: 350px; float: right; padding-right: 10px; margin-top: 30px; padding-left: 20px; padding-top: 50px; }

#sidebar-nav { font-size: 95%; float: left; width: 280px; margin: 0; padding: 10px; display: inline; clear: both; border-left: 1px solid #e5e5e5; min-height: 350px;}

#sidebar-nav ul { list-style: none; margin: 0; padding: 0; }
#sidebar-nav ul li { display: inline; padding: 0; margin: 0; }

#sidebar-nav ul li a { display: block; background: transparent url(/images/graphics/winners_list_flag_icon.gif) no-repeat left center; color: #666666; /*link text colour*/ text-decoration: none; margin: 0; padding: 7px 0 7px 15px; border-bottom: 1px dotted #e5e5e5; } /*link border colour*/

#sidebar-nav ul li a.on { text-decoration: underline; }

#sidebar-nav ul li a { display: block; background: transparent url(/images/graphics/side_nav_arrow2.gif) no-repeat left center; color: #666666; text-decoration: none; margin: 0 0 0 15px; padding: 7px 0 7px 15px; border-top: 0px dotted #c0c0c0; }

#sidebar-nav ul ul li a { display: block; background: transparent url(/images/graphics/side_nav_arrow3.gif) no-repeat left center; color: #666666; text-decoration: none; margin: 0 0 0 25px; padding: 7px 0 7px 15px; border-top: 0px dotted #c0c0c0; }


#sidebar-nav ul li a:hover { background: transparent url(/images/graphics/side_nav_arrow1.gif) no-repeat left center; color: #666666; } /*hover text colour of child menu items */

#sidebar-nav ul li ul li a.on { color: #999999; text-decoration: underline; } /*hover text colour of child menu items that are on */


/* -----------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------------- */

table { margin-top: 10px; }

th, tr, td { padding: 5px; background-color: #f5f5f5; border: 3px solid #ffffff; }
th { background-color: #003466; font-weight: bold; width: 100px; }
th h2 {color:#fff; font-size: 110%;}
td a:link, td a:visited, td a:active { font-weight: bold; border-bottom-style: dotted; border-bottom-width: 1px; }
td a:hover { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; }


