/*******************************************************************
 *                        Global                                   *         
 ******************************************************************/


* {
	padding: 0;
	margin: 0;
}

img {
	display: block;
	border: 0;
}

img.framed {
	display: inline;
	border: 2px solid #d4cabe;
	padding: 10px;
}

img.floatRight {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #336;
}

img.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #336;
}

img.bordered {
	margin: 0 0 10px 0;
	border: 1px solid #336;
}

.clearAll {
	clear: both;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}


html, body {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/bodyBgTile.gif) repeat left top #FFECD0;
	margin: 10px;
}

hr {
	color: #663300;
	height:1px;
}

ul {
	margin: 0 0 1em 1.5em;
}

li {
	padding: 0 0 0 0.5em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 0 0;
	color:#336;
}

li li {
	font-size: 1em;
}

/*
ul {
	list-style: none;
	margin: 0 0 1em 0;
}

li {
	display: block;
	padding: 0 0 0 10px;
	background: url(/images/arrowDkBrwn.gif) no-repeat 0 0.25em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 0 0;
	color:#666;
}
*/



/*******************************************************************
 *                        Typography                               *         
 ******************************************************************/

body, p, a, div, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

td, p, body {
	color: #336;
}

input, textarea, select {
	color: #336;
}

a:link {  color: #336; text-decoration: underline}
a:visited { color: #336; text-decoration: underline }
a:hover { color: #C00; text-decoration: underline }
a:active { color: #C00; text-decoration: underline }

p {
	line-height: 120%;
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 1em;
}

h1 {
	color: #336;
	font-size: 1em;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 1em;
}

h2 {
	color: #C00;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 1em;
}

h3{
	color: #48302b;
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	margin-top: 0;
	margin-bottom: 1em;
}

.error, .messages {
	color: #c00;
	font-size: 0.8em;
	font-weight: bold;
}



/*******************************************************************
 *                       Main Structure                            *         
 ******************************************************************/

#outerTbl {
	width: 770px;
	border-collapse: collapse;
	border: 1px solid #336;
	background: #336;
	margin: 0 auto;
}

#headerTbl {
	width: 100%;
	border-collapse: collapse;
	background: #FFECD0;
}

td.rightPanelEdge {
	width: 7px;
	background: url(/images/rhs_panel_left_edge.gif) repeat-y left top #336;
}

td.rightPanel {
	width: 135px;
	background: #336;
	padding: 10px 0;
}

td.rightPanel p {
	margin-left: 10px;
	margin-right: 10px;
	color: #fff;
	font-size: 11px;
}

td.rightPanel a:link {  color: #fff; text-decoration: underline}
td.rightPanel a:visited { color: #fff; text-decoration: underline }
td.rightPanel a:hover { color: #C00; text-decoration: underline }
td.rightPanel a:active { color: #C00; text-decoration: underline }

#topBarTop {
	height: 3px;
	background: url(/images/bar_top_tile.gif) repeat-x left top #fc6;
}

#topBar {
	background: #fc6;
}

#topBar p {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	margin: 0 17px;
	line-height: 150%;
}

#topBarBtm {
	height: 3px;
	background: url(/images/bar_bottom_tile.gif) repeat-x left top #fc6;
}

#columnsTbl {
	width: 100%;
	border-collapse: collapse;
}

#leftCol {
	width: 150px;
	background: url(/images/menu_bg_tile.gif) repeat-y left top #336;
}

#menuTbl {
	width: 100%;
	border-collapse: collapse;
}

td.menuItemTd {
	width: 121px;
	background: url(/images/menu_item_bg.gif) no-repeat left top;
	font-weight: bold;
	font-size: 11px;
	color: #ddd;
	padding-left: 15px
}

td.menuItemTd a:link {  color: #ddd; text-decoration: none}
td.menuItemTd a:visited { color: #ddd; text-decoration: none }
td.menuItemTd a:active { color: #FFF; text-decoration: none }
td.menuItemTd a:hover { color: #FFF; text-decoration: none }

td.menuImgTd {
	width: 29px;
}

#mainContent {
	padding: 10px;
	background: #FFECD0;
}

#messageBox {
	border: 1px solid red;
	padding: 20px;
	text-align: left;
	margin-bottom: 30px;
}

#messageBox p, #messageBox li {
	text-align: left;
	color: red;
	font-weight: bold;
}

#back {
	font-size: 0.8em;
	margin: 1em 0;
	float: left;
}

#top {
	font-size: 0.8em;
	margin: 1em 0;
	float: right;
}

#btmBarTop {
	height: 3px;
	background: url(/images/bar_top_tile.gif) repeat-x left top #fc6;
}

#btmBarTbl {
	width: 100%;
	border-collapse: collapse;
	background: #fc6;
}

#btmBarTbl p {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	margin: 0 17px;
	line-height: 150%;
}

#btmBarTbl a:link {  color: #c00; text-decoration: underline}
#btmBarTbl a:visited { color: #c00; text-decoration: underline }
#btmBarTbl a:active { color: #336; text-decoration: underline }
#btmBarTbl a:hover { color: #336; text-decoration: underline }

#btmBarBtm {
	height: 3px;
	background: url(/images/bar_bottom_tile.gif) repeat-x left top #fc6;
	margin-bottom: 20px;
}



/*******************************************************************
 *                            Home page                            *         
 ******************************************************************/

.homeTitleSub {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
}





/*******************************************************************
 *                         Contact page                            *         
 ******************************************************************/

#contactFormTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}

#contactFormTable td {
	padding: 3px;
	font-size: 0.8em;
}