/* COLORS -----------

Light Grey		#EAEAEA
Super Light Grey	#F3F3F3
Red			#9C4343, 
Lighter Red		#A1443D

-------------------*/



/* RESET */

h1, h2, h3, p, ul, li {
  margin:0px;
  padding:0px;
}


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

a:active, a:focus{
	outline:none;
}

body {
  background:url(../img/bg_body.jpg) top repeat-x #d5d5d5;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:16px;
  color:#666;
  margin:0px;
  padding:0px;
}

/* -------------------- HTML ELEMENTS ------------------- */

h1, h2, h3 {
  font-family:Arial, Helvetica, sans-serif;
}


h2, h2 a {
  font-size:15px;
  line-height:16px;
  font-weight:bold;
  color:#cc6f15;
  margin-bottom:16px;
}

h2 a:hover {
  text-decoration:underline;
}

h3, h3 a {
  font-size:11px;
  line-height:16px;
  font-weight:bold;
  color:#A1443D;
  margin-bottom:3px;
}

h3 a:hover {
  text-decoration:underline;
}

p {
  margin:0px 0px 16px 0px;
}

p a {
  color:#a7abb0;
}

p a:hover {
  color:#A1443D;
}

a {
  color:#A7ABB0;
  text-decoration:none;
}

a img {
  border:none;
}

ul li {
  list-style:none;
}


/* -------------------- MISC CLASSES ------------------- */

.summary  {
  font-size:12px;
  line-height:20px;
  color:#999;
  padding:0px 0px 10px 0px;
  margin:0px 0px 10px 0px;
  border-bottom:0px solid #d1d5d8;
}

.leftimg {
	float:left;
	margin:12px 15px 15px 0px;
}

.rightimg {
	float:right;
	margin:12px 0px 15px 15px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
}

.clearleft{
	clear: left;
}

.divider {
	height:10px;
	margin-bottom:20px;
	clear:both;
	border-bottom:1px solid #D1D5D8
}

.column_left {
	float:left;
	width:47%;
	margin-right:3%;
}

.column_right {
	float:right;
	width:47%;
	margin-left:3%;
}

/* -------------------- LAYOUT ------------------- */


/* Page */

#page {
	width:1043px;
	margin: 0 auto;
	padding-top: 0px;
}

#wrapper {
  width:1043px;
  padding:0px 0px 0px 0px;
}



/* -------------------- HEADER ------------------- */

#header {
  height:38px;
}

#header img {
  float:left;
}

#header ul {
  float:right;
  margin:6px 63px 0px 0px;
}

#header ul li {
  display:inline;
  list-style:none;
  font-size:0.9em;
  letter-spacing: .02em;
  font-weight:bold;
  text-transform:uppercase;
}

#header li a {
  color:#ffffff;
  padding:10px 5px;
}

#header li a:hover {
  background:#FFFFFF;
  color:#A1443D;
}


div#preloaded-img {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/* ---------------- Menu, Corner ------------- */


#menu li {
	float: right;
	margin:0px 0px 0px 0px;
	width: 79px;
	height: 51px;
	padding-left: 3px;
}
#menu a {
	display: block;
	height: 51px;
	text-decoration: none;
}
#menu a.selected, #menu a:hover {
	background-image: url(../img/corner.png);
	padding-top: 1px;
}



#menu li.ab {
	width: 85px;
}

/* ---------------- Page ------------- */

#blockwrap {
  background:url(../img/rodmyreinc.png) top left no-repeat #111111;
}

#block_left {
  float:left;
  width:373px;
  padding:0px 0px 0px 0px;
}


.blog_exerpt {
  float:left;
  width:360px;
  padding:380px 10px 12px 13px;
}


.blog_exerpt p a {
  color:#9A9DA0;
}

.blog_exerpt p a:hover {
  color:#333333;
}


#block_right {
  float:left;
  background:#111111;
  height:550px;
  width:670px;
}
.main {
  float:left;
  background:url(../img/bg_home_blockb.jpg) top left no-repeat #ffffff;
  width:690px;
  padding:0px 0px 2px 0px;
}

.main h2 {
  padding:109px 0px 0px 21px;
  color:#FFFFFF;
}

.main p {
  background:#e8e8e8;
}

.main p a {
  color:#A58B25;
}

.main p a:hover {
  color:#6F191A;
}

/*----------------Form----------------*/


form {  /* set width in form, not fieldset */
  margin: 0px 0px 0px 0px;
  padding: 0;
  min-width: 230px;
  max-width: 250px;
  width: 240px; 
}

form fieldset {  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #d6d6d6;
  border-width: 0px;
  border-style: solid;
  padding: 0px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0px 1px 3px 1px; 
	margin: 1px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form input, form textarea, {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:1px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}


form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 7px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 80%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



/* -------------------- Print ------------------- */

#print {
	background: #e8e8e8; 
}

#print p {
	padding: 0px 0px 0px 10px;
	font-size:12px;  
}

#print ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:12px;  
	line-height:13px;  
	color:#666;   
}

#print li {
	display: block;
	float: left;
	width: 210px;
	padding: 0px 0px 1px 10px;
}

#print a {
	text-decoration: none;
	color: #666666;
}

#print a:hover {
	text-decoration: underline;
}

/* -------------------- CONTENT ------------------- */

#content_wrap {
  background:url(../img/bg_bottom_subwrap.gif) no-repeat bottom #FFF;
  padding:0px 0px 55px 0px;
}

#content_left {
  float:left;
  width:650px;
  padding:0px 0px 0px 0px;
}

.padding_left {
  margin:0px 25px 0px 25px;
}

h1.title {
  background:#828CB7;
  color:#FFF;
  margin:0px 0px 30px 0px;
  padding:11px 15px 11px 25px;
  letter-spacing:1px;
}

h2.event_intro {
	text-transform:uppercase; 
	color:#333; 
	padding:10px 0px;
}

#content_left p {
  margin-bottom:25px;
}

#content_left p a {
  color:#666;
  text-decoration:underline;
}

#content_left p a:hover {
  color:#3333FF;
  text-decoration:underline;
}


/* -------------------- SPACER ------------------- */

#space {
	clear: both;
	height: 21px;

}



/* -------------------- BOTTOM ------------------- */

/* bottom */

#bottom {
	clear: both;
	width: 1043px;	
	height: 200px;
	background:url(../img/bg_body.jpg) top repeat-x #d5d5d5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bottom li {
	display: block;
	float: left;
	width: 200px;
	padding: 10px 7px 10px 23px;
}

#bottom li ul {
	line-height: 1.8em;
}

#bottom li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0 0 0 2px;
	line-height: 19px;
}

#bottom h2 {
	margin: 0 0 10px 2px;
	font-size:15px;
	color: #666666;
}

#bottom a {
	text-decoration:underline;
}

#bottom a:hover {
	text-decoration:none;
	color: #CCCCCC;
}

/* -------------------- FOOTER ------------------- */

/* Footer */

#footer {
	width:1043px;
	margin: 15px auto 0;
}

#footer p {
  margin:10px 0px 33px 0px;
}

#footer p a {
  color:#343333;
}

#footer p a:hover {
  color:#4B4949;
  text-decoration:underline;
}

#footer a {
  color:#A7ABB0;
  text-decoration:none;
}