/* Stylesheet for RE/MAX Centre Realty */
/* --- ELEMENTS --- */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center; /* IE Win 5.x */
	color: #000;
	background-color: #273776;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

p,blockquote,div,span,h1,h2,h3,h4,h5,h6,table,tr,td,th {
	margin: 0;
	padding: 0;
}

a {
	color: #5366B4;
	background-color: #fff;
}

a:link {
	color: #5366B4;
	background-color: #fff;
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #5366B4;
	background-color: #fff;
}

hr {
	border: none;
	border-bottom: 1px solid #7B8DD6;
	height: 1px;
}

ul, dl {
	font-size: .8em;
	margin-top: 5px;
	list-style: none;
}

ol {
	font-size: .8em;
	margin-top: 5px;
}

dt {
	margin: 1.7em 0 .6em;
	font-weight: bold;
}

dd {
	margin: 0 0 .6em 0;
}
dl dl {
	font-size:1em;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}
h3 {
	font: bold .9em arial,verdana,helvetica,sans-serif;
	margin: 20px 0 2px 0;
	padding: 0;
	color: #000;
	background-color: #fff;
}
h4 {
	font: bold .8em arial,verdana,helvetica,sans-serif;
	margin: 2px 0 2px 0;
	padding: 0;
	color: #5366b4;
	background-color: #fff;
}

body#sitemap ul {
	list-style: disc;
	background-color: #fff;
	margin-left: 10px;
	padding-left: 20px;
}

body#sitemap li {
	margin-bottom: 5px;
	margin-top: 0px;
}

body#sitemap ul ul {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 20px;
	list-style: circle;
}

body#sitemap ul ul ul {
	list-style: square;
}

/* --- POSITIONING --- */
#page-wrapper {
	width: 740px;
	margin: 0 auto;
	position: relative;
}

#masthead {
	height: 131px;
	width: 740px;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1;
	background: url(/images/masthead/stripeBgd.gif) repeat-x;
}

#content-wrapper {
	position: absolute;
	top: 151px;
	left: 0;
	z-index: 3;
	height: auto;
	color: #000;
	text-align: left;
	background: #fff url(/images/global/bgd-leftColumn.gif) top left repeat-y;
}

#left-column {
	float: left;
	width: 150px;
	margin-right: 0px;
}

#middle-column {
	margin-left: 182px;
	margin-right: 165px;
}

body#login-page #middle-column,
body#factoids #middle-column, 
body#testimonials #middle-column,
body#commercial-listings #middle-column,
body#user-accounts #middle-column,
body#logout-page #middle-column,
body#documents #middle-column,
body#featured-properties #middle-column,
body#office-exclusives #middle-column {
	margin-right: 50px;
}

#right-column {
	width: 150px;
	margin-top: 120px;
	float: right;
}

#footer {
	clear: both;
	margin-left: 150px;
}

/* --- MASTHEAD --- */
#masthead {
	text-align: left;
}

#remax-logo {
	text-align: left;
	height: 102px;
}

#remax-logo img {
	border: none;
}

#address {
	height: 29px;
	text-align: left;
}

#balloon {
	text-align: right;
	width: 189px;
	background-color: #fefefe;
}

#balloon img.balloon-slice-top {
	position: absolute;
	top: 7px;
	right: -18px;
	z-index: 4;
}

#balloon img.balloon-slice-btm {
	position: absolute;
	top: 151px;
	right: -18px;
	z-index: 4;
}

body#login-page #balloon,
body#factoids #balloon, 
body#commercial-listings #balloon,
body#testimonials #balloon,
body#user-accounts #balloon,
body#logout-page #balloon,
body#documents #balloon,
body#featured-properties #balloon,
body#office-exclusives #balloon  {
	visibility: hidden;
}

/* --- LEFT COLUMN --- */
#left-column {
	color: #314594;
	background-color: #fff;
}

/* Navigation */
#navs-main {
	margin: 5px 0 0 0;
	width: 150px;
}

#navs-main a {
	display: block;
	text-decoration: none;
	font-size: .75em;
	font-weight: bold;
	padding: 5px 15px;
	border-bottom: 1px solid #fff;
	height: 100%; /* :KLUDGE  enables hover on entire block in IE WIN */
}

#navs-main a:link {
	color: #314594;
	background-color: #E4E6F1;
}

#navs-main a:visited {
	color: #314594;
	background-color: #E4E6F1;
}

#navs-main a:hover {
	color: #314594;
	background-color: #D1D5E8;
}

/* Display the background image in the menu item of the section being viewed. */
body#home #navs-main a#nav-home, 
body#about-remax #navs-main a#nav-about-remax,
body#local-market #navs-main a#nav-local-market,
body#commercial-listings #navs-main a#nav-commercial-listings,
body#office-exclusives #navs-main a#nav-office-exclusives,
body#centreCountyRegions #navs-main a#nav-centre-county-regions,
body#agents #navs-main a#nav-agents,
body#designations #navs-main a#nav-designations,
body#awards #navs-main a#nav-awards,
body#community-info #navs-main a#nav-community-info,
body#free-pre-qualifications #navs-main a#nav-free-pre-qualifications,
body#calculator #navs-main a#nav-calculator,
body#contact-us #navs-main a#nav-contact-us {
	background: #E4E6F1 url(/images/global/navArrow.gif) no-repeat left center;
}

#login {
	width: 150px;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
}

a.nav-login {
	border: 1px solid #00196D;
	display: block;
	font: bold .6em verdana,arial,helvetica,sans-serif;
	padding: 2px 0;
	width: 80px;
	margin: 0 auto;
	background-color: Green;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

a.nav-login:link {
	background-color: Green;
	color: #fff;
}

a.nav-login:visited {
	background-color: Green;
	color: #fff;
}

a.nav-login:hover {
	background-color: #006F01;
	color: #fff;
}

#left-factoids {
	margin-bottom: 1px;
	color: #00196D;
}

#left-factoids p.factoid {
	border-top: 1px solid #fff;
	text-align: left;
	padding: 10px 15px;
	margin: 0px;
	font: .7em/1.3em arial,verdana,helvetica,sans-serif;
	background-color: #D1D5E8;
}

/* --- MIDDLE COLUMN --- */
#middle-column {
	margin-top: 20px;
}

#middle-column h1 {
	border-bottom: 1px solid #CE0000;
	padding: 4px 20px 4px 0px;
	margin-bottom: 20px;
	font: bold 1.28em georgia, 'new york', times, timesNR, serif;
	color: #314594;
	background-color: #fff;
}

#middle-column p {
	margin: 0px 0 8px 0;
	font-size: .8em;
}

#middle-column h2 {
	font: bold 1em arial,verdana,helvetica,sans-serif;
	margin: 20px 0 2px 0;
	padding: 0;
	color: #314594;
	background-color: #fff;
}

/* Featured Property */
#featured-property {
	float: left;
	border-top: 1px solid #00196D;
	border-right: 1px solid #00196D;
	border-bottom: 1px solid #00196D;
	border-left: 1px solid #00196D;
	width: 202px; /* :PATCH IE Win 5.5 */
	wid\th: 200px; /* :PATCH Hide from IE Win 5.5 */
	margin: 0 20px 40px 0;
	padding: 0;
}

#featured-property h3 {
	background-color: #ac0000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 4px 0;
	font-size: .7em;
	letter-spacing: .2em;
	margin:0;
}

#featured-property img {
	border-bottom: 1px solid #00196D;
}

#featured-property p {
	padding: 5px 8px;
	margin: 0;
	font-size: .7em;
}

#featured-property p.mls {
	font-weight: bold;
}

#featured-property p.view-property {
	color: #fff;
	background-color: #AC0000;
	text-align: center;
	font-weight: bold;
	padding: 4px 0;
}

#featured-property a {
	color: #fff;
	background-color: #AC0000;
}

#featured-property a:link {
	color: #fff;
	background-color: #AC0000;
}

#featured-property a:visited {
	color: #fff;
	background-color: #AC0000;
}

#featured-property a:hover {
	color: #fff;
	background-color: #AC0000;
	text-decoration: none;
}

/* Contact Us Form */
#middle-column form label {
	margin: 0px 5px 8px 0;
	font-size: .8em;
}

.requiredField, .alert {
	color: Red;
}

#middle-column form#contactUs p {
	padding: 14px 0 0 0;
	margin: 0;
}

 label {
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 1em;
}

#middle-column form#contactUs p.small {
	font-size: .65em;
}
/* --- COMMERCIAL LISTINGS --- */
.commercial-list-pod {
	margin:10px 0;
	border:1px solid #ccc;
	padding:5px;
}
div.commercial-list-image img {
float:left;
margin:0;
padding:0;
border:1px solid #000;
}
.commercial-list-specs {
	margin:0 0 0 110px;
	width:264px;
}
div.commercial-list-links {
	margin:20px 0 3px 0px;
	padding:0;
	font-size: 11px;
}
.commercial-list-links .index-num {
	padding:2px 5px;
	border:1px solid #ccc;
	margin:0 5px 0 0;
}
.commercial-list-links a {
	padding:2px 5px 2px 15px;
	border:1px solid #ccc;
	margin-right:5px;
	background-color:#D1D5E8;
	color:#314594;
	text-decoration:none;
	display:inline;
	background: url(../images/global/link-box-glyph.gif) no-repeat left;
}
.commercial-list-links a:link, .commercial-list-links a:visited {
	color: #00196D;
	background-color: #E4E6F1;
}
.commercial-list-links a:hover {
	color: #00196D;
	background-color: #D1D5E8;
}
.commercial-list-links a:active {
	color: #00196D;
	background-color: #E4E6F1;
}

.commercial-detail-pod {
	margin:10px 0 0 0;
	border:none;
}
.commercial-detail-image img {
margin:0 0 10px 0;
padding:0;
border:1px solid #000;
}
.commercial-detail-specs {
	margin:0px;
}
.commercial-detail-links {
text-align:center;
	margin:40px 0 3px 0px;
	padding:0;
	font-size: 11px;
}
.commercial-detail-links a {
	padding:2px 5px 2px 15px;
	border:1px solid #ccc;
	margin-right:5px;
	background-color:#D1D5E8;
	color:#314594;
	text-decoration:none;
	display:inline;
	background: url(../images/global/link-box-glyph.gif) no-repeat left;
}
.commercial-detail-links a:link, .commercial-detail-links a:visited {
	color: #00196D;
	background-color: #E4E6F1;
}
.commercial-detail-links a:hover {
	color: #00196D;
	background-color: #D1D5E8;
}
.commercial-detail-links a:active {
	color: #00196D;
	background-color: #E4E6F1;
}
form#form-commercial-listings label {
	font-size:1em;
	font-weight:bold;
}
form#form-commercial-listings fieldset {
border:1px solid #5366B4;
padding:0px 30px 10px 10px;
margin:15px 0 20px 0;
}
form#form-commercial-listings legend {
border:1px solid #5366B4;
padding:3px 5px;
margin:0;
font:bold .7em arial,verdana,sans-serif;
color:#314594;
background-color:#D1D5E8;
}
form#form-commercial-listings fieldset p.first-para {
padding-top:10px;
}
form#form-commercial-listings table td {
vertical-align:baseline;
}
form#form-commercial-listings input:focus,
form#form-commercial-listings select:focus,
form#form-commercial-listings textarea:focus	{
background:#E4E6F1;
color:#000;
}



table#utilities {
	font-size:.8em;
	font-family: arial,verdana,helvetica,sans-serif;
	border:1px solid #ccc;
	border-collapse: collapse;
	margin:15px 0 15px 0px;
}

table#utilities th {
background-color:#999;
color:#fff;
padding:5px 8px;
border:none;
}
table#utilities th.title-header {
text-align:center;
border-bottom:1px solid #fff;
background-color:#333;
color:#fff;
text-transform:uppercase;
}
table#utilities col.col_1 {
width:34%;
}
table#utilities col.col_2  {
width:33%;
}
table#utilities col.col_3 {
width:33%;
}
table#utilities td {
padding:5px;
border:1px solid #ccc;
}
table#utilities td.td1 {
font-weight:bold;
text-align:left;
}
table#utilities td.td2 {
font-weight:normal;
text-align:center;
}
table#utilities td.td3 {
font-weight:normal;
text-align:center;
}

/* --- ADMINISTRATION --- */
#login-form {
	background-color: #fff;
	color: #000;
	margin: 40px auto;
	padding: 0;
	text-align: center;
}

form#login-form label {
	font-size: 1em;
}

#login-form p {
	margin: 20px;
}

form.ind-report-form {
	padding: 0 10px 10px 10px;
	margin-top: 20px;
	color: #000;
}

table#query-result {
	width: 99%;
	font-size: .85em;
	background-color: #E4E6F1;
	margin-bottom: 20px;
	border-top: 1px solid #5366B4;
	border-left: 1px solid #5366B4;
}

table#query-result td, th {
	padding: 3px;
	margin: 0;
	border-right: 1px solid #5366B4;
	border-bottom: 1px solid #5366B4;
	border-collapse: collapse;
}

table#query-result th {
	color: #fff;
	background-color: #5366B4;
	border-color: #fff;
}

table#query-result td p {
	padding: 0;
	margin: 0;
}

#success-display {
	background-color: #fff;
	color: #000;
	margin: 40px auto;
	text-align: center;
}

#success-display p {
	margin: 10px auto;
}

#success-display a {
	text-decoration: none;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
	text-align: center;
	margin: 8px auto;
	width: 200px;
	padding: 5px;
	display: block;
	border: 1px solid #314594;
	color: #314594;
	background-color: #E4E6F1;
}

#success-display a:hover {
	color: #314594;
	background-color: #D1D5E8;
}

.admin-box-heading {
	background-color: #5366B4;
	padding: 5px 5px 5px 5px;
	margin: 0;
	color: #fff;
	border: 1px solid #5366B4;
	border-bottom: none;
	font-size: .8em;
	font-weight: bold;
}

.admin-box {
	padding: 5px;
	border: 1px solid #5366B4;
	margin-bottom: 20px;
}

.updated-data {
	border: 1px solid #5366B4;
	padding: 5px;
}

/***** Portal *****/
#portal-group {
	text-align: left;
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #fefefe;
}

#portal-group div.portal {
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	width: 380px;
	background-color: #fefefe;
}

#portal-group div.portal h1 {
	clear: both;
	margin: 0px;
	font: bold .7em Arial, Helvetica, sans-serif;
	padding: 2px 0px 2px 8px;
	letter-spacing: .1em;
	color: #AC0000;
	background-color: #E4E6F1;
	border-top: 1px solid #314594;
	border-right: 1px solid #314594;
	border-bottom: 1px solid #314594;
	border-left: 15px solid #AC0000;
}

#portal-group div.portal img {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #314594;
	border-bottom: 1px solid #314594;
	border-left: 1px solid #314594;
}

#portal-group div.portal p {
	margin: 10px 15px 0 151px;
	padding: 0;
	font-size: .8em;
	font-weight: bold;
	color: #314594;
	background-color: #fff;
	line-height: 1.5em;
}

#portal-group a {
	display: block;
	text-decoration: underline;
}

#portal-group a:link {
	color: #314594;
	background-color: #fff;
}

#portal-group a:visited {
	color: #888;
	background-color: #fff;
}

#portal-group a:hover {
	color: #314594;
	background-color: #fff;
	text-decoration: none;
}

/* Agent Bio */
#middle-column div.agent-bio {
}

#middle-column div.agent-bio img {
	float: right;
	border: 1px solid #000;
	margin: 12px 0px 10px 15px;
}

#middle-column div.agent-bio h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: .8em;
	margin: 0px 0 12px 0;
	padding: 0;
}

#middle-column div.agent-bio h3 {
	font-size: .75em;
	margin: 20px 0 4px 0;
	padding: 0;
}

#middle-column div.agent-bio p {
	font-size: .75em;
	margin: 0px 0px 6px 0px;
	padding: 0;
}

#middle-column div.agent-bio ul {
	list-style-type: none;
	margin: 0px 0 0px 0;
	padding: 0;
}

#middle-column div.agent-bio li {
	margin: 0 0 2px 0;
	padding: 0;
}

#middle-column div.agent-bio li ul {
	margin: 2px 0 10px 12px;
	font-size: 1em;
}

/* Assistant Group */
#middle-column div#assistant-group {
clear:both;
	text-align: center;
	padding: 0;
	margin: 20px 0 20px 0;
	width: 387px;
}

#middle-column #assistant-group div.assistant {
	float: left;
	border: 1px solid #D1D5E8;
	margin: 0 8px 8px 0;
	padding: 6px;
	text-align: center;
	height: 172px;
}

#middle-column #assistant-group div.assistant p {
	font-size: .7em;
	margin: 0px 0 0 0;
	padding: 0;
}

#middle-column #assistant-group div.assistant img {
	border: 1px solid #314594;
	margin: 0px;
	padding: 0;
}

#middle-column #assistant-group h3 {
	text-align: left;
	font-size: .75em;
	margin: 0 0 8px 0;
	padding: 0;
}

/**** Childrens Miracle Network Golf Tournament *****/
/* Home page ad */
#cmn-ad-wrapper {
float:left;
width:380px;
border:1px solid #ccc;
margin:10px 0 20px;
}
#cmn-ad {
	padding:15px 10px 15px 15px;
}
#cmn-ad h2 {
	margin-top:0;
	padding-top:0;
}
#cmn-ad img {
	float:right;
	margin:0px 0 10px 10px;
}
/* CMN Landing page */
#mainPhoto {
	float:right;
	margin:0 0 20px 20px;
}
#mainPhoto img {
	border:1px solid #ccc;
}
#mainPhoto p.kid-name {
color:#273776;
background:#fff;
text-align:center;
font:bold 1.5em "Comic Sans MS", "Kristen ITC", arial, sans-serif;
}
#mainPhoto p.kid-name span.kid-town {
display:block;
color:#000;
background:#fff;
font:bold .6em "Comic Sans MS", "Kristen ITC", arial, sans-serif;
text-align:center;
}

table.cmn-donation-record {
font-size:.8em;
width:150px;
}
table.cmn-donation-record td {
	padding:6px;
}
table.cmn-donation-record td.donation-year {
	text-align:right;
}
table.cmn-donation-record td.donation-amount {
	text-align:right;
}

/* CMN registration page */
form#cmn-registration-form {
margin:20px auto;
}
form#cmn-registration-form table thead {
padding-bottom:20px;
}

form#cmn-registration-form table th {
text-align:center;
background-color:#333;
color:#fff;
text-transform:uppercase;
}
form#cmn-registration-form table td {
font-size:.8em;
padding:.3em 0;
}
form#cmn-registration-form table tbody tr.group-bottom-row td {
border-bottom:1px solid #ccc;
padding-bottom:1em;
}
form#cmn-registration-form table tbody tr.group-top-row td {
padding-top:1em;
}
form#cmn-registration-form table td h2,
form#cmn-registration-form table td p {
font-size:1em;
}

/* --- REGIONS --- */

/*  Right column is removed in the source code. Middle column right margin is reduced to accomodate the tables. */
body#centreCountyRegions #middle-column {
	margin-right: 20px;
}

/* Text in first paragraph wraps around this spacer
to avoid being covered by the balloon graphic. */
body#centreCountyRegions img.spacer {
	float:right;
	
}

/* Data Tables */
table.region-data {
	margin:10px 0 20px;
}
table.region-data thead tr {
	background-color:#273776;
	color:#fff;
}
table.region-data thead tr th {
	font-size:.7em;
	border:1px solid #fff;
	padding:4px 2px;
	font-weight:normal;
	border-collapse: collapse;
	text-align:center;
}
table.region-data td {
	font-size:.7em;
	padding:4px 2px;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
table.region-data td.align-right,
table.region-data th.align-right {
text-align:right;
}
table.region-data td.align-center,
table.region-data th.align-center {
text-align:center;
}
table.region-data td.align-left,
table.region-data th.align-left {
	text-align:left;
}

/* Data Sources */
div#region-data-sources h3,
div#region-data-sources h4,
div#region-data-sources h5,
div#region-data-sources ul {
	font-size:.7em;
}
div#region-data-sources ul {
	list-style: disc;
}


/* --- RIGHT COLUMN --- */
#right-sidebar {
	margin: 10px 0 20px 0;
	text-align: center;
	color: #314594;
	background-color: #fff;
	border-left: 1px solid #E4E6F1;
	width: 149px;
}

#right-sidebar img {
	border: 1px solid #000;
}

#right-sidebar p.testimonialHeading {
	border-top: 2px solid #E4E6F1;
	border-bottom: 2px solid #E4E6F1;
	padding: 3px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #5366B4;
}

#right-sidebar p.quote {
	text-align: center;
	padding: 8px 10px;
	margin-left: 0px;
	font: normal 17px/1.3em  georgia,"times new roman",times,serif;
}

#right-sidebar p.quotee {
	font: bold 12px/1.2em  arial,verdana,helvetica,sans-serif;
	margin: 0 10px;
	margin-bottom: 20px;
}

#right-sidebar span.quotee-location {
	font: normal 12px/1.2em arial,verdana,helvetica,sans-serif;
	padding-bottom: 20px;
}

#right-sidebar p.factoid {
	border-top: 1px solid #E4E6F1;
	text-align: left;
	padding: 10px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	font: normal .7em/1.3em arial,verdana,helvetica,sans-serif;
}

/* --- FOOTER --- */
#footer {
	text-align: center;
	font-size: .65em;
	padding: 20px 20px;
	margin-top: 20px;
	margin-left: 150px;
	border-top: 1px solid #E4E6F1;
	width: 550px;
}

#footer p {
	margin: 4px 10px;
}
#footer ul {
margin:0 auto 10px;
	font-size:1em;
}
#footer ul li {
	display: inline;
	border-right:1px solid #000;
	padding:0 5px;
}
#footer ul li.last-link {
	border:none;
}

#footer a {
	text-decoration: underline;
}

#footer a:link {
	color: #314594;
	background-color: #fff;
}

#footer a:visited {
	color: #666;
	background-color: #fff;
}

#footer a:hover {
	color: #314594;
	background-color: #fff;
	text-decoration: none;
}

/* --- MISC CLASSES --- */
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.small {
	font-size: .5em;
}

.smaller {
	font-size: smaller;
}

.callAttention {
	color: #FF0000;
}

.clear-both {
	clear: both;
}
.inset-photo {
	border:1px solid #000;
}

/* Agent links to external sites */
.agent-external-sites {
	clear:both;
}

.link-box {
	float: left;
	margin: 20px 8px 20px 0;
}

.link-box a {
	font-size: .7em;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 15px;
	text-decoration: none;
	background: url(../images/global/link-box-glyph.gif) no-repeat left;
}

.link-box a:link {
	color: #00196D;
	background-color: #E4E6F1;
}

.link-box a:visited {
	color: #00196D;
	background-color: #E4E6F1;
}

.link-box a:hover {
	color: #00196D;
	background-color: #D1D5E8;
}

.link-box a:active {
	color: #00196D;
	background-color: #E4E6F1;
}

.link-glyph {
	font-weight:bold;
	color:#f00;
}

/* ----- Lists ----- */
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}

ul.horizontal-list  {
	margin:0;
	padding:0;
	list-style:none;
}
ul.horizontal-list li {
	display:inline;
		padding:0em;
		margin:.5em;
}
ul.horizontal-list li a {
font-weight:bold;
	padding:.5em 1em;
	border:1px solid #ccc;
	background-color:#e4e6f1;
	overflow: hidden;
}
ul.horizontal-list li a:hover {
	background-color:#d1d5e8;
}