/* CSS for  RAMW.org*/

* {

	margin: 0;

	padding: 0;

}



div {

  text-align: left;

}



body {

	font: 80% Trebuchet MS, Helvetica, sans-serif;

  background: #cfcfcf url("/images/bg-body.gif") repeat-x;

  text-align: center;

}

h1 {

	color: #000763;

	font-size: 1.5em;

  font-weight: normal;

	margin: 0 0 0 0;

}



#main td.contentheading{

  color: #000763;

	font-size: 1.5em;

  font-weight: normal;

	margin: 0 0 0 0;

}



h2 {

	color: #444;

	font-size: 1.1em;

	margin: 0 0 5px 0;

}

h3 {

	color: #043e64;

	font-size: 1.1em;

	margin: 0 0 10px 0;

}

input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul { margin: 0 0 0 25px; }

p { margin: 0 0 10px 0; }



a img{ border: 0; }



.l { float: left; }

.r { float: right; }

.clear { clear: both; }



br.clear{ display: inline; }



.m-tb-5 { margin: 5px 0; }

.m-tb-10 { margin: 10px 0; }

.m-t-10 { margin: 10px 0 0 0; }



.b { font-weight: bold; }

.no-b { font-weight: normal; }

.u { text-decoration: underline; }

.no-u { text-decoration: none; }

.i { font-style: italic; }

.no-i { font-style: normal; }

.small { font-size: .9em; }

.t-c { text-align: center; }

.t-r{ text-align: right; }



#header{

  width: 826px;

  margin: 10px auto 0 auto;

  color: #fff;

}



#header p{

  padding-top: 14px;

}



#header p.top-center{

  text-align: center;

  font-family: Verdana, Geneva, sans-serif;

  font-size:12px;

}



#contact-info{

  float: right;

  text-align: right;

  font-weight: bold;

  padding-left:14px;

}

#contact-info a {color:#FFFFFF; text-decoration:underline;}

#contact-info a:hover {color:#FFFFFF; text-decoration:underline;}



#main{

  width: 826px;

  margin: 0 auto;

  background: #fff;

}



#flash{

  width: 832px;

  background: url("/images/bg-flash-div.png");

  margin: 0 auto;

  padding-top: 11px;

}  



#flash-div{

  width: 800px;

  margin: 0 auto;

}



#header-img{

  width: 800px;

  height: 167px;

  margin: 0 auto;

  padding-bottom: 10px;

}



#header-img.about{

  background: url("/images/int-header.jpg") no-repeat;

}



#flash-shadow{

  width: 826px;

  height: 8px;

  padding: 0;

  margin: 0 auto;

}



#nav{

  width: 826px;

  margin: 0 auto;

  background: #fff;

  

}



#nav li:hover, #nav li.hover {

  position: static;

}



#nav ul { /* all lists */

	padding: 0;

	margin-left: 35px;

	list-style: none;

	line-height: 1;

}



#nav a {

	display: block;

  font-weight: bold;

  margin-right: 27px;

  font-size: 1.1em;

  text-decoration: none;

  color: #000;

  padding: 3px 0 5px 0;

}



#nav li { /* all list items */

	float: left;

	width: auto; /* width needed or else Opera goes nuts */

}



#nav li ul { /* second-level lists */

	position: absolute;

	background: #fff;

	width: 165px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

  margin-left: 0;

  border-bottom: 1px solid #000;

  border-left: 1px solid #000;

  border-right: 1px solid #000;

  z-index: 100;

}



#nav li ul li a {

	display: block;

  font-weight: bold;

  margin: 0;

  font-size: 1em;

  text-decoration: none;

  color: #000;

  padding: 3px 3px 5px 3px;

  width: 160px;

}



#nav li ul li a:hover{

  background: #0066a9;

  color: #fff;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#bwm-copy{

  margin: 0 14px;



}



#bwm-copy .yellow{

  color: #f68401;

}



#right-col{

  width: 190px;

  float: right;

  background: url("/images/bg-right-col.gif") repeat-x;

  padding-top: 16px;

  border-top: 1px solid #000;

  margin-bottom: 10px;

}



#right-col div{

  width: 172px;

  background: url("/images/bg-right-col-div.png") repeat-y;

  margin: 0 auto;

  padding-top: 9px;

  padding-bottom: 9px;

  text-align: center;

}



#right-col h2{

  margin-left: 9px;

  margin-bottom: 2px;

  color: #043e64;

  font-weight: bold;

  font-size: .92em;

}



#right-col img.shadow{

  width: 172px;

  margin: 0 auto 15px auto;

  display: block;

}



#right-col div#rammys{

  width: 148px;

  background: #000763 url("/images/bg-rammys.gif") top right no-repeat;

}



#right-col div#dining-guide{

  width: 148px;

  background: #000763 url("/images/bg-dining-guide.gif") top right no-repeat;

}





#right-col div #vendor-guide{

  width: 148px;

  background: #000763 url("/images/bg-vendor-guide.gif") top right no-repeat;

}



#right-col div h2{

  margin-left: 5px;

  padding-right: 70px;

  font-size: 1.3em;

  color: #fff;

  text-align: left;

}



#right-col div p{

  color: #fff;

  font-size: .92em;

  text-align: left;

  margin-left: 5px;

  margin-top: 11px;

  line-height: 1.3em;

  padding: 0;

}



#right-col div form{

  margin: 0 5px;

}



#right-col div input{

  width: 134px;

  margin: 0 auto 5px auto;

  color: #4b4b4b;

  border: 0;

}



#right-col div select{

  width: 138px;

  margin: 0 auto 5px auto;

  border: 0;

}



#right-col div input.submit{

  width: 72px;

  height: 30px;

  background: url("/images/search.png") no-repeat;

  margin: 10px auto 0 auto;

}



#right-col div ul{

  text-align: left;

  color: #fff;

}



#right-col a{

  color: #fff;

}



#left-col{

  float: left;

  padding-top: 15px;

  padding-right: 28px;

  width: 580px;

  border-top: 1px solid #000;

  margin-bottom: 10px;

}



#left-col div.top-div{

  width: 272px;

  background: url("/images/bg-index-top-div.png");

  float: left;

  margin-right: 15px;

  margin-bottom: 25px;

}

#left-col div.top-div div{

  background: #000763;

  height: 168px;

  margin: 9px;

}



#left-col div.top-div ul{

  color: #fff;

  font-size: .88em;

  margin-top: -3px;

  line-height: 1.2em;

}



#left-col div.top-div ul a{

  color: #fff;

}



#left-col div.top-div div.dining{

  background: #000763 url("/images/bg-dining-guide.gif") top right no-repeat;

}



#left-col div.top-div div.rammys{

  background: #000763 url("/images/bg-rammys.gif") top right no-repeat;

}



#left-col div.top-div div h2{

  padding-left: 10px;

  padding-top: 5px;

  margin: 0;

  font-size: 1.6em;

  color: #fff;

  text-align: left;

  font-weight: normal;

}



#left-col div.top-div div p{

  color: #fff;

  padding: 0 100px 0 0;

  font-size: .92em;

  text-align: left;

  margin-left: 10px;

  margin-top: 11px;

  margin-bottom: 5px;

  line-height: 1.3em;

}



#left-col div.top-div div.dining form{

  margin: 0 5px;

  padding: 0;

}



#left-col div.top-div div.dining input{

  width: 134px;

  margin-left: 7px;

  margin-bottom: 5px;

  color: #4b4b4b;

  border: 0;

}



#left-col div.top-div div.dining select{

  width: 138px;

  margin-left: 7px;

  margin-bottom: 0;

  border: 0;

  float: left;

}



#left-col div.top-div div.dining input.submit{

  width: 72px;

  height: 30px;

  background: url("/images/search.png") no-repeat;

  float: right;

  margin-top: 30px;

  margin-right: 5px;

  padding: 0;

}



#left-col div.top-div img.sponsorship{

  float: right;

  margin-top: 4px;

  margin-right: 5px;

  margin-bottom: -15px;

}



#left-col div.top-div img.shadow{

  position: absolute;

  margin-top: 8px;

}



#left-col p{

  color: #666;

  padding: 0 10px;

}



#left-col table{

  color: #666;

  padding: 0 10px;

}







#index-bottom{

  clear: left;

  width: 570px;

  border-top: 1px solid #cacaca;

  margin-left: 10px;

  padding-top: 20px;

}



#index-bottom div.calendar-holder{

  width: 136px;

  padding: 6px 0;

  float: right;

  margin-right: 10px;

  display: inline;

  text-align: center;

}



#index-bottom div.calendar-holder h4{

  color: #2d72bf;

  font-weight: bold;

  font-size: 1.1em;

  margin-top: -5px;

}



#index-bottom div.calendar-holder img.l { margin-left: 5px; }

#index-bottom div.calendar-holder img.r { margin-right: 5px; }



table#calendar{

  width: 114px;

  margin: 0 auto;

  border-collapse: collapse;

}



table#calendar td{

  border: 1px solid #a3a59f;

  background: #fff;

  height: 10px;

  width: 15px;

}



table#calendar tr{

  height: 15px;

}





table#calendar td.event{

  background: #5b882a;

}



#left-col img.l{

  border: 2px solid #000763;

  margin-top: 4px;

  margin-right: 10px;

  margin-left: 10px;

}



table#restaurant-members{

  margin: 10px 0;

}



table#restaurant-members td{

  padding: 5px 0;

}



#left-col ul{

  margin-bottom: 20px;

}



#content table td{

  padding: 2px 5px;

}



#content table tr.sectiontableentry2{

  background: #eee;

}



/* Index Bottom section ------------------------------------- */

#index-bottom{

  padding-bottom: 20px;

  float: left;

}



#index-bottom div.index-events{

  width: 353px;

  float: left;

  border-right: 1px solid #cacaca;

  margin-right: 5px;

}



#index-bottom div.index-events a{

  font-weight: bold;

  text-decoration: none;

}



#index-bottom div.index-events a:hover{

  text-decoration: underline;

}



#index-bottom div.index-events ul{

  list-style-type: none;

  margin-left: 0;

  margin-bottom: 10px;

  font-size: .88em;

}



#index-bottom div.index-events h3{

  margin-bottom: 15px;

}



#index-bottom div.index-events span.event-date{ 

  color: #f68401;

  margin-right: 3px;

}



#index-bottom div.index-events div.calendar-holder a.add{

  position: absolute;

  margin-top: 5px;

  margin-left: -47px;

  color: #f68401;

}



#index-bottom div.index-news{

  float: left;

  width: 210px;

}



#index-bottom div.index-news a{

  font-weight: bold;

  color: #f68401;

  font-size: .88em;

}



#index-bottom div.index-news ul{

  color: #f68401;

  margin-bottom: 10px;

  font-size: .88em; 

  margin-left: 0px;

}



#index-bottom div.index-news li{

  margin-left: 20px;

  margin-bottom: 10px;

}



#footer{

  width: 842px;

  height: 104px;

  margin: -16px auto 0 auto;

  background: url("/images/bg-footer.png") no-repeat;

}



#footer p{

  text-align: center;

  font-size: .92em;

  line-height: 1.1em;

  margin: 5px 0 0 0;

  padding: 0;

}



#footer p.top{

  padding-top: 29px;

}



#footer a{

  margin: 0 10px;

  color: #000;

  text-decoration: none;

  position: relative;

}



#footer a:hover{

  text-decoration: underline;

}



#footer a.bwm{

  margin: 0;

}



#footer a:hover.bwm{

  color: #4a8ecb;

  text-decoration: none;

}









/*

	css template addons for module Latest Events



	Note that these classes can be used to customize the look of the latest events

	module if desired beyond inherited properties from the mambo template being used.

	If you don't want to override some of the template properties such as maybe a

	standard uniform way to display links consistently, then you should comment out

	the link style directives below or make suitable modifications.



	Classes:



	mod_events_latest_first	- the table cell that contains the first event listed

	mod_events_latest	- the table cell that contains an event besides the first



	mod_events_latest_date	- the html span that contains the date for the event on the

				  first line of the table cell.



	mod_events_latest_content - the html span that contains the event title.



	mod_events_latest_content a:{link|visited|hover}  - controls the formatting

		of the event title links if enabled thru the module parameters. See the

		Readme.txt file to get info on parameters.



*/

table.mod_events_latest_table {

  padding-right: 10px;

  width:197px;/*NEW 6.17.08*/

}



.mod_events_latest {

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border-top: solid 1px #043e64;

	border-top:none;

	/*height: 30px;*/

  	display: block;

  	margin-top: 2px;

  	padding-top: 2px;

	}



.mod_events_latest_first {

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	/*height: 30px;*/

	}



.mod_events_latest_date {

	font-size: 9px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:gray;

	}





.mod_events_latest_content a:link {

 	display: block;

  	padding: 3px 0;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:gray;

	}



.mod_events_latest_content a:visited {

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:gray;

	}



.mod_events_latest_content a:hover {

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color:#c0c0c0;

	}

  

  #main div#index-copy { margin-top: -20px; }

  .rammys2009 li a, .rammys2009 li a:hover, .rammys2009 li a:visited, .rammys2009 li a:link { color:#FFFFFF; font-size:12px; line-height:19px;}