/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
    margin: 0;
    padding: 0;
}

body, html, #container {
    min-height: 100%;
    width: 100%;
    height: 100%;
}

html>body, html>body #container {
    height: auto;
}

body {
    font-size: 0.8em;
    font-family: sans-serif;
    background: #fff url(/static/images/bg-body.gif) repeat-x;
    color: #444;
}

a {
    text-decoration: none;
}

p {
    font-family: sans-serif;
    text-align: left;
    margin-top: .2em;
    margin-bottom: .5em;
}

strong {
    color: black;
}

h1, h2, h3, h4, h5, h6, table caption {
    font-family: serif;
    font-family: "Segoe UI",Tahoma,Verdana,sans-serif;
    font-weight: bold;
    color: black;
    /*font-style: italic;*/
}


h2 {
    margin-bottom: .8em;
    font-family: serif;
    font-weight: bold;
    font-style: italic;
}

/* Forms */
input, textarea, select {
}

/* Footnotes */

a.footnote {
    font-size: 70%;
    vertical-align: top;
}

a.footnote:visited {
    color: blue;
}

ul.footnotes {
    list-style: none;
    clear: both;
}

/* Menu Boxes */

div.on_page_menu {
    border: 2px outset #d7b9c9;
    margin-bottom: 3em;
}

/* site id and utility links
==============================================================================*/
/*
h1 {
    position: relative;
    height: 60px;
}
    h1 a {
        display: block;
        position: absolute;
        top: 20px;
        overflow: hidden;
        background-color: #5c5349; 
        font: normal 1.0ex/1.0ex 'lucida grande', tahoma, sans-serif;
        font: normal 80% 'lucida grande', tahoma, sans-serif;
        text-decoration:none;
    }
    h1 a img {
        border: 0;
    }
*/

#logo {
    /* So logo doesn't have light grey under it. */
    position: absolute;
    top: 25px;
    left: 5px;
}

#logo img {
    border: 0;
}

#Login {
    position: absolute;
    top: 30px;
    right: 2%;
    /*
    font: normal 1.0em/1.0em 'lucida grande', tahoma, sans-serif;
    font: normal 1.0em 'Comic Sans MS';
    */
    color: #796f65;
}
    #Login a {
        text-decoration: none;
        color: #ff9300;
        color: #fff;
    }
    #Login a:hover {
        color: #eae7d2;
    }
#index_links {
    padding-top: 15px;
    text-align: left;
}
#index_links a {
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    color: blue;
    text-decoration: underline;
}

/* layout setup
==============================================================================*/
#container,
#tccnet,
#wrapper {
    position: absolute;
    top: 0;
    /*margin: 0 auto;*/
    /*width: 768px;*/
    width: 100%;
}

#tccnet {
    z-index: 50000; /* ensures dropdown is clickable */
}
#wrapper {
    text-align: left;
}
#obligatorySidebar {
    position: relative;
    float: right;
    margin: 0;
    width: 256px;
}
#content {
    text-align: center;
    margin-top: 120px;
    margin-bottom: 5em;
    padding-left: 10px;
    padding-right: 10px;
}

div.one_column {
  width: 800px;
  margin: auto;
}

#content a:link, a:visited {
    text-decoration: underline;
}

span.fielderror {
    color: red;
}

form {
    text-align: left;
}

form.listform {
    text-align: left;
    list-style: none;
    margin-top: .8em;
}

form.listform ul {
    list-style: none;
}

form.listform ul li {
    padding: .2em;
}

span.required_mark {
    color: red;
}

label.fieldlabel {
    display: block;
    color: #752626;
    font-weight: bold;
}

input, textarea, select {
    /*color: #752626;*/
    background: #ddd;
    border: solid black 1px;
}

input.submitbutton {
    color: #fff;
    background: #752626;
    background: #752626;
    border: 2px outset #d7b9c9;
}

fieldset
{
    border: solid black 1px;
    padding: .5em;
    padding-bottom: .8em;
    margin-top: .8em;
    margin-bottom: .8em;

}

fieldset div {
    padding: .3em .8em;
}

legend
{
    color: #fff;
    background: #752626;
    border: solid black 1px;
    padding: 2px 6px;
    margin-left: .8em;
}

#site_footer {
    /*
    position: absolute;
    bottom: 0;
    width: 70%;
    text-align: center;
    padding: 5px 15%;
    border-top: solid black 1px;
    background-color: #5c5349;
    color: #fff;
    clear: both;
    */
    clear: both;
    height: 1.2em;
    border-top: solid #752626 5px;
    padding: .3em 15%;
    /*
    background-color: #5c5349;
    color: #fff;
    */
    text-align: center;
}

/* top-level navigation
==============================================================================*/
/* Tab Stuff
 * Quite Nice.  Based on example from http://kalsey.com/tools/csstabs/
 */
#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
    /*
	padding-left : 10px;
    */
	padding-bottom : 19px;
}

#menu_container {
    position: absolute;
    top: 60px;
    left: 10px;
    width: 90%;
    width: 98%;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	background : #fff;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
	color : #fff;
    background: #752626; /* Other maroon. */
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a
{
	background : #fff;
    background: #752626;
	border-bottom : 1px solid #fff;
	border-bottom : 1px solid #752626;
	color : #000;
	color : #fff;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4, 
#menu #subnav-5 
{
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5
{
	display : inline;
	position : absolute;
	left : 10px;
	top : 27px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a
{
	background : #fff;
    background: #752626;
	border : none;
	border-left : 1px solid #ccc;
	color : #fff;
	/*font-size : smaller;*/
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 3px 10px;
}

#menu ul a:hover {
    text-decoration: underline;
	color : #fff !important;
}

/* quicksearch
==============================================================================*/
#quicksearch {
    text-align: left;
}
#qs_room_mode_exact {
    margin-right: 0;
}
div.qs_top_links a {
    margin-right: 5px;
}
table.grid {
    /*width: 600px;*/
}

/* real estate
==============================================================================*/