/* Layout Stylesheet */ 

body {
 margin:0px;
 background:#f1f1ed;
 color: #666666;
 padding:0;
 font-family:Arial,helvetica,clean,sans-serif;
 font-size:14px; 
 font-weight:normal;
 }
 
 
 
a:link {color: #06c; text-decoration:none}    
a:visited {color: #06c; text-decoration:none}  
a:hover {color: #06c; text-decoration:underline}  
a:active {color: #06c; text-decoration:none}   



#outer {
 text-align:left;
 width:1000px;
 margin:auto;
 background-color: #FFFFFF
 }

#hdr {
 height:83px;
 background-image: url(../images/topbanner.jpg);
 }

#bar {
 height:197px;
 background-image:url(../images/topbanner.jpg);
 border:solid #000000;	
 border-width:0px 0 0px 0;
 background-color: #FFFFFF
 }
 #masterbar {
 height:114px;
 background-image:url(../images/topbackground.jpg);
 border:solid #000000;	
 border-width:0px 0 0px 0;
 background-color: #FFFFFF
 }
#menubar {
 height:32px;
  margin-top: 3px;
 
 }
 
 #menubar a{
    color:#FFFFFF;
	text-decoration:none;
 
 }

#bodyblock {
 position:relative;
 background: #Fff;
 color: #666666;
 width:1000px;
 padding:0;
 }

#l-col {
 float:left;
 margin-left:0px;
 background:#f6f6f6;
 color: #333333;
 width:320px;
 
 
 }
 
 .l-col2 {
 margin-left:0px;
 background:#f6f6f6;
 color: #333333;
 width:330px;
 vertical-align:top;
 text-align:center;
 }

.box {
	width:270px;
	Height:150px;
	background-color:#FFFBF1;
	border-bottom:1px solid #EAD8C2;
	border-left:1px solid #EAD8C2;
	border-right:1px solid #EAD8C2;
	margin:0px 0px 0px 0px;
	padding-bottom:12px;
}
 .lp_int{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#583101;
	width:280px;
	margin:12px 0px 5px 22px;}
	
	 .lp_box{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#583101;
	width:280px;
	margin:12px 0px 15px 49px;}
	
	 .lp_int2{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #1234a4 ;
	width:265px;
	margin:0px 3px 5px 4px;}

#navlist li 
{
    background-image:url(../images/nav.jpg);
	display:inline;
	height: 32px;
	
	
	
}	


#navlist li.last {
	border:none;
}
#navlist {
	FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align:left;
	height:32px;
}

a.navLink: link  {
	color:#FFFFFF;
	text-decoration:none;
}
a.navLink:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a.navLink:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.nav
{
    background-image:url(../images/nav.jpg);
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding-top:5px;
	padding-left:20px
}
.navOver
{
    background-image:url(../images/nav_Over.jpg);
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding-top:5px;
	padding-left:20px
}
.navImage
{
    padding-top:0px;
    width:19px;
    height:32px;
    background-image:url(../images/navArrow.jpg);
}
.navImageOver
{
    padding-top:0px;
    width:19px;
    height:32px;
    background-image:url(../images/navArrow_Over.jpg);
}
.navImageLeft
{
    padding-top:0px;
    width:19px;
    height:32px;
    background-image:url(../images/navArrowLeft.gif);
}

.orgfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

#ftrlist li {
	display:inline;
	padding-bottom:5px;
	padding-left:5px;
	padding-right: 5px;
	padding-top:5px;
	border-right:1px solid #ffffcc;
}	
#ftrlist li.last {
	border:none;
}
#ftrlist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	font-weight:bold;
	text-align:center;
}
#ftrlist a {
	color:#ffffcc;
	text-decoration:none;
}
#ftrlist a:hover {
	color:#fbd269;
	text-decoration:underline;
}

#poplist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:bold;
	text-align:left;
}
#poplist a {
	color:#544c41;
	text-decoration:none;
}
#poplist a:hover {
	color:#ffa00b;
	text-decoration:underline;
}
#cont {
 width:660px;
 background:#fff;
 color: #666666;
 border:solid #000000;	
 border-width:0 0 0 0px;
 text-align:left;
 
 }
 

#ftr {
 height:32px;
  background-image:url(../images/nav.jpg);
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	vertical-align:middle;
	
 }
 .dropdown
{
    FONT-SIZE: 10px;
    WIDTH: 180px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.boxError
{
    BORDER-RIGHT: #95889e 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #95889e 1px solid;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 5px;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #95889e 1px solid;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #95889e 1px solid;
    BACKGROUND-COLOR: #ffffcc
}
.boxErrorHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #dc143c;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.boxGridHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #B3DC28;
}
.HeadingTitle
{
    FONT-SIZE: 24px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #B3DC28;
}
.subHeading
{
    FONT-SIZE: 16px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: Gray;
}
.gallery

{
        width: 600px;

	cursor: default;

	list-style: none;

}



.gallery img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	

}



.gallery li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}


.galleryLarge

{
        width: 600px;

	cursor: default;

	list-style: none;

}



.galleryLarge img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	

}



.galleryLarge li

{   
    width: 280px;

	color: inherit;

	float: left;

	margin: 3px;

	padding: 5px;

	vertical-align:middle;
	text-align:center;

}

.collection img

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	margin: 3px;

	padding: 5px;

	position: relative;
	


}

.imgholder

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	margin: 3px;

	padding: 5px;

	position: relative;
	
    height: 75px;
    
    width: 75px;

}

.nextprev_on {
	width: 104px;
	height: 32px;
    background: url(http://www.RacePix.com/images/nextprev_on.gif) no-repeat;
	line-height: 32px;
	margin-right: 5px;
	color: #ffffff;
	float:left;
	cursor: pointer;
}



.smallText
{
    font-size:10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
      
}


.comment_1 { background: url('images/comment_1.gif') no-repeat; }
		
					.comment_2 { background: url('images/comment_2.gif') no-repeat; }
		
					.comment_3 { background: url('images/comment_3.gif') no-repeat; }
		
					.comment_4 { background: url('images/comment_4.gif') no-repeat; }

.AdvancedRadioButton

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}

#success{background:#e1ffd1 url("../images/alert-success.gif") no-repeat 11px 12px; border-top:1px solid #c5f8ac; border-bottom:1px solid #c5f8ac; border-left:1px solid #c5f8ac; border-right:1px solid #c5f8ac; margin:6px 0 20px 0; padding:10px 10px 10px 35px; width:80%}
#success h3{color:#468d3f; font-size:14px; font-weight:normal; margin:0; padding:0}
#failure{background:#ffd1d1 url("../images/alert-failure.gif") no-repeat 13px 11px; border-top:1px solid #f8acac; border-bottom:1px solid #f8acac; border-left:1px solid #f8acac; border-right:1px solid #f8acac; margin:0 0 20px 0; padding:10px 10px 10px 35px; width:80%}
#failure h3{color:#8d3f3f; font-size:14px; font-weight:normal; margin:0; padding:0}
#alert{background:#ffffcc url("../images/alert.gif") no-repeat 16px 16px; border-top:1px solid #f8acac; border-bottom:1px solid #f8acac; border-left:1px solid #f8acac; border-right:1px solid #f8acac; margin:0; padding:10px 10px 10px 35px; width:80%}
#alert h3{color:#dc143c; font-size:14px; font-weight:normal; margin:0; padding:0}

#raceinfo{background:#ffffff; border-top:1px solid #a6d540; border-bottom:1px solid #a6d540; border-left:1px solid #a6d540; border-right:1px solid #a6d540; margin:0; padding:10px 10px 10px 10px; width:45%; float:right;}
#raceinfo h3{color:#a6d540; font-size:14px; font-weight:normal; margin:5px 0 5px 0; padding:0}
#raceinfo heading{color:#666666; font-size:14px; font-weight:bolder; font-variant:small-caps; width:100px; padding:0}

#racecontact{background:#ffffff; border-top:1px solid #a6d540; border-bottom:1px solid #a6d540; border-left:1px solid #a6d540; border-right:1px solid #a6d540; margin:0; padding:10px 10px 10px 10px; width:45%;}
#racecontact h3{color:#a6d540; font-size:14px; font-weight:normal; margin:5px 0 5px 0; padding:0}
#racecontact heading{color:#666666; font-size:14px; font-weight:bolder; font-variant:small-caps; width:100px; padding:0}

#raceinfo2{background:#ffffff; border-top:1px solid #a6d540; border-bottom:1px solid #a6d540; border-left:1px solid #a6d540; border-right:1px solid #a6d540; margin: 0 0 10px 0; padding:10px 10px 10px 10px; width:96%;}
#raceinfo2 h3{color:#a6d540; font-size:14px; font-weight:normal; margin:5px 0 5px 0; padding:0}
#raceinfo2 heading{color:#666666; font-size:14px; font-weight:bolder; font-variant:small-caps; padding:0}

#raceextras{background:#ffffff; margin:0; padding:0px 0px 0px 0px; width:45%; float:right; position:relative}

a.greybutton, button.greybutton{    background:transparent url("../images/grey-right.png") no-repeat scroll top right; _background:transparent url("../img/buttons/grey-greybg-right.gif") no-repeat scroll top right;  color:#545454;  display:block;  float:left;  font:bold 12px arial,sans-serif;  height:30px;  margin-right:6px;  padding-right:12px; /* sliding doors padding */    text-decoration:none; border:0; cursor:pointer}
a.greybutton span, button.greybutton span{    background:transparent url("../images/grey-left.png") no-repeat; _background:transparent url("../img/buttons/grey-greybg-left.gif") no-repeat;  display:block;  line-height:14px;  padding: 8px 0 10px 10px; color:#545454}
a.greybutton img, button.greybutton img{ margin:-1px 6px -3px 0 !important;  padding:0;  border:none}

/* ----- FORMS ----- */

input[type="text"], input[type="password"], textarea{padding:5px 4px; font:normal 12px arial,helvetica,sans-serif; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; _border:1px solid #ccc !important; _padding:none}
input:focus, textarea:focus{border:1px solid #ababab; outline:none}
input[type="radio"], input[type="checkbox"]{background:transparent !important; border:0 !important; width:16px !important}
input[type="image"]{border:0; padding:0}


 
#photoContainer {width:300px; margin-left:10px;}
 
.photoholder {width:95px; height:150px; float:left; position:relative; font-family:arial, sans-serif; margin-left:5px; margin-bottom:10px}
.photolink1 {width:85px; height:148px; position:absolute; top:0; left:0; position:absolute; border:1px solid #ccc;}
.photolink1 a {display:block; width:75px; height:75px;position:absolute; left:5px; top:5px; border:0; text-decoration:none;}
.photolink1 a span {display:none;}
.photolink1 a img {display:block; width:75px; height:75px; border:0;}
.photolink1 a:hover {left:0; top:0; background:#f4f4f4; height:148px; width:85px;}
.photolink1 a:hover img {display:none;}
.photolink1 a:hover span {display:block; width:70px; height:70px; position:absolute; left:4px; top:4px; background:#fff; border:1px solid #ccc; overflow:hidden; font-size:11px; color:#666; padding:2px; line-height:13px; cursor:pointer;}
 
.photolink2 {width:16px; height:16px; position:absolute; left:64px; top:64px;}
.photolink2 a {display:block; width:16px; height:16px; overflow:hidden; background:url(../images/cross.gif);}
 
.photolink3 {width:85px; height:94px; position:absolute; left:1px; top:90px; padding-top:5px; font-size:11px;}
.photolink3 p {color:#666; line-height:14px; margin:0; padding-right:5px; padding-left:5px}
.photolink3 p a {text-decoration:none; color:#06c;}
.photolink3 p a:hover {text-decoration:underline;}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#container {position:relative; display:block; border-left:350px solid #ffffff; border-right:165px solid #ffffff;}
#inner {display:block; margin-left:-350px; margin-right:-165px; padding:5px;}
#left {float:left; position:relative; width:350px; left:0px; padding-top:15px; padding-bottom:5px; margin-bottom:40px}
#right {float:right; position:relative; width:165px; right:0px; text-align:center}
#center {margin-left:440px; margin-right:165px; position:relative; display:block; height:1%; padding-top:5px; padding-bottom:5px }
.clear {clear:both;}
#righttwo {float:right; width:165px; padding:10px; background:#ffffff;}
#lefttwo {background:#ffffff; padding:10px; margin-right:165px;}
 
#righttwo, #lefttwo {padding-bottom:32767px; margin-bottom:-32767px;}
 
#wrapper {overflow:hidden; background:#ffffff;}

#containerPhoto {position:relative; display:block; border-left:550px solid #ffffff; border-right:165px solid #ffffff;}
#innerPhoto {display:block; margin-left:-550px; margin-right:-165px; padding:5px;}
#leftPhoto {float:left; position:relative; width:550px; left:0px; padding-top:15px; padding-bottom:5px; margin-bottom:40px}
#rightPhoto {float:right; position:relative; width:165px; right:0px; text-align:center}
#centerPhoto {margin-left:550px; margin-right:165px; position:relative; display:block; height:1%; padding-top:5px; padding-bottom:5px }

ul.polaroid li{color:#ffffff}

ul.polaroid li a {
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
	
	
}
ul.polaroid li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}
ul.polaroid li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
}

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.0em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#666666; font-size:14px; font-weight:normal; margin:0; padding:5px}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}
 
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #95889e; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; width:0; height:0;}
.xsnazzy span {padding-bottom:0.5em; color:#666666; font-size:14px; font-weight:normal; margin:0; padding:5px}
* html .xsnazzy span {width:20px; height:10px; width:0; height:0;}
 
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #95889e; border-right:1px solid #95889e;}
 
.xb1 {margin:0 8px; background:#95889e;}
.xb2 {margin:0 6px; background:#95889e;}
.xb3 {margin:0 4px; background:#95889e;}
.xb4 {margin:0 3px; background:#ffffcc; border-width:0 5px;}
 
.xb5 {margin:0 2px; background:#ffffcc; border-width:0 4px;}
.xb6 {margin:0 2px; background:#ffffcc; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#ffffcc; border-width:0 3px; height:2px;} 
 
.xboxcontent {display:block; background:#ffffcc; border:3px solid #95889e; border-width:0 3px;}

.greentext{color:#468d3f; font-size:14px; font-weight:normal; margin:0; padding:0}
.redtext{color:#dc143c; font-size:14px; font-weight:normal; margin:0; padding:0}
.greytext{color:#666666; font-size:14px; font-weight:normal; margin:0; padding:0}