html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

html, body {
    height: 99%;
}

img {
    behavior: url("/includes/pngbehavior.htc");
}



body {
    background-color: #000000;
    margin: 0px;
    height: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 82.0%;
    background-image: url(/images/bg_body.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    /* background-attachment: fixed; */
    margin-bottom: 30px;
    color: #444444;
}


form {
    margin: 0;
    padding: 0;
}

h1 {
    color: #fefefe;
    font-size: 1.7em;
    font-weight: normal;
    margin-top: 0;
}

h2 {
    color: #fefefe;
    font-size: 1.1em;
    font-weight: bold;
}

a img {
	border: none;
}


a {
    color: #c4cef3;
}
a:hover {
    color: #c4cef3;
}

ul.ulWithLinks {
    list-style-type:none;
    padding:0px;
    margin:0px;
    margin-top: 8px;
}

ul.ulWithLinks li {
    padding-bottom: 14px;
    padding-left: 18px; 
    background-image: url(/images/icon_li_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    font-size: 0.9em;
}
ul.ulWithLinks a {
    font-weight: bold;
    text-decoration: none;
}
ul.ulWithLinks a:hover {
    font-weight: bold;
    text-decoration: underline;
}



.clear {
clear: both;
}




#mainFrame {
	margin-left: auto;
	margin-right: auto;
	width: 792px;
	min-height: 500px;
	background-image: url(/images/bg_mainFrame.png);
	position: relative;
	top: 0px;
	padding-left: 168px;
	z-index: 0;
}



#mainColumnWrapper {
	xbackground-color: orange;
	height: 600px;
	width: 792px;
	position: relative;
	z-index: 1;
}
	#mastheadWrapper {
		clear: both;
		height: 134px;
		width: 792px;
		background-repeat: no-repeat;
		background-position: right top;
		z-index: 100;
	}
	#siteNameWrapper {
		height: 99px;
		width: 338px;
		background-image: url(/images/los_angeles_police_k9.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#logoWrapper {
		xbackground-color: yellow;
		height: 215px;
		width: 190px;
		z-index: 190;
		position: absolute;
		top: 0px;
		left: -168px;
	}
	#navigationWrapper {
		position: absolute;
		height: 35px;
		width: 792px;
		left: 0px;
		top: 99px;
		background-image: url(/images/bg_navigation.png);
		background-repeat: no-repeat;
		z-index: 191;
	}
	
	
	#mainColumnWrapper #contentWrapper {
		color: #fefefe;
		clear: both;
		position: relative;
		z-index: 2;
	}
		#contentWrapper #leftColumn {
			Xbackground-color: #FF0000;
			float: left;
			width: 111px;
			position: relative;
		}
		#contentWrapper #rightColumn {
			background-color: #3f455e;
			float: right;
			width: 681px;
                        min-height: 560px;
			position: relative;
                        border-bottom: 1px solid #212331;
		}

               #leftPhotoFlash {
                   overflow: hidden; 
                   width: 370px; 
                   height: 370px; 
                   position: absolute; 
                   top: 225px; 
                   left: -279px;
               }
		.body_title {
			xbackground-color: #990000;
			text-align: right;
			font-size: 1.8em;
			font-weight: bold;
			font-style: italic;
			color: #d0d5e7;
			width: 175px;
			height: 50px;
			position: absolute;
			top: 40px;
			left: -80px;
			z-index: 3;
		}
		
                #edit_link {
                    float: right; 
                    position: relative; 
                    top: -7px;
                }
		
		#body_text {
			margin-left: 125px;
			width: 545px;
			padding-top: 40px;
			padding-bottom: 40px;
			font-size: 0.9em;
			line-height: 1.5em;
			Xbackground-color: #990000;
		}
		
		#body_text h1 {
			width: 375px;
		}

               #subRightColumn {
                   Xmin-height: 300px; 
                   float: right;
                   position: relative; 
                   left: 0px; 
                   width: 180px; 
                   margin: 0px 0px 10px 10px; 
                   Xbackground-color: #2c3042; 
               }




#footerWrapper {
    Xbackground-color: yellow;
    width: 681px;
    margin-left: 111px;
    padding-bottom: 50px;
    color: #797979;
    font-size: 0.9em;
position: relative;
}

#footerWrapper a {
    color: #666e8d;
}





#footerWrapper .footerIcon {
    width: 190px;
    padding: 29px 55px 18px 35px; 
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 32px;
}





	/* ///////////////////////////////////// */
	/* ///////////////////////////////////// */


	#shinymachine {
		float: right;
		margin: 0;
		padding: 0;
	}
		#shinymachine li {
			display: inline;
			margin: 0;
			padding: 0px 0px 40px 0px;
			color: #676767;
			font-size: 0.9em;
			font-weight: normal;
		}

		#shinymachine a {
			display: block;
			text-decoration: none;
		}
		#shinymachine a:hover, #shinymachine a:active, #shinymachine a:focus {
			background-position: left bottom;
		}
		#shinymachine li {
			float: left;
			width: auto;
		}
		#shinymachine ul li {
			float: none;
		}
		#s1 {
			height: 35px !important;
			background-repeat: no-repeat;
		}
		#s1 {
			width: 117px;
			background-image: url(http://www.shinymachine.com/images/s3.jpg);
		}






#recent_photos {
    background-color: #2c3042;
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    width: 181px;
    float: right;
}
#recent_photos a img {
    border: 2px solid #bbbdc6;
}


.related {
    margin-top: 25px;
    border-top: 2px solid #bbbdc6;
    background-color: #2c3042;
    padding: 12px;
}



#breadCrumb {
    margin-bottom: 20px;
}


#thumbTable {
    background-color: #333333;
}

td.thumbs {
    text-align: center;
    padding: 4px 0px 4px 0px;
}
td.thumbs a img {
    border: 2px solid #bbbdc6;
}


#youtube {
    margin-top: 25px;
}




