/* CSS Document */

body{ background:#000000; background:url(images/logorepeat125.jpg); margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif;  line-height:18px; color:#ffffff; text-align:center;}

/* images...........................................................................................................*/

/* template...........................................................................................................*/

#outsidecontainer{ margin:0 auto; text-align:center; background-color:#3F4541; border-left:1px solid #990000; border-right:1px solid #990000; width:742px; padding:0 1px;}
/*_background: none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.starnoteproductions.com/images/gradient.png') sizingMethod="scale"; }
 
* html #outsidecontainer
{background-image: none; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.starnoteproductions.com/images/gradient.png", sizingMethod="scale");} */
 
#container {
	width: 738px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	padding:0;
	height:auto;
	text-align: center; /* this overrides the text-align: center on the body element. */}

#nav{ width:738px; margin:0 auto; height:auto; padding:0; border:none; position:relative; }
#header{ top:0px; width:738px; height:323px; padding:0px; text-align:center; }
#logoheader{  width:738px; height:129px;}
#mainContent {padding: 20px 0px; min-height:350px;/* remember that padding is the space inside the div box and margin is the space outside the div box */background: #000000;}
#mainContent h1{ font-size:28px; padding:12px 0; margin:0px; width:700px; line-height:19px; background:url(images/hor700.jpg) bottom no-repeat; }
#center{ margin:0 auto; width:680px; text-align:center;}

#maintextouter{ position:relative; left:-10px; width:700px;}
#maintext{ text-align:left; padding:10px 3px; width:700px; margin-top:10px; }
#maintext p{ line-height:20px; font-size:15px; text-align:left; border-bottom:#1c1c1c 2px dotted; padding:5px 10px; width:650px; margin-top:10px; margin-bottom:25px; margin-left:20px;}
#maintext h3{ color:#999999; text-align:left; padding:9px 60px; width:575px; height:35px; margin-top:30px; margin-left:25px; font-size:17px; background:url(images/header650x50.jpg) no-repeat; }

a img { border:none;}
tr{ height:10px;}
td{ }
td p{ color:#CC0000; margin-left:30px; line-height:14px; _line-height:22px; width:560px; padding:0px; _padding:4px; float:left; text-align:left;}
.table{ float:left;}
.marginup{ margin-top:-30px;}

#photomenu { padding-left:40px; margin:0;}
.photomenuin{ float:left;  font-size:15px; padding:6px 1px;  background:url(images/button-150x30.jpg) no-repeat; width:150px; height:30px; }


#music{ position:absolute; top:0 left:0;}
#videos{ width:730px;}
.videocaption{ width:350px; }
.videocaption h4{  width:300px; color:#CC0000; line-height:12px; height:20px; font-size:20px; text-align:center; border:none; background:none;}

#headerleft h1 {color:#CC0000; font-size:24px; text-align:left; width:580px; float:left; padding-left:15px; letter-spacing:-0.5px; line-height:16px; margin-left:15px; font-variant:small-caps;}


.photomenuin a{ color:#FFFFFF; font-weight:bold;}
.photomenuin a:hover{ color:#CCCCCC; font-weight:bold;}


#left{  text-align:left;  padding:30px 3px; width:690px; margin:0 auto; margin-top:30px; }
#left h3{ padding-left:10px; font-size:24px; color:#414747; margin:0; line-height:14px; }
#left img{ margin-left:20px;}
.left img{ margin-left:20px;}

#letterouter{ width:710px; height:1000px; position:relative;  padding:0; margin-left:40px;}
#letter{
	width:700px;
	height:1000px;
	position:absolute;
	left:-21px;
	top:12px;
	padding:0;
	margin:0;
}
.column{ width:214px; float:left; padding:10px; line-height:20px; margin-bottom:20px; font-size:13px; height:325px; background:url(images/veticalborder.jpg) left no-repeat;  text-align:left;}
.columnleft{ width:210px; float:left; padding:10px; line-height:20px; font-size:13px; height:325px;   text-align:left;}
.column h2{ text-align:left; font-size:22px; }
.up{ position:relative; top:27px; left:0px;}
hr{ background:url(images/hor700-2.jpg) bottom no-repeat; width:690px; height:1px;	border:0; margin:4px;}
hr 2{ background:#CCCCCC; width:700px; height:1px;	border:0; margin:4px;}
p { color:#ffffff; font-size:14px; line-height:18px; }
ul { list-style-image:url(images/redbullet.jpg); line-height:22px; }
li{  padding:2px; _padding:0; margin:0; font-size:15px; text-align:left; line-height:21px; }

h1{color:#ffffff; font-size:24px; text-align:left;  letter-spacing:-0.5px; line-height:16px; font-variant:small-caps;}
.red, h1 {color:#CC0000; font-size:24px; text-align:left; padding-left:15px; letter-spacing:-0.5px; line-height:16px; margin-left:15px; font-variant:small-caps;}
h2{color:#CC0000; font-size:20px; text-align:left; padding-left:15px; line-height:14px; font-variant:small-caps;}
h3{color:#5E5A4F; font-size:18px; text-align:left; padding-left:15px; line-height:16px; font-variant:small-caps;}
h4{color:#5E5A4F; font-size:16px; text-align:left; padding-left:15px; line-height:16px; font-variant:small-caps;}

.imgborder{ border:3px solid #1A1A1A; margin:20px;}

a {color:#FF3300; text-decoration:none; padding:0; margin:0;}
a:hover{color:#666666; text-decoration:none;}

img.a{ padding:0; margin:0;}



#footer {
	padding: 0; margin-top:25px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#bottombar{ width:738px; height:8px; padding: 2px 0 0 0 0;}
/* template...........................................................................................................*/


.clearboth{ clear:both;}
#bottom{  width:700px; margin:0 auto; text-align:right; padding:0px; height:55px; color:#EFEBE0; font-size:11px;}





.fields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: #ffffff 1px solid;
	background-color:#CCCCCC;
	margin-right:200px; padding:0;
	width:200px;
text-align:left;}

.fieldslarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: #ffffff 1px solid;
	background-color: #CCCCCC;
	height:50px;
	text-wrap:normal;
}

 input.submit
{
	border: 1px solid #333333;
	border-top-color: #333333;
	border-left-color:#333333;
	padding: 0.25em;
	width:75px;
	margin-left:290px; *margin-left:260px; _margin-left:230px;
	background-color:#CC0000;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
input.submit:hover
{
	border: 1px solid #ffffff;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	padding: 0.25em;
	background-color: #ffffff;
	color: #CCCCCC;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}