/* ------------------------------------------------------------------------------ tag specific css */

	html, body, table, input, textarea, select, th, tr, td, ul, li, span, div, p, h1, h2, h3 {
		font-size: 100%; /* IE is bad at resizing, so defining this here gives it a base to work from */
		font-family:Verdana, Arial, sans-serif;
		color:#444444;
	}
	
	html, body, textarea, table, th, tr, td, ul, li, span, div, p, h1, h2, h3 {
		line-height:150%;
	}
	
	html, body {
		height:100%;
	}
	
	body {
		background-color:#cccccc;
		margin:0px;
		padding:0px;
		font-size: 70%;
		behavior:url(/_css/csshover.htc);
	}
	
	a {
		text-decoration:none;
		color:#871F1C;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	a img {
		border:none;
	}
	
	h1 {
		font-family: Helvetica, Arial, sans-serif;
		font-size:150%;
		color:#ffffff;
		margin:0px;
	}
	
	h1 a:hover{
		color:#DEA635;
		text-decoration:none;
	}
	
	h2 {
		font-family: Helvetica, Arial, sans-serif;
		font-size:150%;
		color:#871F1C;
		margin:0px;
	}
	
	h3 {
		font-size:110%;
		margin:0px;
		color:#871F1C;
	}
	
	h4 {
		font-size:100%;
		margin:0px;
		color:#871F1C;
	}
	
	hr {
        width:95%;
        margin:0.7em 0px 0.7em 0px;
        padding:0px;
        border-top:solid 1px #CCCCCC;
        border-right:none;
        border-bottom:none;
        border-left:none;
	}
	
	dt {
        margin-bottom:5px;
	}

/* ------------------------------------------------------------------------------ layout positioners */

	#id_pagewrapper {
		min-height: 100%; /* For Modern Browsers */
		height: auto !important; /* For Modern Browsers */
		height: 100%; /* For IE */
	}
	
	.css_layout_container {
		position:relative;
		clear:both;
		z-index:100;
	}
	
	.css_layout_left {
		width:75%;
	}
	
	.css_layout_right {
		position:absolute;
		top:0px;
		right:0px;
		width:24%;
		text-align:right;
	}

/* ------------------------------------------------------------------------------ page header */

	.css_header {
		position:relative;
		padding:10px 25px 10px 25px;
		background-color:#000000;
		line-height:0px;
		height:50px;
	}

/* ------------------------------------------------------------------------------ navigation */

	.css_navigation {
		position:relative;
		padding:0px 25px 0px 25px;
		background-color:#828282;
		height:25px;
		z-index:150;
	}
	
	ul.css_navigation_items {
		padding:0px;
		margin:0px;
	}
	
	li.css_navigation_items_main {
		padding:0px;
		margin:0px;
		border-right:1px solid #EAEAEA;
		text-transform:uppercase;
	}
	
	li.css_border_left {
		border-left:1px solid #EAEAEA;
	}
	
	.css_navigation .css_layout_left a {
		display:block;
		padding-left:15px;
		padding-right:15px;
		line-height:25px;
		text-decoration:none;
		cursor:pointer;
	}
	
	.css_navigation .css_layout_left a:hover {
		background-color:#CCCCCC;
	}
	
	.css_navigation .css_layout_left a.css_nav_selected {
		background-color:#CCCCCC;
		font-weight:bold;
	}
	
	ul.css_navigation_subitems li {
		border-top:1px white solid;
		width:200px;
		background-color:#828282;
	}
	
	.css_logout {
		color:#FFFFFF;
		font-size:80%;
	}
	
	.css_logout a {
		text-decoration:underline;
		color:#FFFFFF;
	}

/* ------------------------------------------------------------------------------ suckerfish subnav */

	#css_navigation_items li:hover {
	    position: static;
	}
	
	#css_navigation_items, #css_navigation_items ul { /* all lists */
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	
	#css_navigation_items li { /* all list items */
		float: left;
		display:block;
		z-index:200;
	}
	
	#css_navigation_items li ul { /* second-level lists */
		position: absolute;
		z-index:300;
		left: -999em;
	}
	
	#css_navigation_items li ul li {
		clear:both;
	}
	
	#css_navigation_items li:hover ul  { /* lists nested under hovered list items */
		left: auto;
	}

/* ------------------------------------------------------------------------------ mainarea */

	.css_mainarea {
		min-height:400px;
		padding:25px 25px 80px 25px;
	}
	
	.css_mainarea .css_layout_left {
		min-width:600px;
	}
	
	.css_mainarea .css_layout_right {
		text-align:left;
	}
	
	.css_mainarea .css_layout_right *{
	}
	
	.css_mainarea .css_mainarea_border {
		background-color:#FFFFFF;
		padding:5px;
	}
	
	.css_mainarea .css_mainarea_container {
		background-color:#FFFFFF;
		padding:10px;
		border:1px #CCCCCC solid;
	}
	
	.css_mainarea .css_highlight_green, .css_mainarea .css_highlight_red {
		text-align: left;
		border: 1px solid #ccc;
		padding: 5px 5px 5px 30px;
		margin: 12px auto 12px auto;
		margin-right: 7px;
	}
	
	.css_mainarea .css_highlight_green {
		border-color: #9c9;
		color: #006600;
		background: url(/_images/alertgood_icon.gif) #E2F9E3 left no-repeat;
	}
	
	.css_mainarea .css_highlight_red {
		border-color: #c99;
		color: #FFFFFF;
		background: url(/_images/alertbad_icon.gif) #c00 left no-repeat;
	}
	
	.css_mainarea .css_indent {
		margin-left:50px;
		margin-right:50px;
	}
	
	.css_mainarea dl {
	    clear:left;
	}
	
	.css_mainarea dl.css_dlrow {
	    margin:2px 50px 6px 50px;
	    padding:0px;
	}
	
	.css_mainarea dl.css_dlrow dt {
		float: left;
		width: 180px;
		line-height:150%;
	}
	
	.css_mainarea dl.css_dlrow dd {
		line-height:150%;
		color: #666;
		margin-left: 180px;
	}
	
	.css_mainarea dt *, .css_mainarea dd * {
		vertical-align:middle;
	}
	
	.css_mainarea dl.css_subsection {
	    margin:2px 50px 6px 0px;
	    padding:0px;
	    border-bottom:solid 1px #cccccc;
	}
	
	.css_mainarea dl.css_subsection dt {
		line-height:150%;
	}
	
	.css_mainarea dl.css_subsection dd {
		margin-left:0px;
		padding-left:0px;
	}	
	
	.css_mainarea dd dl {
		width:100%;
	}
	
	.css_mainarea dd dl dt {
		line-height:120%;
	}
	
	.css_mainarea dd dl dd {
		margin-left:180px;
		line-height:120%;
		margin-bottom:5px;
	}
	
	.css_mainarea input[type="text"], .css_mainarea input[type="password"], .css_mainarea input[type="file"], .css_mainarea textarea {
		width:80%;
		padding:2px 5px 2px 5px;
		margin:0px;
		border:1px solid #CCCCCC;
	}
	
	.css_mainarea select {
		width:80%;
		padding:2px 2px 2px 5px;
		margin:0px;
		border:1px solid #CCCCCC;
	}
	
	.css_mainarea textarea {
		height:10em;
	}
	
	.css_mainarea input[type="submit"], .css_mainarea input[type="button"] {
		text-transform:uppercase;
		padding:2px 10px 2px 10px;
	}
	
	.css_mainarea .css_required, .css_mainarea input.css_required, .css_mainarea textarea.css_required, .css_mainarea select.css_required {
		border:1px solid #FFBFBF;
	}
	
/* ------------------------------------------------------------------------------ datagrid */

	table.css_datagrid {
		width:100%;		
		border: 1px solid #999999;
	}
	
	table.css_datagrid td {
		margin:0px;
		padding:2px 4px 2px 4px;
		border-bottom: 1px solid #DFDFDF;
		border-left: 1px solid #DFDFDF;
		border-right: 1px solid #DFDFDF;
	}
	
	table.css_datagrid tr.css_rowcolour_titlebar {
		background-color:#ccc;
		text-transform:uppercase;
	}
	
	table.css_datagrid tr.css_rowcolour_titlebar td {
		border-left:0px;
		border-right:0px;
		border-bottom: 1px solid #999999;
		cursor:pointer;
	}
	
	table.css_datagrid tr.css_rowcolour_titlebar td.css_titlebarnull {
		cursor:auto;
	}
	
	table.css_datagrid tr.css_rowcolour_titlebar td.css_titlebarhighlight {
		background-color:#000000;
		color:#FFFFFF;
		border-bottom: 1px solid #000000;
	}
	
	.css_rowcolour_odd {
		background-color:#FFFFFF;
	}
	
	.css_rowcolour_even {
		background-color:#EEEEEE;
	}
	
	.css_row_enabled, .css_row_enabledstrong {
		cursor:pointer;
	}
	
	.css_row_enabledstrong * {
		color:#871F1C;
		font-weight:bold;
	}
	
	.css_row_enabled:hover, .css_row_enabledstrong:hover {
		background-color:#86201C;
		color:#FFFFFF;
	}
	
	.css_row_enabled:hover *, .css_row_enabledstrong:hover * {
		color:#FFFFFF;
	}
	
	.css_row_strong:hover * {
		color:#FFFFFF;
	}
	
	.css_rowtest{
		font-size:500%;
	}
	
	div.css_datasearch {
		background-color:#FFFFFF;
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	div.css_datasearch_contents {
		padding:5px;
		border:1px #CCCCCC solid;
	}
	
	div.css_datasearch_contents * {
		vertical-align:middle;
	}
	
	div.css_datasearch input, div.css_datasearch select {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	div.css_datasearch input[type="text"] {
		padding:2px 5px 2px 5px;
		width:90%;
	}
	
	div.css_datasearch select {
		padding:2px 2px 2px 5px;
		width:90%;
	}
	
	div.css_datasearch input[type="button"] {
		text-transform:uppercase;
		padding:2px 10px 2px 10px;
	}
	
	ul.css_options {
		margin:0px 0px 0px 25px;
		padding:0px 0px 0px 0px;
	}
	
	ul.css_options li {
		margin:0px 0px 0px 0px;
		padding:2px 0px 2px 0px;
		line-height:120%;
	}
	
	div.css_imagegrid {
	    border: 1px solid #999999;
	    background-color:#EEEEEE;
	    min-height:160px;
	}
	
	div.css_imagegrid_item {
	    background-color:#FFFFFF;
	    height:140px;
	    width:140px;
	    line-height:136px;
        border: 1px solid #DFDFDF;
	    margin:4px;
	    float:left;
	    text-align:center;
	}
	
	div.css_imagegrid_item * {
	    vertical-align:middle;
	}
	
	div.css_imagegrid a {
	    width:140px;
	    height:140px;
	    display:block;
	}
	
	div.css_imagegrid a:hover {
	    background-color:#86201C;
	}
	
	div.css_imagegrid a img {
	}
	
	.css_draghandle	{
	    cursor:move;
	}

/* ------------------------------------------------------------------------------ progress bar */

    #id_progress{
		position:relative;
		width:100%;
	}
	#id_progress_bar{
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		width:100%;
		display:none;
		background-color:#CCCCCC;
	}
	#id_progress_text{
		position:absolute;
		top:0;
		left:0;
		z-index:200;
		width:100%;
		text-align:center;
		color:Black;
	}
	
/* ------------------------------------------------------------------------------ slideshow builder */

	.css_slideshow_imgbox {
		float:left;
		width:160px;
		margin:0px 20px 60px 0px;
		padding:0px;
		display:block;
	}
	
	.css_slideshow_imgthumb {
		overflow:hidden;
		width:160px;
		height:160px;
		line-height:160px;
		background-color:#cccccc;
		text-align:center;
		padding:0px;
		vertical-align:middle;
		cursor:pointer;
		display:block;
		position:relative;
	}
	
	.css_slideshow_imgthumb * {
	    vertical-align:middle;
	}
	
	.css_slideshow_imgthumbbutton {
		position:absolute;
		width:160px;
		height:160px;
		top:0px;
		left:0px;
	}
	
	.css_slideshow_imgfields input, .css_slideshow_imgfields input[type="text"], .css_slideshow_imgfields textarea {
	    width:60%;
	    margin-bottom:10px;
	}
	

/* ------------------------------------------------------------------------------ footer */

	.css_footer {
		background-color:#000000;
		padding:15px 25px 25px 25px;
		color:#FFFFFF;
		font-size:80%;
		clear:both;
		height:15px;
		position:relative;
		margin-top:-55px;
		z-index:1;
	}
	
	.css_footer .css_layout_left * {
		vertical-align:middle;
	}
	
	.css_footer .css_layout_right * {
		vertical-align:middle;
	}
	
	.css_footer a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	.css_footer a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}