/***************************************************
Road Dawgs Style Sheet
***************************************************/

html,body {
	margin: 0px;
	padding: 0px;
	background: #000;
}

body { 
	font-size: 76%;
	font-family: "Lucida Grande", helvetica, arial, san-serif;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: left;
    height: 0px;
    margin: 0px;
    padding: 0px;
}



/***************************************************
   TEXT STYLES
 ***************************************************/

h1 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 220%;
    color: #FFFFFF;
}

h2 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 130%;
    color: #FC951F;
}

.center {
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.orangeText {
    color: #FC951F;
}

p {
    margin: 0px 0px 20px 0px;
    color: #FFFFFF;
    text-align: left;
}

p a {
    color: #4A89AE;
    text-decoration: underline;
}

div#colRight p {
    color: #FC951F;
    margin: 0px 0px 30px 0px;
    font-size: 110%;
}

div#colRight div#owf p {
    color: #FFFFFF;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

div#colRight div#events p {
    color: #000000;
    margin: 0px 0px 30px 0px;
    text-align: center;
}

div#colRight div#events a {
    color: #0000FF;
}

div#colRight div#events a:hover {
    color: #FFFFFF;
    background: #000000;
    text-decoration: none;
}

div#colRight div#events span.item {
    font-size: 110%;
}

div.eventItem p {
    margin: 0px 0px 0px 0px;
}

div#colLeft p.links a {
    color: #FC951F;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#colLeft p.links a:hover {
    text-decoration: underline;
}

p.boardMembers {
    font-size: 140%;
}

div#footer p {
    margin: 20px 0px 0px 0px;
    color: #FFFFFF;
    text-align: left;
    font-size: 110%;
}

div#footer2 {
    text-align: center;
}




/***************************************************
   NAV STYLES
 ***************************************************/

div#nav {
    float: left;
    width: 750px;
    height: 40px;
    margin: 0px 0px 25px 0px;
    background: #808080;
}

div#nav ul {
	float: left;
	width: 750px;
	margin: 11px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div#nav li {
	display: inline;
	list-style: none;
	font-size: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#nav ul a {
	padding: 11px 15px 11px 15px;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #000000;
}

div#nav ul a:hover {
	background: #000000;
	color: #FFFFFF;
}

div#nav li.noBorderRight a {
    border-right: none;
}



/* ------------ Footer Nav Styles ---------------- */

div#footer2 ul {
	float: 0px auto;
	width: 676px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div#footer2 li {
	display: inline;
	list-style: none;
	font-size: 100%;
	padding: 11px 0px 11px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../Images/footer-nav-divider.gif) no-repeat right center;
}

div#footer2 ul a {
	padding: 11px 15px 11px 15px;
	color: #FFFFFF;
	text-decoration: none;
}

div#footer2 ul a:hover {
	text-decoration: underline;
}

div#footer2 li.noBorderRight {
    background: none;
}

/* ------------ Footer List Styles ---------------- */

div#footer2 ul.footerList {
    width: 580px;
    text-align: left;
}

div#footer2 ul.footerList li {
    display: block;
    padding: 0px 0px 11px 0px;
    margin: 0px 0px 0px 20px;
    color: #FC951F;
    font-size: 110%;
    list-style: circle;
    background: none;
    text-align: left;
}




/***************************************************
   LAYOUT STYLES
 ***************************************************/

div#container {
	text-align: left;
	width: 750px;
	margin: 0 auto;
}

div#header {
    float: left;
    width: 750px;
	margin: 17px 0px 0px 0px;
}

div#colLeft {
    float: left;
    width: 431px;
    margin: 0px 0px 0px 35px;
}

div#colRight {
    float: right;
    width: 217px;
    margin: 0px 35px 0px 0px;
}

div#owf {
    width: 191px;
    height: 149px;
    padding: 12px;
    margin: 0px 0px 20px 0px;
    border: 1px solid #FFFFFF;
    background: url(/img/owf-background.jpg) no-repeat top left;
}

div#events {
    width: 205px;
    padding: 6px;
    background: #E7E7E7 url(../Images/events-background.gif) no-repeat bottom right;
}

div.eventItem {
    float: left;
    margin: 0px 0px 20px 0px;
}

div#footer,
div#footer2 {
    float: left;
    width: 676px;
    margin: 30px 0px 0px 38px;
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #666;
}


/***************************************************
   IMAGE STYLES
 ***************************************************/

.right {
    float: right;
    margin: 0px 0px 0px 60px;
}

.event {
    float: left;
    margin: 0px 10px 10px 0px;
}


/***************************************************
   PHOTO GALLERY STYLES
 ***************************************************/

div#gallery {
    float: left;
    width: 750px;
    margin: 0px 0px 0px 0px;
}

div.galleries {
    float: left;
    width: 230px;
    height: 170px;
    margin: 20px 20px 0px 0px;
    text-align: center;
    color: #FFFFFF;
}

div.galleryThumb {
    float: left;
    width: 115px;
    height: 86px;
    margin: 10px 10px 0px 0px;
}

/**
* Contact Form
**/

.contactForm {
    color: white;
    font-size: %110;
}

.contactForm input,
.contactForm textarea,
.contactForm select {
    width: 250px;
    border: 1px #515151 solid;
    padding-top: 4px;
    padding-bottom: 4px;
}

.contactForm input.submit {
    width: auto;
    border: none;
    background: transparent;
    font-weight: bold;
    cursor: pointer;
    font-size: 110%;
    padding-left: 0px;
    margin-left: 0px;
}

.contactForm td {
    text-align: left;
}