@charset "utf-8";
/*
------------------------------------------------------
style sheet for CatShot Production web pages. 
modify the classes below to style the page
------------------------------------------------------
*/
/*
=================== COLOR GUIDE ==============
list the colors used here....
gold #FC0
dark blue #xxxxxx
light blue #xxxx....
*/


body {
	background-attachment: fixed;
	background-image: url(images/bkgrd5.jpg);
	background-repeat: no-repeat;
	margin-top: 100px;
	background-color: #010106;
}

html {overflow-y:scroll;}

/*
=================== LAYOUT ==============
*/
/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 910px;
	top: 200px;
	/* the auto value on the sides, coupled with the width, centers the layout */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: auto;
	right: auto;
	bottom: 0px;
}
/* ~~ This container contains the header image ~~ */
.header {
	width: 900px;
	float: left;
	padding: 15px;
	background-image: none;
	background-repeat: repeat;
}
/* ~~ This container contains the navigation on the left ~~ */
.sidebarNav {
	float: left;
	width: 180px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
/* ~~ This container contains the page content on the right ~~ */
.contentBox {
	float: left;
	width: 650px;
	background-image: url(images/blue_trans.png);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/* ~~ This container contains the image rotator on the home page ~~ */
.contentBoxRotator {
	float: left;
	width: 650px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 60px;
}
/* ~~ This container contains the footer content ~~ */
.footer {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	color: #ffffff;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*
=================== LINKS ==============
*/
/* ~~ Side Nav links ~~ */
ul.sidebarNav {
	list-style: none; /* this removes the list marker */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.sidebarNav li {
	border-bottom: none; /* this creates the button separation */
	float:left;
	padding-right: 0px;
	text-transform:uppercase;
	font-weight:bold;
	width: 150px;
	height: 30px;
	text-align:left;
	line-height: normal;
	padding-bottom: 20px;
} 
ul.sidebarNav a, ul.sidebarNav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
	width: 150px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 5px;
}
ul.sidebarNav a:hover, ul.sidebarNav a:active, ul.sidebarNav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #CCC;
	background-color: #FFF;
	border-right-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #999;
}

a.body_link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration:underline;
}
a.body_link:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
a.body_link:hover {
    color: #FC0;
}
/*
=================== TEXT STYLES ==============
*/

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}

.pageTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FC0;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.7em;
	text-align: left;
}
.container .contentBox p iframe {
	text-align: center;
}