@media all { 



/* =The above @media rule hides this stylesheet from the 

discontinued Microsoft Internet Explorer for Mac. */



/* =universals 

These rules are applied to all elements unless otherwise specified below. */

* { margin : 0; padding : 0; }

h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }



/* =html */

html { background : #000 url(../images/rmg_bghtml.png) repeat-x fixed; }



/* =body */

body { font : 76%/160% Tahoma, Verdana, Arial, sans-serif;  text-align : center; }



/* =hx */

h1, h2, h3 { font-weight : bold; text-transform : uppercase; }



/* =h1 */

h1 { z-index : 3; position : absolute; top : 0; height : 180px;  width: 410px; right: 0; }



/* =h2 */

h2 { font-size : 130%; }



/* =h3 */

h3 { font-size : 110%; }



p{ color: #fff; }



/* The following rules relate to image replacement where a background image 

is placed on an element and HTML text is moved out of view. 

See http://www.mezzoblue.com/tests/revised-image-replacement */



h3#contentsubflash img { width: 290px; height : 988px; margin : 0; padding : 0; position: absolute; right: 12px; top: 0; }



/* =ul */

ul { list-style-type : none; }



ul#headlines { list-style-image: url(../images/rmg_arrow.png);}





/* =ol */

ol { list-style-type : none; }



/* =span */



/* The following rules relate to image replacement where a background image 

is placed on an element and HTML text is moved out of view. 

See http://www.mezzoblue.com/tests/revised-image-replacement */





/* =p */

p#si_1 { position : absolute; top : 24px; right : 20px; width: 147px; height : 17px; margin : 0; padding : 0; background : url(../images/rmg_si_1.png) no-repeat; text-indent : -9999px; }



p#whatisq {

	text-indent: -9999px;

	background-image: url(../images/rmg_whatisq.png);

	width: 409px;

	height: 107px;

	padding: 0;

	margin: 5px 0 15px 3px;

}



p#featuredevents {

	text-indent: -9999px;

	width: 408px;

	height: 238px;

	margin-left: 4px;

	margin-top: 5px;

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

}

p#feature1{

	text-indent: -9999px;

	background-image: url(../images/rmg_feature8.png);

	width: 409px;

	height: 166px;

	padding: 0;

	/*position: relative;*/
	
	/*margin-top: -221px;*/

	margin-left: 3px;

	margin-right: 0;

}


p#feature2{

	text-indent: -9999px;

	background-image: url(../images/rmg_feature13.png);

	width: 408px;
	
	height:  137px;

	padding: 0;

	/*position: relative;*/
	
	margin-top: -221px;

	margin-left: 3px;

	margin-right: 0;

}

p#feature3{

	text-indent: -9999px;

	background-image: url(../images/rmg_feature12.png);

	width: 409px;

	height: 166px;

	padding: 0;

	/*position: relative;*/

	margin-left: 3px;

	margin-right: 0;

}


#rightcolumn >p{

	margin-top: 30px;

	width: 266px;

	height: 240px;

	margin-left: 1px;

}


/* =a */

a:link { color : #fff; text-decoration : none; font-weight: bold; }

a:visited { color : #fff; text-decoration : none; font-weight: bold; }

a:hover { color : #ff56ce; }

a:active, a:focus { color : #fff;}



ul#headlines a { font-size: 11px;

}



h1 a { display : block; width: 379px; height : 178px; text-indent : -9999px; }



p#whatisq a { display : block; width: 409px; height: 107px; }

p#feature1 a { display : block; width: 409px; height: 107px; }

p#feature2 a { display : block; width: 409px; height: 107px; }

p#feature3 a { display : block; width: 409px; height: 107px; }

p#feature4 a { display : block; width: 409px; height: 107px; }

/* =img */

img, img a { border : none }

abbr, acronym { text-decoration : none; border : none; }



div#container { position : relative; width : 1012px; margin : 0 auto; padding-top : 0; text-align : left;

	height: 100%;

}

div#containersplash { position : relative; width : 601px; margin : 0 auto; padding-top : 0; text-align : left;

	height: 100%;

}

div#branding { z-index : 1; position : absolute; width : 690px; height : 180px;

	top: 0;

	right: 0;

}

div#splash { z-index : 1; position : absolute; width : 601px; height : 450px;

	top: 0;

	right: 0;

}



div#content { width : 1012px; padding : 40px 0 10px; overflow : hidden;

	height: 100%;

}

div#content_main { float : right; width : 690px; padding : 84px 0 0; background : url(../images/content_main.png) repeat-x;

	margin-top: 93px;

}

div#content_sub { display : inline; float : left; width : 337px; background : url(../images/rmg_contentsub_bg.png) repeat-y; overflow : hidden;

	margin-right: 0;

	position: absolute;

	top: 0;

	height: 100%;

	margin-left: -15px;

}



div#right_sub { display : inline; float : right; width : 41px; background : url(../images/rmg_rightsub_bg.png) repeat-y; overflow : hidden;

	margin-right: 0;

	position: absolute;

	top: 0;

	height: 100%;

	margin-left: -15px;

	right: -41px;

}



div#site_info { position : relative; width : 690px; height : 50px; background : #000 url(../images/rmg_siteinfo_bg.png) repeat-x; right: -322px;

}









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

/*Menu bar*/



.o1 a {color: white; padding: 17px 8px 0; text-align: center;

	font-size: .8em;

}

.o1 a:hover {color: #aaa; height:30px;}

#mainMenu li.o2 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; margin-left: 30px;text-align: center;}

#mainMenu li.o2 a {color: #4a9dcc;}

#mainMenu li.o2 a:hover {color: #780068; background: none;}

#mainMenu li.o3 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; text-align: center;}

#mainMenu li.o3 a {color: #4a9dcc;}

#mainMenu li.o3 a:hover {color: #c8bc59; background: none;}



.oselected a {color: #549821; font-size: 1.1em; height:43px; background: white; padding: 10px 5px 0 5px; text-align: center;}

.oselected a:hover {color: #549821; height:43px; background: white;}



.o4 a {color: white; font-size: .8em; padding: 0px 0px 10px 0px;}



/*Individual menu labels */



.home a {width: 42px;}

.events a {width: 56px;}

.news a {width: 45px;}

.welcometoqueendom a {width: 177px; }

.aboutrmg a {width: 100px;}

.contactus a {width: 100px;}

/*I would've done this by just changing all the background positions in one go, but

  IE is a piece of crap and didn't like it.*/

.home a:hover {width: 42px; }

.events a:hover {width: 56px;}

.news a:hover {width: 45px; }

.welcometoqueendom a:hover {width: 177px;}

.aboutrmg a:hover {width: 100px; }

.contactus a:hover {width: 100px;}



#mainMenu ul li a {height: 34px; padding: 0; margin: 0;}

/*.newevent a {margin-right: 30px; width: 36px; background: url(../images/newevent.png) 0 0;}*/





#mainMenu ul {

	list-style: none;

	float: right;

	display: inline;

	margin-bottom: 0;

	margin-left: 0;

	position: absolute;

	top: 180px;

	left: 322px;

	width: 690px;

	padding: 0;

	background: url(../images/rmg_menu_bg.png) repeat-x;

	text-decoration: none;

	font: small-caps bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	z-index: 1000;

}

#mainMenu a {display: block; color:white; text-decoration: none; }

#mainMenu a span {display: block; padding: 4px 5px;}

#mainMenu li ul li a strong {color: white; padding: 0; display: inline;}

#mainMenu li ul li a:hover strong {color: #fff;}

#mainMenu li:hover a, #mainMenu li a {position: relative; z-index:1000; }

#mainMenu ul ul a {	

	display:block;	

	width:110px;

	margin: 0 0 0 -40px;

	list-style: none;

	padding: 5px 0 5px 30px;

	font-size: .8em;

	color: #fff;

	background: none;

	text-indent: 0;

	height: auto;

}

#mainMenu ul ul a:hover {background: url(../images/rmg_little_r.png) 3px 3px no-repeat; color: #ee08ff;}

/*spacing between buttons */

#mainMenu li {float: left; padding: 0 20px 0 4px; margin: 0;}

#mainMenu ul ul li {background: none;

	padding-left: 42px;

}

/*#mainMenu ul ul li.top-li {margin-top: 0px; padding: 0; background: url(../images/menu_bg_top.png) -40px -40px no-repeat; width: 206px;}*/

#mainMenu li.mm2 {background: none;}

#mainMenu li ul {position: absolute; background: url(../images/menu_bg_bottom.png) 0% 100% no-repeat; width: 145px; padding-bottom: 10px; left: -9999px; z-index: 1000;

	top: 30px;

}



/*Drop down spacing*/

#mainMenu ul li.events ul{ margin-left: -15px;}

#mainMenu ul li.news ul{margin-left: -15px;}

#mainMenu ul li.welcometoqueendom ul{margin-left: 10px;}

#mainMenu ul li.aboutrmg ul{margin-left: 6px;}



#mainMenu li:hover ul, #mainMenu li.sfhover ul {left: auto;}





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



/* Left and Right Columns*/



#wrapper {

width: 690px;

position: relative;

margin-bottom: 0px;

margin-left: auto;

margin-right: auto;

}



#leftcolumn{ 

 color: #333;

 height: 100%;

 width: 416px;

 float: left;

	border-right-width: 1px;

	border-right-style: dotted;

}



#rightcolumn { 

 float: right;

 color: #333;

 height: 100%;

 width: 272px;

 display: inline;

 position: relative;

}



/* Form*/



#form{

	width: 268px;

	height: 219px;

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

	margin-top: 13px;

	color: #fff;

}



form#signupform{

	position: relative;

	top: 100px;

	right: -30px;

}



form#signupform > label#firstname{

	position: relative;

	right: 1px;

}



form#signupform > label#lastname{

	position: relative;

	top: 5px;

}



form#signupform > label#email{

	position: relative;

	right: -23px;

	top: 10px;

}



form#signupform > label>select{

	position: relative;

	right: -61px;

}



form#signupform >input{

	width: 61px;

	height: 60px;

	position: relative;

	right: -163px;

	top: -10px;

	text-indent: -9999px;

	border-style: none;

	background-color: transparent;

	background-image: url(../images/rmg_formgobtn.png);

}





/* Flash */



#titleflash{

	width: 690px;

	height: 180px;

	margin: 0;

	padding: 0;

	position: relative;

	top: 0;

}





#flashcontent{

	width: 410px;

	height: 294px;

	background-color: #000;

	position: relative;

	right: -3px;

}



#largeslideshow{

	width: 290px;

	height: 988px;

	background-color: #000;

	position: relative;

	right: -34px;

	top: 0;
}



#videoplayer{

	width: 268px;

	height: 258px;

	position: relative;

	right: -1px;

}



}