/*
------------------------------------------------------
GENERAL STYLES FOR ASASU.NET/PAB/
ASSSOCIATED STUDENTS OF ARIZONA STATE UNIVERSITY
PROGRAMMING AND ACTIVITIES BOARD
------------------------------------------------------

------------------------------------------------------
For more information contact the ASASU
Web Manager, nick hammond at nhammond at asu.edu
------------------------------------------------------

------------------------------------------------------
Colors:
Red:	#b50021
Yellow:	#fcbf0a
Gray:	#eee
------------------------------------------------------
*/

* {
	margin:0;
	padding:0;
}

body { 
	
	background-color:rgb(200,0,20);
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}



#wrapper {
	background-color:#fff;
	margin-top:0;
	/*border-top:10px solid #b50021;*/
	border-bottom:20px solid #fcbf0a;
	margin:0 auto;
	width:800px;

}

#banner {
	background: #fff;
	margin-bottom:1px;
}
#banner img {
	margin:1px 0 0 5px;
}

/* BRILL-BSC NAVIGATION STYLES */
#menu {
	border-bottom : 1px solid #ccc;
	font-family:arial;	
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}
#menu ul, #menu li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu a:link, #menu a:visited {
	background : #f6bf0a;
	border : 1px solid #ccc;
	color: #000;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}
#menu a:link.active, #menu a:visited.active {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}
#menu a:hover	{
	color: #b50021;
}
#wrapper.section-1 #menu li#nav-1 a, 
#wrapper.section-2 #menu li#nav-2 a,
#wrapper.section-3 #menu li#nav-3 a,
#wrapper.section-4 #menu li#nav-4 a, 
#wrapper.section-5 #menu li#nav-5 a {
	background : #b50021;
	border-bottom : 1px solid #fff;
	color : #fff;
}
#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4, 
#menu #subnav-5 {
	background:#b50021;
	display : none;
	width: 800px;
}
#wrapper.section-1 #menu ul#subnav-1, 
#wrapper.section-2 #menu ul#subnav-2,
#wrapper.section-3 #menu ul#subnav-3,
#wrapper.section-4 #menu ul#subnav-4, 
#wrapper.section-5 #menu ul#subnav-5 {
	display : inline;
	position:absolute;
	margin:20px 0 0 -501px;

}
#wrapper.section-1 #menu ul#subnav-1 a, 
#wrapper.section-2 #menu ul#subnav-2 a,
#wrapper.section-3 #menu ul#subnav-3 a,
#wrapper.section-4 #menu ul#subnav-4 a, 
#wrapper.section-5 #menu ul#subnav-5 a {
	background:#b50021;
	border : none;
	border-left : 1px solid #ccc;
	color : #fff;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 4px 10px 4px 10px;
	text-decoration : none;
}
#menu ul a:hover {
	color : #000 !important;
}
/* END BRILL-BSC NAVIGATION STYLES */

/* BEGIN GENERAL CONTENT STYLES    */
#content {
	background:#fff;
	float:left;
	font-size:small;
	margin-top:30px;
	width:565px;
	font-family:Arial, Helvetica, sans-serif;

}
#content h1 {
	border-bottom:1px solid #b50021;
	color:#b50021;
	margin:0 0 0 10px;
	padding-left:10px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#content h2 {
	color:#666666;
	
	margin:0 0 0 20px;
}
#content h3 {
	margin:0 0 0 20px;
}
#content h4 {
	margin:0 0 0 20px;
}
#content p {
	line-height:120%;
	padding:0 20px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#content blockquote {
	border:1px dashed #b50021;
	margin:0 30px 10px;
	padding:10px;
}
#content table {
	padding: 10px;
}
#content ul {
	margin-bottom:10px;
}
#content li {
	margin:0 50px;
	padding:0;
}
#content a {
	color:#b50021;
}
#content a:hover {
	
}
/*     END GENERAL CONTENT STYLES     */


/*      BEGIN MT SPECIFIC STYLES      */
.entry {
	padding-bottom:20px;
}
.entry-footer{
	border-bottom:1px solid #b50021;
	margin-left:20px;
}
#content h2.entry-header {
	color:#b50021;
}
#content h3.date-header {
	color:#f6bf0a;
	font-size:smaller;
}
.entry-content a {
	color:#b50021;
}
.entry-content a:hover {
	border-bottom:1px solid #b50021;
}
.comment {
	background-color:#eee;
	border:1px solid #b50021;
	margin:20px;
	padding:10px 0 0;
}
h2.comments-open-header {
	color:#b50021;
}
.comments-open-footer {
	margin-left:20px;
}
/*  END MT SPECIFIC STYLES  */

#sidebar {
	background:#ffffff;
	margin:20px 0 0 575px;
	padding-bottom:20px;
	width:215px;
	border: 2px solid black;
	text-decoration:none;
	text-align:center;
	color:#990033;
	
	
}


#sidebar h3 {
color:#000;
font-size:16px;
}

#sidebar a {
font-size:12px;
}

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

#blog{
background: #fff;
	float:left;
	font-size:small;
	margin-top:30px;
	width:580px;
}

.blog-desc{
font-size:10px;
}

.blog-h1{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#000000;


}

.module-head a, .module-head{
background:#000;
display:block;
color:#CCCCCC;
width:100%;
font-size:12px;
}

.module-content{
padding:0;
}

.module-list{
list-style:none;
text-align:left;
color:#333333;
background:#CCCCCC;
}

.module-list a{
color:#333333;
}

.module-syndicate module a{
font-weight:bold;
}

#removeunderline a{
text-decoration:none;


}

.hide {

	display:none;
}

img.center {
	margin:0 20px;
}

/*        BEGIN FOOTER STYLES         */
#footer {
	background:#eee;
	padding:10px 0 10px 0;
	border-top:1px solid #b50021;
	font-family:arial;
	font-size:12px;
	margin:0px auto;
}

#footer p {
text-align:center;
}

#footer a {
color:#b50021;
text-decoration:none;
font-weight:bold;

}

#footer a:hover {
color:#fcbf0a;
text-decoration:none;
font-weight:bold;
}



/*        END FOOTER STYLES         */



/*for alternating cell color*/
.firstcell {
background-color:#ffffff;
color:#000;

}

.secondcell {
background-color:#CCCCCC;
color:#000000;
}

.firstcellover {
color:#b50021;
background-color:#fcbf0a;
}

.secondcellover {
color:#b50021;
background-color:#fcbf0a;

}

#highlightbox {
border: 2px solid #fcbf0a;
height:auto;
margin:0px auto;
padding:8px;
width:500px;

}

#supportstaff {
font-size:12px;
margin-left:10px;

}


#supportstaff tr {
border:double black;
}

#supportstaff td {
padding:5px 8px 5px 8px;

}

#supportstaff table {
border-style:solid 2px black;
}

.warn {
color:#FFCC00;
font-size:12px;
}

.error {
color:#FFCC00;
font-size:12px;
}

#mailer {
color:#a30046;
text-align:center;
font-size:12px;

}
#header-space {
background:#000;
height:20px;
margin:0;
padding:0;

}

#the-menu {
background:#000;

}

#calendar a:link img{
border:2px solid #333333;
}
#calendar a:visited img{
border:solid 2px #333333;
}
#calendar a:hover img{
border:solid 2px #CC0000;
}

/*************************************************************************************
css drop down menu styles
*************************************************************************************/
/**************** menu coding *****************/


#nav {
width: 100%;
background: #000;
float: left;
margin:0 0 20px 0;
padding:0 ;
}
 




#nav ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 125px;
float:left;
text-align:center;

}

#nav a, #nav h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;

}

#nav h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#nav a {
color:#fff;
background: #000;
text-decoration: none;
}

#nav a:hover {
color:#FFCC00;
background: #000;
}

#nav li {position: relative;}


#nav ul ul {
position: absolute;
z-index: 500;
}

#nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;
position:absolute;
left:0px;
top:15px;
}


<!--[if IE]>

 #nav ul li {float: left; width: 100%;}

<![endif]-->
<!--[if lt IE 7]>

body {
behavior: url(csshover.htc);
font-size: 100%;
}

#nav ul li a {height: 1%;} 

#nav a, #nav h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

<![endif]-->



#calendar{
padding:10px;
}

p.center{
text-align:center;
}

.right{
position:relative;
float:right;
}

.dotted-line-bottom{
margin-left:10px;
margin-right:10px;
border-bottom:solid 1px #990000;
color:#990000;
}
.dotted-line-top{
margin-left:10px;
margin-right:10px;
border-top:solid 1px #990000;
}



<!----------------------scrolling banner---------------------------->
#scr1{
background-color:#f6f6f6;
margin:0px auto;
border-bottom:solid 1px #333333;
border-top:solid 1px #333333;
}
#scr1 table tr td {
padding:10px;
color:#333333;
text-align:center;
vertical-align:middle;

}
#scroller{

}