@charset "utf-8";
/* CSS Document */

body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10pt;
	text-align: center;
	color:#333;
	margin: 0;
	padding: 0;
	background: #f6f6f6;
}

.print {display: none; }

a {
	color: #F60;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: none;
}

h1 {color: #404040; font-size: 18pt;}
h2 {color: #404040;}
h3 {color: #3D537C;}
h4 {font-size: 10pt;}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

table {
	font-size: 10pt;	
}

textarea {
    resize: none;
}
img {border:0;}
#header {
	height: 135px;
	margin: auto;
	position: relative;
	background: url('images/x-header-bg.png') repeat-x;
}

#logo {
	width: 200px;
	height: 100px;
	float: left;
}
#logo img {border: 0;}

#welcomebox {
	float: left;
	top: 0;
	right: 0;
	width: 300px;
	margin-right: 20px;
	padding-top: 10px;
	line-height: 20px;
	text-align: right;
	color:#FFF;
	position: absolute;
}
#welcomebox a {
	color: #fff;
	font-weight: bold;
}
#welcomebox table {
	float: right;
	position: absolute;
	right: 0px;
}

#topmenu {
	height: 44px;
	width: 410px;
	padding-right: 26px;
	padding-top: 6px;
	float: right;
	position: absolute;
	top: 85px;
	right: 0;
	background: url('images/x-navbar.png') no-repeat;
}

#content-fade {
	background: #f6f6f6 url('images/x-bottomnav-fade.png') repeat-y;
	background-position: center;
}
#content-fade-nav {
	background: #f6f6f6 url('images/x-content-fade2.gif') repeat-y;
	background-position: center;
}

#globalcontainer {
	width: 1000px;
	padding-left: 0px;
	padding-right: 0px;
	min-height: 700px;
	background: #FFF;
	margin: auto;
	text-align: left;
}
#head-fade {
	background: url('images/x-header-fade.gif') no-repeat;
	background-position: center;
}
#headcontainer {
	width: 1000px;
	height: 135px;
	margin: auto;
	text-align: left;
}
#headbg {
	background: url('images/x-header-bg.png') repeat-x;
	margin: 0;
	padding: 0;
}

#content {
	padding: 20px;
	background: #ffffff;
}
#displaytutor h1 {font-size: 16pt;}
#displaytutor h2 {font-size: 12pt;}
#displaytutor h3 {font-size: 10pt;}
#displaytutor h4 {color:#555;}

#bottom-fade {
	background: url('images/x-bottomnav-fade.png') repeat-y;
	background-position: center;
}
#bottomnavcontainer {
	width: 1000px;
	margin: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

#topbar {
	width: 945px;
	height: 30px;
	text-align: right;
	padding-right: 55px;
}

#footer {
	color: #a7a7a7;
	text-align: center;
	padding-top: 5px;
	margin: 0 auto 10px auto;
	background: #f6f6f6 url('images/x-footer-fade.png') no-repeat;
	background-position: center;
}
#footer a {color:#999;}
#footer a:hover {color:#666;}
.box {
	width: 276px;
	height: 210px;
	padding: 25px 10px 10px 10px;
	background:url(images/box-grey.gif); }
.box:hover {background:url('images/box-orange.gif'); }
.box img {margin-bottom: 5px;}

/* =========================================== NAV =========================== */

ul#topnav {
	white-space: nowrap;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
#topnav li {
	display: inline;
	float: right;
	list-style-type: none;
	text-align: center;
}
#topnav a {
	font-style: normal;
	display: block;
	width: 130px;
	height: 30px;
	line-height: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#topnav a:link, #topnav a:visited {
	color: #fff;
	text-decoration: none;
}
#topnav a:link#current, #topnav a:visited#current {
	color: #fff;
	background: url('images/x-button-red.png') no-repeat;
	text-decoration: none;
}
#topnav a:hover, #topnav a:hover#current {
	background: url('images/x-button-orange.png') no-repeat;
}
/* ================================================================================================== SUB- NAVAITGATION */

#subnavcontainer {
	margin: 0px auto;
	background: #cccccc;
	padding-left: 15px;
	height: 22px;
	line-height: 22px;
	width: 985px;
}
#subnavcontainer img{padding-top: 2px;}
ul#subnav {
	white-space: nowrap;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
#subnav li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	text-align: center;
	float: right;
}
#subnav a {
	font-style: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#subnav a img{ border: 0;}
#subnav a:link, #subnav a:visited {
	color: #06F;
	text-decoration: none;
}
#subnav a:hover {
	color: #039;
}
/* ================================================================================================== BOTTOM- NAVAITGATION */

ul#botnav {
	white-space: nowrap;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}
#botnav li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	text-align: center;
}
#botnav a {
	font-style: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#botnav a:link, #botnav a:visited {
	color: #F60;
	text-decoration: none;
}
#botnav a:hover {
	color: #900;
}
/* ================================================================================================== OTHER */
.small, .small1, .small2 {
	font-size: 8pt;
}
.small1 {color: #666;}
.small2 {color: #FF8080;}

.inputbox2, .inputbox-green, .inputbox-red {border: 1px solid #dbdbdb;}
.inputbox2 {background: #fff;}
.inputbox-green {background: #CFC;}
.inputbox-red {background: #FFD2D2;}

.warning, .warning2 {
	color: #ff0000;
}
.warning2 {font-size: 14pt;}

.hidden { display: none; }
.unhidden { display: block; }

.bubbletop-blue {
	width: 940px;
	height: 32px;
	margin: 0;
	padding-left: 20px;
	padding-top: 7px;
	background: #548dc0 url('images/bubbletop-blue.png') no-repeat;
}
.bubbletop-blue h2, .bubbletop-blue h3 {color: #505050; }
.bubbletop-blue h2 {
	font-size: 14pt;
}
.bubbletop, .bubblebot {
	width: 960px;
	height: 16px;
	margin: 0;
	padding: 0;
}
.bubbletop {background:url('images/bubbletop.png') no-repeat;}
.bubblebot {background:url('images/bubblebot.png') no-repeat;}
.bubble {
	width: 948px;
	background: #f8f8f8;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	padding: 0px 0px 0px 10px;
	margin: 0;
	position: relative;
}
.bubble h4 {
	color: #808080;
	margin: 0;
}
.bubble p {margin: 0px;}
.bubbletop330, .bubblebot330 {
	width: 330px;
	height: 16px;
	margin: 0;
}
.bubbletop330 {background:url('images/bubbletop330.png') no-repeat;}
.bubblebot330 {background:url('images/bubblebot330.png') no-repeat;}
.bubble330 {
	width: 318px;
	background: #f8f8f8;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	padding-left: 10px;
	margin: 0;
	position: relative;
}
.bubble330 h3, .bubble h3 {color: #666; }
.search330 {
	position: absolute;
	left: 230px;
	top: 82px;
}
.search {
	position: absolute;
	left: 860px;
	top: 220px;	
}
.clear {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dropbox1 {width: 200px;}
.inputbox3 {width: 194px;}
.blue {color: #06F;}
.grey {color: #666;}
.grey2 {color:#CCC; }
.grey3 {color: #999; }
.orange2 {color: #A7740A;}
.orange3 {color: #FFAE88;}
.red, .smallred {color: #ff0000; }
.smallred {font-size: 8pt; }
.largeblue {color:#36F; font-size: 12pt;}
.white {color: #ffffff; }

.tick {
	width: 16px;
	height: 13px;
	margin-right: 5px;
	background: url('images/checkmark.png');
	float: left;
}
.floatcontainer {
	position: relative;	
}
.floatright {
	float: right;
	right: 0px;
	position: absolute;
}
.tutorheading {
	background: #77abd8;
	color: #fff;
}
.tutorheading a {color: #FFB997; }
.profile_m, .profile_f, .profile_h, .profile_c {
	width: 150px;
	height: 160px;
	float: right;
	margin: 10px;
	border: 1px solid #808080;
}
.profile_m {background:url('images/male2.png');}
.profile_f {background:url('images/female2.png');}
.profile_h {background:url('images/unknown2.png');}
.profile_c {background:url('images/company.png');}

.profile_blank {
	float: right;
	margin: 10px;
	border: 1px solid #808080;
}
.table1 {border: 1px solid;}
.table2 {border: 1px solid #999;}
.row1 {background: #F8F8F8; }
.row2 {background: #ffffff; }

.row1:hover, .row2:hover {background: #c0c0c0;}

.messagebody {
	width: 390px;
	min-height: 200px;
	padding: 5px;
}
.messagepretext {
	width: 50px; 
	padding-top:1px;
	padding-bottom: 1px;
	display: inline-block;
	color:#666;
}
.message {width: 402px;}
.subject {
	font-size: 12pt;
}

.premhead {
	background: #68a6d2;
	color: #FFF;
}
.premad {
	background: #5e8cad;
	height: 150px;
}
.emailread, .emailunread {
	width: 21px;
	height: 20px;
	float: left;
}
.emailread {background: url('images/mail-read.gif');}
.emailunread {background: url('images/mail-unread.gif');}
.readtext {
	color: #999;	
}
.readtext a {color:#F60;}
.readtext a:hover {color:#900;}
.myaccountprofile {
	float: right;
	margin-top: 25px;
	margin-right: 25px;
	background: #C4D9EE;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
.myaccountprofile img {margin-bottom: 5px;}

.bluebar {
	width: 940px;
	color: #fff;
	background: #0066ee url('images/br-blue3.gif');
	padding: 5px;
}
.bluebar h2 {color: #fff;}
.forpages {
	float: right;
	margin-top: 25px;
	margin-left: 10px;
}
.button_blue {
	width: 67px;
	height: 28px;
	background: #75a9d7 url('images/but-blue.gif') no-repeat;
	text-align: center;
	line-height: 26px;
	display: inline-block;
}
.button_blue:hover {background: #699ecd url('images/but-blue-pressed.gif') no-repeat;}
a .button_blue {color: #d7e5fe; }
a:hover .button_blue {color: #bfceeb; }

.alignright {text-align: right;}

#map_canvas {
	width:500px; 
	height:300px; 
	border: 1px solid;
}

#map_canvas_large {
	width:958px; 
	height:600px; 
	border: 1px solid;
}

/* =========================================== Premium Listings =========================== */
.premium_small {
	padding: 5px;
	background: #F8F8F8;
	color: #808080;
	font-size: 10pt;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.premium_small:hover {
	background: #6CF url('images/br-blue4.png') repeat-y;
	color: #404040;
}
.premium_small a {color: #FFB895; }
.premium_small a:hover {color: #000; }
.heading5 {
	color:#39F; 
	font-size: 12pt;
}
.heading5:hover {color:#36F;}
.prem_photo {
	float: right;
	border: 1px solid #808080;
	margin: 5px;
}
.fontsize11 {font-size: 11pt;}
.paddingelement {padding-right: 20px;}
.paddingelement2 {padding-right: 5px;}
.floatback {
	float: right;
}
.heading6 {
	color: #606060;
	font-weight: bold;
	padding: 5px;
	background: url('images/bubbletop-blue-sm.png') no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}
.heading7 {
	background: #ef8b2e url('images/br-orange.gif');
	color: #fff;
}
.heading7 h1, .heading7 h2, .heading7 h3, .heading7 h4 {color: #fff;}
.location {
	color: #808080; 
	font-weight: bold;
}
.contacts {
	background: #fff;	
	border-top: 1px solid #808080;
}
.sort_premium {
	font-weight: normal;	
	color:#777;
	float: right;
	font-size: 8pt;
}
.sort_premium a {color: #F60;}
.sort_premium a:hover {color: #C60;}
.listsort a {color:#FFFFFF;}
.listsort a:hover {color:#DFEFFF;}
.indexopt {
	float: left;
	padding: 20px;
	border: 1px solid #ddd;
	margin-right: 9px;
	margin-left: 9px;
	text-align: center;
}
.centerdiv {
	margin: auto;
	width: 855px;
}
.greyline {
	height: 1px;
	width: 750px;
	background: #ccc;
	margin: 0 auto 10px auto;
	font-size: 0;
}
.greyline2 {
	height: 1px;
	width: 745px;
	background: #ccc;
	margin: 5px 0 0px 0;
	font-size: 0;
}
.blueline {
	height: 1px;
	width: 180px;
	background: #06C;
	margin: 5px 0 10px 0;
	font-size: 0;
}

#indexsidetab {
	float: right;
	width: 180px;
	border: 1px solid #ddd;
	padding: 10px;
	background: #f6f6f6 url('images/x-indextab.png') no-repeat;
}
#indexsidetab h4 {
	margin: 0;
	padding: 0;
	color: #06C;
	font-size: 10pt;
}
#indexsidetab img {margin-bottom: 5px;}
#rssindex {
	float: right;
	width: 180px;
	padding: 5px;
	text-align: center;
}


.ticklist {list-style-image: url('images/checkmark.png');}
.ticklist-blue {list-style-image: url('images/tick-blue.png');}

.resourcenav a {color: #06F; }
.resourcenav a:hover {color: #006; }
.resourcenav {
	float: right;
	margin: 0 10px 10px 10px;
	border: 1px solid #039;
	background: #D9E0EC;
	padding: 5px;
}
.resourcenav {width: 180px; }
.smallfloat {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.prem_index {
	color: #425984;
}
.prem_index a {
	font-size: 12pt;
	color: #eee;
	border: 1px solid #996600;
	background: #F90 url('images/strip-orange.gif') repeat-x;
	padding: 5px;
}
.prem_index a:hover {
	color:#fff;
	background: #F60 url('images/strip-orange2.gif') repeat-x;
}
.inav {
	margin: 0 0px 0px 0px;
	border: 1px solid #ddd;
	background: #EEE url('images/bar-grey.gif') repeat-x;
	padding: 5px;
	color:#666;
	text-align: right;
	height: 24px;
	width: 735px;
}
.inav form {
	padding: 0;
	margin: 0;
}
.floatright5 {
	font-size: 8pt;
	text-align: right;
}
.floatright5 a {color: #06F; }
.floatright5 a:hover {color: #006; }
.organgebut {
	color: #FFE7CE;
	background:#F90 url('images/org-but.gif') repeat-x; 
	border: 1px solid #960;
}
.organgebut:hover {
	color: #fff;
	background:#FC0 url('images/org-but2.gif') repeat-x; 
}
.bluebut {
	color: #fff;
	background:#0080FF;
	border: 1px solid #009;
	padding: 2px;
	font-size: 12pt;
}
.bluebut:hover {
	color: #eee;
	background:#03F;
}
#main {
	width: 745px; 
	float: left;
}
#imageContainer {
	margin-top: 10px;
	width: 750px;
	height: 300px;
	overflow:hidden;
	position: relative;
}
#imageContainer img {
	position:absolute;
	left:0;
	top: 0;
	display: none;
}
.imageoverlay {
	float: left;
	bottom:15px;
	right: 0;
	padding-right:15px;
	padding-left: 15px;
	position: absolute;
	text-align: right;
	background: #fff;
	border-bottom: 2px solid #666;
	border-left: 2px solid #999;
}
.imageoverlay h2 {
	font-size: 20pt;
	font-style:none;
	font-weight: normal;
	color:#333;
}
.imageoverlay a {color:#039;}
.imageoverlay a:hover {color:#03C;}
.mapprem {
	background: #FFC;
	color: #882D00;
}
.mapprem b {color: #000;}
.browseprem {
	font-size: 12pt;
	line-height: 16pt;
}
.browseprem a {color: #36F;}
.browseprem a:hover {color: #009;}
.browseprem h4 {
	font-size: 12pt;
	line-height: 16pt;
	color: #C90;
}
.browsestd {line-height: 12pt;}
.browsestd h4 {color: #666;}
.browsestd a {color: #666;}
.browsestd a:hover {color: #333;}