
/* 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 #223766;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13.4px;
  line-height:18px;
  color:#a7abb0;
  margin:0px;
  padding:0px;
}

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

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


h2, h2 a {
  font-size:16px;
  line-height:17px;
  font-weight:bold;
  color:#629bc7;
  margin-bottom:16px;
  text-transform: uppercase;
}

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:#fff;
}

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

a img {
  border:none;
}

ul li {
  list-style:none;
}

i{font-style:italic; color:#cccccc; }

span {
  color:#9cdafe;
  font-weight: bold;
}

span_cont {
  font-size: 10px;  line-height:11px;
}

small {
  font-size: 10px; color:#b9b9b9; line-height:11px;
}
/* -------------------- 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 {
	background:url(../img/bg_body.jpg) top repeat-x #223766;
	width:1350px;
	margin: 0px;
	float:left;
	padding-top: 0px;
}

#wrapper {
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}




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

#header {
  height:33px;
  background:url(../img/bg_body.jpg) top repeat-x #d5d5d5;
}

#header img {
  float:left;
}

#header ul {
  float:left;
  margin:6px 0px 0px 550px;
}

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

#header li a {
  color:#ffffff;
  background:#354a79;
  padding:5px 5px;
}

#header li a:hover {
  background:#cfd9ea;
  color:#132333;
}


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 {
	padding-top: 1px;
}



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

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


#blockwrap {
    background:none;
}



#block_left {
  float:left;
  width:550px;
  height:620px;
  overflow: hidden;
  padding:0px 0px 0px 0px;
}


#block_right {
  float:left;
  background:url(../img/bottle.png) bottom right no-repeat;
  width:750px;
  height:620px;
  padding:0px 0px 0px 0px;
  color:#f7f7f7;

}


#block_right a {
  color:#a4d5f6;
  text-decoration:underline;
}

#block_right a:hover {
  color:#a4d5f6;
  text-decoration:none;
}



.pagination{
  float:left;
  width:546px;
  height:20px;
  padding: 3px 5px 10px 15px;
  background:#1e1e1e;
}

.pagination ul{margin: 0;padding: 0;text-align: left; /*Set to "right" to right align pagination interface*/font-size: 11px;}

.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}

.pagination a {padding: 0 5px;border: 1px solid #3f3e3e;text-decoration: none; color: #000000;}

.pagination a:hover, .pagination a:active{border: 1px solid #333333;background-color: #26417e;text-decoration: none;}

.pagination a.currentpage{background-color: #26417e; border-color: #3f3e3e;font-weight: bold;cursor: default;}

.pagination a.disablelink, .pagination a.disablelink:hover{background-color: #3f3e3e;cursor: default;color: #000000;border-color: #3f3e3e;font-weight: normal !important;}

.pagination a.prevnext{font-weight: bold;background-color: #1e1e1e;}

.pagination a:hover.prevnext{font-weight: bold;background-color: #26417e;}



.exerpt {
  float:left;
  width:400px;
  height:400px;
  padding:50px 30px 40px 30px;
  background:#1e1e1e;
}

.no_bg {
  float:left;
  width:590px;
  height:400px;
  padding:50px 30px 40px 30px;
  background:none;
}

.wide {
  float:left;
  width:530px;
  height:400px;
  padding:50px 18px 40px 18px;
  background:#1e1e1e;
}

.paypalIssue {
	border: 1px solid red;
	color: black;
	width: 254px;
	background-color: #FFF7CF;
}

.paypalIssue a {
	color: red;
}

.paypalIssue a:hover {
	background-color: red;
}




/* Table Elements ------- */

.pretty-table { border-collapse: collapse; }
.pretty-table th, .pretty-table td { padding: 0.5em; }



#faq dt {
cursor: pointer;
margin: 2px 3px 10px 2px;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
}


#faq dd {
margin: 20px 2px 20px 2px;
}








/*----------------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;
}





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


#bottom {
	clear: both;
	width: 2000px;	
	height: 230px;
	background:url(../img/bg_bot.jpg) top repeat-x #d5d5d5;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}


#bottom p {
	padding: 0 0 0 2px;
	line-height: 19px;
}

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

#bottom li {
	display: block;
	float: left;
	width: 240px;
	padding: 10px 15px 10px 15px;
}

#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: #a7abb0;
}

#bottom a {
	text-decoration:underline;
}

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

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



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

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

#footer p a {
  color:#a7abb0;
}

#footer p a:hover {
  color:#aaccfb;
  text-decoration:none;
}

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

