/* general page style */
/*p, form, table {
	margin: 0px;
	padding: 0px;
}*/
body, html {
	margin: 0px;
	background-color: #000000;
	background-image:url("http://www.unofficialtexmurphy.com/images/backgroundLoop.jpg");
	background-repeat:repeat-x;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
img {
	border:0px;
	margin:0;
	padding:0;
}

/* DIV layouts */
#mainContainer {
	margin: 0px auto;
	width: 970px;
	height: auto;
	text-align: left;
}
#banner {
	height:115px;
}
#siteHeader {
	width: 970px;
	height: 265px;
	background-image: url("http://www.unofficialtexmurphy.com/images/header-sanfran.jpg");
	background-repeat: no-repeat;
	clear: both;
}
#sitelogo {
	width:365px;
	height:145px;
	margin:20px 0 0 5px;
	float:left;
}

/*SITE MENU*/
#sitemenu {
	position:relative;
	margin-right:150px;
	margin-top:76px;
	width:440px;
	height:45px;
	float:right;
	z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
#sitemenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sitemenu li {
	float:left;
	width:auto;
	position:relative;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sitemenu ul ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:45px;
	width:189px;
	border-right:#1D1D1E solid 1px;
	border-bottom:#1D1D1E solid 1px;
	border-left:#1D1D1E solid 1px;
}
/* style the second level links */
#sitemenu ul ul a, #sitemenu ul ul a:visited {
	background:#000000;
	color:#FFFFFF; 
	height:auto; 
	padding:8px 12px; 
	width:165px;
	margin:0;
	/*border-left: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;*/
}
/* position the second level flyout menu for a left flyout */
#sitemenu ul ul.left {
	position: absolute;
	right: 0px;
}
#sitemenu ul ul.left a, #sitemenu ul ul.left a:hover {
	margin-left:0px;
}

/* style the top level hover */
#sitemenu ul ul a.firstchoice {
	background-repeat: repeat-x;
	border-top: #1a1a1c solid 1px;
}
#sitemenu ul ul a.firstchoice:hover {
	background-repeat: repeat-x;
	border-top: #1a1a1c solid 1px;
}

/* style the links for the top level */
#sitemenu a, #sitemenu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#fff; 
	width:auto; 
	height:45px; 
}
/* style the third level background */
#sitemenu ul ul ul a, #sitemenu ul ul ul a:visited {
	background:#FFFFFF;
	border-left: #1c2172 solid 4px;
	border-right: #CCCCCC solid 1px;
	color: #000000;
}
/* style the third level hover */
#sitemenu ul ul ul a:hover {
background:#CCCCCC;
border-left: #1c2172 solid 4px;
border-right: #CCCCCC solid 1px;
color: #000000;
}

/* position the third level flyout menu */
#sitemenu ul ul ul{
left:170px; 
top:0px;
width:150px;
}

/* position the third level flyout menu for a left flyout */
#sitemenu ul ul ul.subleft {
left:-173px;
}
#sitemenu ul ul ul.subleft a, #sitemenu ul ul ul.subleft a:visited {
background: #FFFFFF;
border-left: #CCCCCC solid 1px;
border-right: #1c2172 solid 4px;
color: #000000;
}
#sitemenu ul ul ul.subleft a:hover {
background: #CCCCCC;
border-left: #CCCCCC solid 1px;
border-right: #1c2172 solid 4px;
color: #000000;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#sitemenu table {position:absolute; top:0; left:0;}


#sitemenu a:hover, #sitemenu ul ul a:hover{
color:#fff; 
background:#201e19;
}
#sitemenu :hover > a, #sitemenu ul ul :hover > a {
color:#fff;
background:#201e19;
}

/* make the second level visible when hover on first level list OR link */
#sitemenu ul li:hover ul, #sitemenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#sitemenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#sitemenu ul :hover ul :hover ul{ 
visibility:visible;
}

#sectiontitle {
	margin:60px 0 0 45px;
	float:left;
	clear:both;
	display:inline;
}


#siteMiddle {
	position: relative;
	left: 0px;
	top: 0px;
	width: 970px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-image:url("http://www.unofficialtexmurphy.com/images/siteMiddleBG.jpg");
	background-repeat:repeat-y;
	float:left;
	clear:both;	
}
#siteMiddleLayout {
	width: 970px;
	margin: 0px;
	padding: 0px;
}
#siteLeftEdge {
	width: 26px;
	background-image: url("http://www.unofficialtexmurphy.com/images/leftSide-loop.jpg");
	background-repeat: repeat-y;
	float:left;
}
#siteLeftEdgeTop {
	position: relative;
	left: 0px;
	top: 0px;
	width: 26px;
	height: 503px;
	background-image: url('http://www.unofficialtexmurphy.com/images/leftSide.jpg');
}
#contentLayout {
	width: 756px;
	height: auto;
	background-image: url("http://www.unofficialtexmurphy.com/images/header-div-strip.jpg");
	background-repeat: no-repeat;
	background-color: #090909;
	padding: 15px;
	z-index:1;
	float: left;
}
.contentDisplay {
	width:100%;
}

#home_mirror {
	padding:10px;
	width:235px;
	height:auto;
	float:left;
	margin:0;
	clear:both;
	color:#111111;
	font-family:'Times New Roman', Times, serif;
	font-size:18px;
	font-weight:bold;
	background-color:#FFFFFF; 
}
#home_mirror a:link, #home_mirror a:visited {
	color:#111111;
	text-decoration:none;
}
#home_mirror a:hover, #home_mirror a:active {
	color:#111111;
	text-decoration:underline;
}

#siteRightEdge {
	width: 158px;
	background-image: url("http://www.unofficialtexmurphy.com/images/rightSide-loop.jpg");
	background-repeat: repeat-y;
	float:right;
}
#siteRightEdgeTop {
	position: relative;
	left: 0px;
	top: 0px;
	width: 158px;
	min-height: 503px;
	height: 503px;
	background-image: url('http://www.unofficialtexmurphy.com/images/rightSide.jpg');
}
#sidebar {
	position: relative;
	top: 210px;
	left: 0px;
	width: 158px;	
	padding-left: 4px;
	font-size: 10px;
}
#siteFooter {
	position: relative;
	top: 0px;
	left: 0px;
	width: 812px;
	height: 80px;
	padding: 10px 0px 0px 0px;
	background-image: url("http://www.unofficialtexmurphy.com/images/footer.jpg");
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}

/* general font styles */
.maintitle {
	font-weight: bold;
	font-size: 22px;
	font-family: "Palatino", "Palatino Linotype", Georgia, "Times New Roman", "Times", serif;
	text-decoration: none;
	line-height: 120%;
}

/* general link style */
a:link, a:active, a:visited {
	color: #CCCCCC;
}
a:hover	{
	text-decoration: underline;
	color: #FF7F00;
}

/* content box border style */
.goldborder {
	border: 1px solid #312B09;
}

/* generic site content style (non-message board) */
.contentDisplay p {
	margin-top: 12px;
}

/* HR tag style */
hr {
	height: 0px;
	border: solid #312B09 0px;
	border-top-width: 1px;
}

/* file upload progress bar style */
.progresscontainer {
	width: 100px;
	height: 14px;
	background-color: #aaaaaa;
}

.progressbar {
	width: 0px;
	height: 14px;
	background-color: #896b10;
	font-size: 10px;
}

/* Case File sidenav style */
.casefileMenu {
	font-size:11px;
	margin:0;
	padding:0;
}
.casefileMenu li {
	list-style:none;
	margin:0;
}
.casefileMenu li a {
	padding:8px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
.casefileMenu li a:hover {
	background-color: #171717;
}
.casefileMenu li span.selected {
	padding:8px;
	display:block;
	text-decoration:none;
	color:#FF7F00;
	font-weight:bold;
}

.casefileSubhead {
	font-family: "Palatino", "Palatino Linotype", Georgia, "Times New Roman", "Times", serif;
	font-size: 18px;
	font-weight:bold;
}

/* ---MESSAGE BOARD STYLES--- */
/* Main table cell colours and backgrounds */
.row1	{ background-color: #111111; }
.row2	{ background-color: #171717; }
.row3	{ background-color: #D1D7DC; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #999999;
		/*background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;*/
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
	/*background-image: url(images/cellpic1.gif);*/
	padding: 0px 5px;
	/*background-color:#999999;*/
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat, td.catHead, td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
td.row3Right,td.spaceRow {
	background-color: #D1D7DC;
	border: #FFFFFF;
	border-style: solid;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
/*.gen,.genmed,.gensmall { color : #FFFFFF; }*/
/*a.gen,a.genmed,a.gensmall { color: #CCCCCC; text-decoration: none; }*/
/*a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #FF7F00; text-decoration: none; }*/

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #FFFFFF }
a.mainmenu		{ text-decoration: none; color : #CCCCCC;  }
a.mainmenu:hover{ text-decoration: none; color : #FF7F00; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; color : #FFFFFF}
.cattitle a		{ text-decoration: none; color : #FFFFFF; }
.cattitle a:hover{ text-decoration: underline; }
.cattitle a:visited {color : #FFFFFF}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #FFFFFF; }
a.forumlink 	{ text-decoration: none; color : #CCCCCC; }
a.forumlink:hover{ text-decoration: none; color : #FF7F00; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #CCCCCC;}
.nav a			{ text-decoration: none; color : #CCCCCC; }
.nav a:hover	{ text-decoration: none; color : #FF7F00 }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #FFFFFF; }
a.topictitle:link   { text-decoration: none; color : #CCCCCC; }
a.topictitle:visited { text-decoration: none; color : #CCCCCC; }
a.topictitle:hover	{ text-decoration: none; color : #FF7F00; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.topicauthor {
	font-size: 10px;
	color: #FFFFFF;
}

/* Location, number of posts, post date etc */
.topicdetails {
	font-size: 10px;
	color: #FFFFFF;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #FFFFFF;}

/* Location, number of posts, post date etc */
.postdetails {
	font-size: 10px;
	color: #FFFFFF;
	margin: 5px;
}

/* The content of the posts (body of text) */
.postbody {
	font-size: 12px;
	width: 540px;
}
a.postlink:link	{ text-decoration: underline; color : #CCCCCC }
a.postlink:visited { text-decoration: underline; color : #CCCCCC; }
a.postlink:hover { text-decoration: underline; color : #FF7F00}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quotebox {
	width: 90%;
	border: 1px solid #312B09;
	font-size: 11px;
	line-height: 125%;
	margin: 10px auto;
}
.quotetitle {
	background-color: #171717;
	padding: 8px 10px;
	font-weight: bold;
}
.quotecontent {
	overflow: hidden;
	background-color: #111111;
	padding: 10px;
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #CCCCCC; text-decoration: none;}
a.copyright:hover { color: #FF7F00; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	/*border-color : #000000;*/
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #CC9900;
}

.pm_replied_colour {
	background-color: #330033;
}

.pm_friend_colour {
	background-color: #336633;
}

.pm_foe_colour {
	background-color: #990000;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
/*@import url("formIE.css");*/

/* Restrict signature IMGs to 550 pixels wide */
/*div.signatureIMG {
	width:0px;
	overflow:hidden;
}*/

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	width: 510px;
	display: block;
	font-size: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.navigation a:link, .navigation a:active, .navigation a:visited {
	color: #000000;
}

.navigation a:hover {
	color:#666666;
}
/* End Various Tags & Classes*/


/*Rich Text Editor Classes*/
.rteImage {
	background: #666666;
	border: 1px solid #666666;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #666666;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #666666;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #666666;
	border: 1px outset #666666;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #666666;
	padding: 0;
}
/*End Rich Text Editor Classes*/