/* ______ Global Styles */

body {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 13px;
	color: black;
	
}

th,td,p,.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: black;}

/*LINKS*/

a { 
	color: #cc0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.topnav, a.topnav:link, a.topnav:visited
{
color: #2A1F00;
text-decoration: none;
font-weight: bold;
font-size: 16px;
white-space: nowrap;
padding:0 1em;
}

a.topnav:hover
{
color: #a00;
text-decoration: none;
}

h1 {  
	font-size: 18px;
	font-weight: bold;
	color: #6b0129;
	letter-spaceing: 2px;
	line-height: 24px }

/* ______ AMP Specific Classes */


/*ARTICLE PAGES*/

.title { 
	font-size: 18px;
	font-weight: bold;
	color: #6b0129;
	letter-spaceing: 2px;
	line-height: 24px }
.subtitle { font-size: 12px; font-weight: bold; color: #FE6C01;}
.author {  font-size: 12px; font-weight: normal; color: #FE6C01; }
.date {   font-size: 12px; font-weight: normal;color: #FE6C01; }
.form {  font-size: 12px; font-weight: bold; color: #FE6C01;}
.photocaption {  font-size: 10px; font-weight: normal; color: #333333; text-align: center; vertical-align: middle; clip:   rect(   ); padding-top: 3px; padding-bottom: 3px}
.docbox {border : 1px double Black; font-size : 13px; text-align : center; }

/*LIST PAGES*/

.empty_thumb {
width: 110px;
height: 45px;
float: left;
}
.description {
float: left;
width: 400px;
}

.listtitle { 
	font-size: 16px;
	font-weight: bold;
	color: #660033;
	letter-spaceing: 2px;
	line-height: 20px}
.bodygreystrong {font-size: 12px; font-weight: normal; color: #FE6C01;}

/*INDEX PAGE*/

.home {  } 
.homebody { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.hometitle {   
	font-size: 18px;
	font-weight: bold;
	color: #6b0129;
	letter-spaceing: 2px;
	line-height: 24px }
.morelink { text-align: right;  display: block; } 

/*NAVIGATION*/

.breadcrumb { font-size: 11px; color: #660033; }
.subside {  font-size: 16px; font-weight: bold; color: #660033;}
.sidelist {font-size: 11px;  color: #660033; padding-bottom: 5px; font-weight: bold; }
.go { font-size: 9px}

/*NEWS and PR PAGES    bodystronggrey*/

.newstitle {  
	font-size: 18px;
	font-weight: bold;
	color: #941010;
	letter-spaceing: 2px;
	line-height: 24px }
.newssubtitle { font-size: 12px; font-weight: bold; color: color: #FE6C01;}
.bodystrong {font-size: 12px; font-weight: bold; color: #000000}       
.bodygrey {font-size: 12px; font-weight: normal; color: #333333}
     /*used in groups*/


/* ______ AMP Specific Classes for TOOLS */

/*CALENDAR*/
.eventsubtitle {font-size: 12px; font-weight: bold; color: #333333}
      /*used in groups*/

.eventtitle {font-size: 12px; font-weight: bold}
      /*used in groups*/


/*GROUPS & ENDORSEMENTS bodygrey, eventsubtitle,  eventtitle*/


/* LINKS MODULE */

.linktype { font-size: 13px; font-weight: bold;}
.links { padding: 3px; margin-left: 30px; }
.links a { font-size: 11px; }
.links img { float: left; padding: 5px; margin: 5px; border: 1px solid #666; }
.links br { clear: both; }
.links p { display: inline; font-size: 11px; font-weight: normal; color: #666; padding: 0px; padding-left: 4px; font-style: italic;  }
.links p a { color: #f00; font-size: 100%; font-style: italic;  }


/* GALLERY MODULE */
/* list of gallerys */
.gallerylist { padding: 5px; }
.gallerylist a { font-size: 14px; }
.gallerylist img { float: left; margin: 8px; border: 1px solid #666; }
.gallerylist br { clear: both; }
.gallerylist p { display: inline; font-size: 12px; font-weight: normal; color: #666; padding-left: 10px; }
.gallerylist p a { color: #f00; font-size: 100%; 
 font-size: 11px; font-weight: normal; font-style: italic; color: #666;  } 

/* indiv gallery page */
.gallerytitle { font-size: 16px; font-weight: bold; color: #333333; }
.gallery { padding: 0; margin: 0; border: 0; width: 100%; border: 0px solid #666; float: left; }
.gallerycon { width: 200px; height: 200px; float: left; margin: 10px; text-align: center; border: 0px solid #666; }         
.gallerycon img { float: center; padding: 5px; border: 1px solid #666; }
.gallerycap { padding: 5px; border: 0px solid #666; margin: 5px; }


/* FORMS  */

.udm_header { background-color: #F87B19; padding: 5px; font-weight: bold; width: 550px; }

.udm_group_label { text-align:left; font-weight: bold; padding-bottom: 5px;}

.form_label_col {text-align:left; width: 25%; font-weight: normal; padding-bottom: 10px; }
.form_data_col  {text-align:left; font-weight: normal;  padding-bottom: 5px;}

. form_span_col {text-align:left; width: 300px; font-weight: normal;  padding-bottom: 5px; display:block; }

/* _________ Design Specific  */

.masborder { border: 2px #000000 solid; }
.features { font-size: 10px; font-weight: bold; color: #000000}

div#ruckus_left {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 281px; /* 150 - 10 - 1 */
	margin: 12px 0px 0px 0px; /* top, right, bottom, left */
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #FE6C01;
}

div#ruckus_mainf {
	position: absolute;
	top: 140px;
	left: 302px;
	margin: 12px 16px 0px 10px;
	padding: 10px 0px 10px 10px;
 width: 700px;
}	  

div#ruckus_main {
	position: absolute;
	top: 140px;
	left: 302px;
	margin: 12px 16px 0px 10px;
	padding: 10px 0px 10px 10px;
}

div#ruckus_nav {
	position: absolute;
	top: 90px;
	left: 0px;
	margin: 0;
	background-color: #FF0000;
	height: 22px;
	right: 0px;
}

div#nav_text {
	font-family: mono;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 250px;
}


a.nav {
	color: #000000;
	text-decoration: none;
}

a.nav:hover {
	color: #941010;
	text-decoration: none;
}

div#ruckus_banner_left {
	position: absolute;
	top: 22px;
	left: 0px;
	height: 144px;
	width: 302px;
	abackground-color: #FFF;
	background-image: url(../../ruckus/images/missionaccomplished.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

div#ruckus_banner_left_news {
	position: absolute;
	top: 22px;
	left: 0px;
	height: 144px;
	width: 302px;
	abackground-color: #FFF;
	background-image: url(../../ruckus/images/headpic_news.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

div#ruckus_banner_right {
	position: absolute;
	top: 22px;
	left: 300px;
	right: 0px;
	height: 144px;
	background-color: #F79A21;
	background-image: url(../../ruckus/images/banner_actionsspeak.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}	

#punwrap {
width: 600px;
}

body {
background: #232323;
margin: 0;
padding: 0;
}
#container {
text-align: center;
}
#background-container {
background: url(/img/ruckus_index_13.gif) top center repeat-y;
}
#wrapper {
margin-left: auto; 
margin-right: auto;
width: 851px;
text-align: left;
}

#header {
}
#header-left {
float: left;
width: 415px; 
height: 208px;
}
#header-right {
float: left;
height: 208px;
width: 436px;
background: url(/img/ruckus_index_09.gif) top left no-repeat;
}

#quicklinks {
float: right;
color: #FFFFFF;
margin-right: 20px;
}
#quicklinks a {
color: #FFFFFF;
margin: 0px 5px;
font-size: 11px;
}
#body {
background: #000000;
}
#body-padder {
margin: 9px 0 9px 0;
}
#body-spacer {
width: 3px;
height: 300px;
float: left;
display: block;
}
#body-top {
background: url(/img/ruckus_index_details_21.gif) top left repeat-y;
height: 415px;
}
#body-top-left {
width: 629px;
float: left;
}
.slide_img {
width: 400px;
float:left;
margin-right: 20px;
}
.slide_img img {
width: 400px;
border: 1px solid #FFFFFF;
}
.slide_text {
color: #FFFFFF;
font-size: 12px;
float: left;
width: 150px;
}
.slide_title {
float: left;
width: 150px;
color: #ffc425;
font-size: 14px;
font-weight: bold;
margin-bottom: 14px;
}
.fpreadmore {
text-align: right;
display: block;
margin-top: 15px;
float: left;
}
#slideshow-padder {
padding: 20px;
}
#index-slideshow {
background: #6d6f71;
}
#buttons {
position: relative;
width: 402px;
height: 33px;
background: #58595b;
}
#buttons a { 
color: #FFFFFF; 
}
#prev {
position: absolute;
left: 10px;
top: 5px;
}
#next {
position: absolute;
right: 10px;
top: 5px;
}
.event_item_title a {
color: #860038;
font-weight: bold;
font-size: 12px;
}
.event_item_title {
color: #860038;
font-weight: bold;
font-size: 12px;
}
.event_item_padder {

}
.news_item_padder {
padding: 15px 4px 8px 4px;
margin: 5px 0 5px 0;
border-bottom: 1px #777777 dotted;
}
.news_item_left {
float: left;
width: 145px;
}
.news_item_title a {
color: #860038;
font-weight: bold;
font-size: 12px;
margin-right: 5px;
display: block;
}
.news_item_img {
width: 100px;
float: left;
margin-bottom: 10px;
}
.news_item_img img {
margin: 0 10px 0 0;
border: 1px solid #e31936;
}
.news_item_date {
color: #0763af;
font-size: 12px;
}
.news_item_text {

}
.news_item_more a {
color: #f26631;
}
#body-top-right {
width: 220px;
float: left;
}
#body-bottom {
}
.index-whatsnew {
width: 265px;
}

.index-events {
width: 249px;
margin: 14px 0 6px 0;
}
#column1 {
width: 288px;
height: 700px;
background: #dcddde url(/img/ruckus_index_details_25.gif) top left no-repeat;
float: left;
}
#column1-padder, #column2-padder, #column3-top-padder {
padding: 8px 10px;
}
#column2 {
width: 288px;
height: 700px;
background: #e6e7e8 url(/img/ruckus_index_details_27.gif) top left no-repeat;
float: left
}
#column3-top {
background: #ffd77d url(/img/ruckus_index_details_33.gif) top left no-repeat;
float: left;
margin-bottom: 2px;
}
#column3-middle {
background: #ffd77d url(/img/ruckus_index_details_33.gif) top left no-repeat;
float: left
}
#column3 {
width: 269px;
height: 600px;
left no-repeat;
float: left
}
#column1 h3, #column2 h3, #column3 h3 {
height: 30px; 
font-weight: bold;
color: #3f4040;
font-size: 16px;
margin: 0px 0px 10px 0px;
}
#column3 h3 a {
height: 30px; 
font-weight: bold;
color: #3f4040;
font-size: 16px;
}
#column1 h3 a {
height: 30px; 
font-weight: bold;
color: #3f4040;
font-size: 16px;
}
#column2 h3 a {
height: 30px; 
font-weight: bold;
color: #3f4040;
font-size: 16px;
}
.index-spacer {
width: 2px; 
float: left;
height: 200px;
}
#main-left {
width: 220px;
float: left;
background: #fdd06b url(/img/ruckus_inside_details_07.gif) top left no-repeat;
}
#content-nav {
background: #8c8c8c;
}
#get-updates {
margin: 10px;
}
.update-text {
display:block;
padding: 2px 0 10px 0;
font-size: 14px;
}
.update-button {
display:block;
text-align: right;
margin: 4px 20px 4px 9;
}
#twitter_div h2 {
display:block;
height: 30px; 
font-weight: bold;
color: #3f4040;
font-size: 16px;
margin: 8px 0px 10px 10px;
}

ul#twitter_update_list, 
#twitter_update_list li {
list-style-type:none;
padding:0px;
margin:0px;
}
#twitter_update_list li {
display: block;
margin: 10px 15px 10px 15px;
}
#twitter_update_list a {
color: #333333;
}
#twitter_update_list span {
display:block;
}
#twitter-link {
display: block;
font-size: 11px; 
margin: 3px 20px 10px 0;
}
#main {
width: 627px;
float: left;
background: #efeeee url(/img/ruckus_inside_details_09.gif) top left no-repeat;
}
#main-padder {
padding: 10px 20px 20px 20px;
position: relative;
}
#footer {
background: url(/img/ruckus_index_76.gif) top left no-repeat;
height: 92px;
width: 851px; 
margin-right: auto;
margin-left: auto;
color: #999999;
font-size: 11px;
}

#main-menu {
background: url(/img/ruckus_index_14.gif) top left no-repeat;
width: 851px;
height: 48px;
}

#nav, #nav ul {
float: left;
width: auto;
list-style: none;
line-height: 1;
text-transform:uppercase;
color: #3f4040;
font-weight:bold;
	padding: 0;
	margin: 0 0 0 0;
	font-size:11px;	
	font-family: Arial, Helvetica, Verdana, sans-serif; 
}


#nav a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
margin:0;
color: #3f4040;
text-transform:none;
font-size: 13px;
font-weight: normal;
padding: 20px 15px 10px 15px;
}

#nav a:hover {
color: #f6eb14;
text-transform:none;
font-weight: normal;
}

#nav li {
	float: left;
font-size: 9px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	w\idth: 180px;
	font-weight: normal;
	text-transform:none;
	color: #fff;
	background: #8e191b;
opacity:1;
filter:alpha(opacity=100);
	margin: 0;
z-index:100;
}

#nav li li {
	width: 180px;
border-top: 1px solid #ffc000;
padding: 0;
margin: 0;
}

#nav li ul a {
	width: 12em;
	padding: 8px 10px 4px 12px;
color: #f6eb14;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;	
}

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

#nav li:hover, #nav li.sfhover {
	background: #8e191b;
	color: #ffc000;

}