/*
Theme Name: UA Template - One Level Nav
Theme URI: http://ua.edu
Description: One level horizontal navigation web template based on the look and feel of the current UA Home Page. Available for usage by any official unit of The University of Alabama.
Version: 1.0
Author: Web Communications
Author URI: http://webcomm.ua.edu
Tags: university of alabama, crimson, white, grid, xhtml, multi-columns, primary horizontal navigation
*/

/*********************************************************
	CSS Reset
 *********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/*********************************************************
	HTML Elements
 *********************************************************/

body {
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,sans-serif;
	font-size:62.5%;
	line-height:20px;
	background:#f9f9f9 url(images/bannerRepeat.png) top left repeat-x scroll;
}
p {
	font:normal 1.4em/155% Verdana,Geneva,sans-serif;
	margin:0 0 15px 0;
}
p.big {
	font-size:1.8em;
	line-height:145%;
	margin-bottom:18px;
}
p.smaller {
	font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:"Lucida Sans",Lucida Sans Unicode,Verdana,sans-serif;
	line-height:1.1em;
	padding:6px 0 10px 0;
}
h1 {
	font-size: 2.6em;
	padding:5px 0 20px 0;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 2.0em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.7em;
}
h6 {
	font-size: 1.6em;
}
.newsPosting h6 {
	font-size: 0.9em !important;
	margin: -15px 0 0 5px;
	color: #999;
}
ul, ol {
	font-size:1.4em;
	line-height:155%;
	padding:5px 0 0 40px;
	margin:0 0 15px 0;
}
table {
	margin:0 0 15px 0;
}
table p {
	font: 1.4em/175% Verdana,Geneva,sans-serif;
	margin:0 0 5px 0;
}
a:link, a:visited, a:active {
	color:#900;
	text-decoration:none;
}
a:hover {
	color:#900;
	text-decoration:underline;
}
a {
  outline: none;
}



#faqinfo {
	border: 1px solid black;
	height: 475px;
	width: 700px;
	overflow: hidden;
	background-color: #eee;
	padding: 15px;
	margin: 2em 0;
	
}	

.infospace {
	padding: 1em 15px 0.5em 15px;
	background-color: #fff;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.expIco{ /*expanded state*/
	/*background-color:#eee;*/
	color: #900;
	padding: 3px 3px 3px 15px;
	/*border-top: 1px solid #bbb;
	border-left: 1px solid #999;
	border-right: 1px solid #999;*/
}

p.list a:hover{ 
	font-weight: bold;
	text-decoration: none;
}

	
.collIco{ /*collapsed state*/
	background-color: #ddd;
	color: #fff;
	font-weight: bold;
	padding: 3px 3px 3px 15px;
	border: 1px solid #bbb;
}

p.list {
	line-height: 20px;
	margin: 0 0 0 0;
}




/*********************************************************
	Photo Gallery
 *********************************************************/
.photoAlbum {
 width: 150px;
 height: 193px;
 float: left;
 text-align: center;
 padding: 6px;
 border: 1px solid #ccc;
 background: #e5e5e5;
 overflow: hidden;
 white-space: normal;
 margin: 0 12px 12px 0;
 }
.albumFeed {
 width: 150px;
 height: 150px;
 float: left;
 text-align: center;
 border: 1px solid #ccc;
 background: #e5e5e5;
 overflow: hidden;
 white-space: normal;
 margin: 0 30px 30px 0;
 }
.albumFeed img {
 padding: 6px;
 }
.photoAlbum a {
 
 }
 
/*********************************************************
	Column width/positioning
 *********************************************************/

#wrapper, #footerwrapper {
	width:972px;
	margin:0 auto;
	overflow: auto;
}

#content {
	padding-top:15px;
	font-family:Verdana, sans-serif;
	float:left;
	width: 100%;
	min-height: 500px;
	background: url(images/contentDS.png) repeat-y;
}

#edit {
	/*Just made this so the main content on teh pages can be 
	  edited in InContext editing.*/
	}

/*********************************************************
	Header
 *********************************************************/

#header {
	margin: 0 auto;
	height:217px;
	position:relative;
	/*background: url(images/saBanner.png) top center no-repeat;*/
}
#nameplate{
	background:url(../Student%20Involvement/images/ua-logo.pngx) top left no-repeat;
	width:217px;
	height:62px;
	position:absolute;
	top:58px;
	right:10px;
	text-indent:-9999px;
	margin:0;
	float: right;
	border: 1px solid white;
}
#nameplate-wide{
	background:url(images/ua-logo-wide.png) top left no-repeat;
	width:254px;
	height:27px;
	position:absolute;
	top:0px;
	left:10px;
	text-indent:-9999px;
	margin:0;
	z-index:100;
}
#wordmark{
	background:url(images/tag.png) top left no-repeat;
	width:432px;
	height:89px;
	position:absolute;
	top:50px;
	left:10px;
	text-indent:-9999px;
	margin:0;
	float: left;
}


/*********************************************************
	Main Navigation
 *********************************************************/
#main-nav{
	position:absolute;
	top:178px;
	/*background-color:#333;*/
	width:100%;
}
#main-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#main-nav ul li{
	float:left;
}

/* Default item width for menu_5 is 194px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_5 li {width:194px;}
.menu_5 li#item1 {width:194px;}
.menu_5 li#item2 {width:194px;}
.menu_5 li#item3 {width:194px;}
.menu_5 li#item4 {width:194px;}
.menu_5 li#item5 {width:194px;}

/* Default item width for menu_6 is 162px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_6 li {width:162px;}
.menu_6 li#item1 {width:162px;}
.menu_6 li#item2 {width:162px;}
.menu_6 li#item3 {width:162px;}
.menu_6 li#item4 {width:162px;}
.menu_6 li#item5 {width:162px;}
.menu_6 li#item6 {width:162px;}

/* Default item width for menu_7 is 138px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_7 li {width: 162px;}
.menu_7 li#item1 {width:138px;}
.menu_7 li#item2 {width:138px;}
.menu_7 li#item3 {width:138px;}
.menu_7 li#item4 {width:138px;}
.menu_7 li#item5 {width:138px;}
.menu_7 li#item6 {width:138px;}
.menu_7 li#item7 {width:138px;}

/* Default item width for menu_8 is 121px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_8 li {width:121px;}
.menu_8 li#item1{width:121px;}
.menu_8 li#item2{width:121px;}
.menu_8 li#item3{width:121px;}
.menu_8 li#item4{width:121px;}
.menu_8 li#item5{width:121px;}
.menu_8 li#item6{width:121px;}

.menu_8 li#item7{width:121px;}
.menu_8 li#item8{width:121px;}

/* Default item width for menu_9 is 108px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_9 li {width:108px;}
.menu_9 li#item1 {width:108px;}
.menu_9 li#item2 {width:108px;}
.menu_9 li#item3 {width:108px;}
.menu_9 li#item4 {width:108px;}
.menu_9 li#item5 {width:108px;}
.menu_9 li#item6 {width:108px;}
.menu_9 li#item7 {width:108px;}
.menu_9 li#item8 {width:108px;}
.menu_9 li#item9 {width:108px;}

/* Default item width for menu_10 is 97px */
/* WIDTH OF ALL ITEMS MUST TOTAL NO MORE THAN 972px */
ul.menu_10 li {width:97px;}
.menu_10 li#item1 {width:97px;}
.menu_10 li#item2 {width:97px;}
.menu_10 li#item3 {width:97px;}
.menu_10 li#item4 {width:97px;}
.menu_10 li#item5 {width:97px;}
.menu_10 li#item6 {width:97px;}
.menu_10 li#item7 {width:97px;}
.menu_10 li#item8 {width:97px;}
.menu_10 li#item9 {width:97px;}
.menu_10 li#item10 {width:97px;}

#main-nav ul li a{
	color:#fff;
	/*background-color:#333;*/
	text-decoration:none;
	line-height:39px; 
	display:block;
	font-size:14px;
	font-weight:bold;
	height:39px;
	overflow:hidden;
}
#main-nav ul li a:hover {
	color:#fff !important; /*#990000*/
	background: #333;
}

.hoverOverMenu {
 color: #000;
	background: #fff;
 }
/*********************************************************
	Second-Level Navigation
 *********************************************************/
.sec-nav {
	padding:0;
	margin:0 0 30px 0;
}
ul.sec-nav {
	font:bold 1.7em/175% "Lucida Sans",Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
}
ul.sec-nav li {		
	list-style:none;
}
ul.sec-nav li a {
	width:95%;
	display:block;
	padding:5px 0 5px 5px; 	
	border-bottom:1px #ccc dotted;
	text-decoration:none;
}
ul.sec-nav li a.noborder {
	border-top:0px;
}
ul.sec-nav li a:hover {
	/*color:#fff;*/
	background-color:#eee;	
	text-decoration:none;
}

/* Nested Second-Level Sub-Navigation */
ul.sec-nav ul {
	margin:0;
	padding:0 0 10px 15px;
	line-height:130%;
	display:block;
	width:92%;
}
ul.sec-nav ul li a {
	font-size:13px;
	font-weight:normal;
	line-height:130%;
	padding:4px 0 4px 4px;
	border:0;
	margin-top:0;
}
ul.sec-nav ul li a:hover {
	margin-right:20px;
}

/* Thinner font for menu items to prevent wrapping */
.thin {letter-spacing:-1px;}

.collapsed , .notCollapsed {
 float: right;
 font-size: 110%;
 padding: 0 10px ;
 color: #999;
 margin: -1px 0 0 ;
 }
.collapsed:hover , .notCollapsed:hover {
 color: #900;
 }
 
ul.spaced_list li {
	line-height: 1.75em;
} 

/*********************************************************
	Extra Sub Nav Stuff
 *********************************************************/


/*********************************************************
	Search Box
 *********************************************************/
#cse-search-results iframe {
 width: 735px !important;
 }
#toolbox{
	font-family:"Lucida Sans",Lucida Sans Unicode,Arial,Verdana,sans-serif;
	position:absolute;
	top:50px;
	right:5px;
	background:/*#820c0c*/ url(images/transRed.png) repeat;
	border: 1px solid #600;
	width:215px;
	height:60px;	
	padding: 0 3px 0 0;
}
#toolbox form{
	position:absolute;
	top:25px;
	left:10px;
	background-color:#fff;
	margin:0;
	padding:0;
}
#toolbox form input{
	border: 1px solid #fff !important;
	width:157px;
	margin:2px;
	padding:3px;
	vertical-align:middle;
	font-size:1.4em;
	color:#b61001;
	background: #fff;
}
#toolbox form input#submit{
	background:transparent url(images/search.gif) 0 0 no-repeat;
	cursor:pointer;
	height:24px;
	width:24px;
	border:0;
	font-size:0;
    line-height:0;
	text-indent:-9999px;
}
#toolbox ul{
	position:absolute;
	top:0;
	right:0px;
	list-style:none;
	margin:1px 10px 0 0;
	padding:0;
}
#toolbox ul li{
	float:left;
}
#toolbox ul li a{
	font-size:11px;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
/*	margin-right:13px;*/
	display:block;padding-top:1px;
	position: relative;
	z-index: 999;
}
#toolbox ul li a:hover{
	text-decoration:underline;
}
#toolbox a#myBama{
	background:url(http://www.ua.edu/images/layout/mybama-logo.png) 0 0 no-repeat;
	width:52px;
	height:18px;
	text-indent:-9999px;
	float:left;
	margin:3px 0 0 0;
}

#tool1 {width:72px;}
#tool2 {width:84px;}
#tool3 {width:71px;}

/*********************************************************
        Rotating Images
 *********************************************************/
.rotation {
	height: 260px;
	overflow: hidden;
}

/*********************************************************
        Columns
 *********************************************************/
.column_1,
.column_2,
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9 {
	display:inline;
	float: left;
	margin:0 10px;
}
.column_1 {
	width:88px;
}
.column_2 {
	width:196px;
}
.column_3 {
	width:303px;
}
.borderedColumn {
 border: 1px solid #ddd;
 }
.column_4 {
	width:412px;
}
.column_5 {
	width:520px;
}
.column_6 {
	width:628px;
}
.column_7 {
	width:736px;
}
.column_8 {
	width:844px;
}
.column_9 {
	width:952px;
}
.clear{
	clear:both;
	display:block;
	height:0;
	width:0;
	overflow:hidden;
	visibility:hidden;
}

/*********************************************************
        Columns - Prefix (empty space BEFORE columns)
 *********************************************************/
.prefix_1 {
	padding-left:108px;
}
.prefix_2 {
	padding-left:216px;
}
.prefix_3 {
	padding-left:324px;
}
.prefix_4 {
	padding-left:432px;
}
.prefix_5 {
	padding-left:540px;
}
.prefix_6 {
	padding-left:648px;
}
.prefix_7 {
	padding-left:756px;
}
.prefix_8 {
	padding-left:864px;
}
 
/*********************************************************
        Columns - Suffix (empty space AFTER columns)
 *********************************************************/
.suffix_1 {
	padding-right:108px;
}
.suffix_2 {
	padding-right:216px;
}
.suffix_3 {
	padding-right:324px;
}
.suffix_4 {
	padding-right:432px;
}
.suffix_5 {
	padding-right:540px;
}
.suffix_6 {
	padding-right:648px;
}
.suffix_7 {
	padding-right:756px;
}
.suffix_8 {
	padding-right:864px;
}

	/*********************************************************
        Columns
 *********************************************************/
.column_1,
.column_2,
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9 {
	display:inline;
	float: left;
	margin:0 0 0 10px; /* 0 10px */
}
.column_1 {
	width:88px;
}
.column_2 {
	width:196px; /* 196px */
}
.column_2_frontOnly {
	width:300px; /* 196px */
	text-align: center;
	float: left;
}
.column_3 {
	width:300px; /* 303px */
	padding: 0 0 0 9px !important; /* 0 */
}
.borderedColumn {
 border: 1px solid #ddd;
 }
.column_4 {
	width:412px;
}
.column_5 {
	width:520px;
}
.column_6 {
	width:628px;
}
.column_7 {
	width:736px;
}
.column_8 {
	width:844px;
}
.column_9 {
	width:952px;
}
.clear{
	clear:both;
	display:block;
	height:0;
	width:0;
	overflow:hidden;
	visibility:hidden;
}

/*********************************************************
	Second-Level Images
 *********************************************************/
.img_main {
	margin:0 0 15px 0;
	border: 1px solid #ccc;
	padding: 3px;
	background: #f9f9f9;
}
.img_left {
	float:left;
	margin:3px 15px 10px 0px;
}
.img_right {
	float:right;
	margin:3px 0px 10px 15px;
}

/*********************************************************
	Links Boxes
 *********************************************************/

.linksbox {
	/*background-color:#eee;*/
	margin:0 0 20px 0;
	padding:0;
/*	border:1px dashed #ccc;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left: 5px;
	-webkit-border-bottom-right: 5px;*/
}
.ical {
	background: url(images/calIcon.png) no-repeat;
}
.inews {
	background: url(images/newsIcon.png) no-repeat;
}
.mega {
	background: url(images/megaIcon.png) no-repeat;
}
.linksbox h1, .linksbox h1.gray, linksbox h1.darkgray {
	font-size:1.7em;
	color:#333;
	margin:0;
	padding: 8px 5px 8px 12px;
	text-align: center;
	border: 1px solid #ddd;
}
.linksbox h1 {
	background-color:#eee;
}
.linksbox h1.gray {
	background-color:#777;
}
.linksbox h1.darkgray {
	background-color:#333;
}
.linksbox h1.large {
	font-size:2.2em;
}
.linksbox ul {
	font: 1.3em/140% Verdana,sans-serif;
	padding:5px 12px 0px 0px /*25px*/;
}
.linksbox ul li {
	/*padding-bottom:3px;*/
}
.linksbox ul.nobullets {
	list-style-type:none;
	padding:5px 5px 0px 12px;
	padding:5px 3px 0px 0px /*12px*/;
}
ul /*all ul with bullets off */ {
 	list-style-type: none;
 }
ul.withBullets {
 	list-style-type: disc;
 }
.linksbox p {
	padding:4px 10px 0 10px;
}
.linksboxright {
	float:right;
	width:250px;
	margin:0 0 0 10px;
}
.linksbox ul li a {
	border-bottom:1px dashed #ddd;
	display:block;
	padding:5px 0 5px 3px;
	width:100%;
	background: #f6f6f6;
}
.linksbox ul li a:hover {
	background: #f0f0f0;
	text-decoration: none;
	color: #600;
}
.white {
 color: #fff !important;
 text-align: left !important;
 }
/*********************************************************
    Horizontal List
 *********************************************************/
.hori-list {
	margin-bottom:30px;
	margin-top:20px;
	background: #eee;
	height: 80px;
}
.hori-list h1{
	text-align:center;
}
.hori-list ul{
	padding:10px 0;
	margin-bottom:0px;
	text-align:center;
	margin: 0;
}
.hori-list ul li{
    display:inline;
    font-size:1.4em;
	font-weight:bold;
	padding:4px;
	float: left;
	margin: 0 2.5px;
}
.hori-list{
	margin: 20px 0 30px 0;
}
.hori-list h3 {
	background: #900;
	color: #fff;
}
.hori-list ul li a {
	padding:1px !important;
	background: #eee !important;
	border: 0 none !important;
	margin-top: -1px !important;
}

/*********************************************************
    Form Styles
 *********************************************************/
#content form{
	width:70%;
	font-size:1.2em;
}
#content fieldset{
	border:#333333 double 3px;
	background-color:#eeeeee;
	margin:10px 0;
	padding:10px 5px;
	clear:both;
}
#content legend{
	font-size:1.4em;
	font-weight:bold;
	color:#990000;
	margin-left:5px;
}
#content label{
	display:block;
	margin:2px 0 2px 10px;
	color:#000;
}
#content label span{
	color:#BC1212;
	vertical-align:middle;
}
#content input, #content select, #content textarea{
	margin:0 0 10px 10px;
	padding:3px;
}
#content textarea{
	width:75%;
	height:85px;
}
#content input.submit{
	display:block;
	margin:5px 0 5px 10px;
	padding:0;
	width:75px;
	height:30px;
	border:0;
	cursor:pointer;
}
#content input.submit:hover{
	color:#990000;
	border:#000 solid 1px;
}
#content form p{
	font-size:1.3em;
	padding:5px 5px 10px 5px;
}

/* brad's form stuff */
#myForm {
 width: 100% !important;
 color: #777;
 overflow: hidden;
 }

#myForm input , #myForm select , #myForm textarea {
 width: 65.7%;
 border: 1px solid #999;
 padding: 3px;
 float: left;
 margin: 6px 0;
 color: #777;
 }
#myForm select {
 width: auto;
 }
#myForm select option {
 margin: 0 0 5px 3px;
 outline: medium none;
 }
.departmentOption {
 text-transform: uppercase;
 color: #666;
 background: #f6f6f6;
 padding: 3px;
 margin: 2px 0 !important;
 border: 1px solid #f3f3f3;
 border-top: 0; border-right: 0;
 font-size: 110%; 
 color: #444; 
 background: #f9f9f9; 
 }
#myForm input:focus {
 border: 1px dotted #222;
 color: #222;
 }
 
h3.label {
 width: 230px;
 float: left;
 clear: both;
 text-align: right;
 padding: 13px 6px 0 0;
 font-size: 95%;
 font-weight: normal;
 color: #555;
 }
h3.labelLong {
 width: 90%;
 float: left;
 clear: both;
 text-align: left;
 padding: 13px 6px 0 12px;
 font-size: 95%;
 font-weight: normal;
 color: #555;
 }
#myForm span.information {
 float: left;
 width: 500px;
 font-size: 90%;
 margin: -6px 0 0 0;
 color: #aaa;
 }

/* for radio buttons */
#myForm span.pull {
 margin: 5px 0 3px;
 padding: 3px 0 0 0;
 float: left;
 text-align: left;
 width: auto;
 border: 0;
 }
#myForm span.pull input {
 margin: 5px 2px 3px 0;
 padding: 3px 0 0 0;
 float: left;
 text-align: left;
 width: auto;
 border: 0;
 }
#myForm span.pull label  {
 float: left;
 text-align: left;
 clear: left;
 width: auto;
 margin: 0 12px 0 0;
 padding: 0;
 color: #555;
 }
/* for radio buttons */

#myForm input.submit {
 width: 125px;
 border: 1px solid #999;
 background: #eee;
 font-weight: bold;
 float: left;
 font-size: 90%;
 margin: 15px 12px 15px 0;
 }

#myForm h6 {
 float: left; 
 clear: both; 
 margin: 9px 0 1px; 
 font-size: 110%; 
 color: #666; 
 background: #f9f9f9; 
 width: 98%; 
 padding: 3px 0 6px 6px;
 text-transform: uppercase;
 border: 1px solid #f3f3f3;
 border-top: 0; border-right: 0;
 }
#myForm h5 {
 float: left; 
 clear: both; 
 margin: 9px 0 1px; 
 font-size: 100%; 
 color: #666; 
 background: #f9f9f9; 
 width: 98%; 
 padding: 3px 0 6px 6px;
 text-transform: capitalize;
 }
#myForm p {
 float: left; 
 font-size: 100% !important;
 clear: both;
 width: 100%;
 }
   
label.error {
 float: left;
 background: #900 !important;
 color: #fff !important;
 margin: 6px 0 0 6px !important;
 padding: 3px;
 font-size: 80%;
 font-weight: bold;
 }
 
/*********************************************************
	Footer
 *********************************************************/
#footer{
	background:#990000 url(images/footer-bg.png) top left repeat-x;
	margin-top:0;
	padding:20px 0 30px 0;
	/*border-top:2px #999 solid;*/
	float:left;
	width:100%;
	min-width:972px;
	color:#fff;
	vertical-align:baseline;
	overflow: visible;
}
#footer h1{
	font-size:1.8em;
}
#footer ul{
	list-style:none;
	margin-left:0;
	padding-left:0;
	width:90%;
}
#footer li a{
	border-bottom:1px dashed #fff;
	display:block;
	padding:5px 0 5px 3px;
	width:100%;
	text-decoration:none;
}
#footer li a:hover{
	background-color:#4b0505;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:none;
}
p#links, p#copyright{
	font-size:1.2em;
	font-family:"Lucida Sans", Verdana, sans-serif;
	color:#ffffff;
	margin:10px 0 0 0;	
	text-align:right;
}
p#copyright{
	font-size:1.1em;
	padding:0;
}

li.newsCal {
	background: #fff url(../Student%20Involvement/images/newsCal.png) repeat-x bottom left;
	padding: 4px 4px 10px; 
	margin: 0 0 5px; 
	-moz-border-radius: 10px;
	border-style: solid;
	border-color: #f9f9f9 #e5e5e5 #e5e5e5 #f9f9f9;
	border-width: thin;
}

/*********************************************************
	Ripple and Logo
 *********************************************************/

#ripple {
 position: absolute;
 top: -25px;
 left: 42%;
 background: url(images/rippleCrop.png) no-repeat;
 width: 615px;
 height: 200px;
 }

/* 
#logo {
 position: absolute;
 top: 21px;
 left: 70px;
 background: url(../Student%20Involvement/images/logo.png) no-repeat;
 width: 615px;
 height: 355px;
 -webkit-transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
*/ }
/*********************************************************
	Ripple and Logo
 *********************************************************/



/*********************************************************
	Drop Down Menus
 *********************************************************/

#jsddm
{	
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		text-transform: uppercase;
		}

	#jsddm li a
	{	display: inline;
		text-decoration: none;
		font-size: 90% !important;
		color: #EAFFED;}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0 0 0 -6px;
			padding: 7px 2px 7px 6px;
			z-index: 99999;
			position: absolute;
			display: none;
			background: url(images/dropDownPane.png) no-repeat bottom left;
			width: 162px;}
		
		#jsddm li ul li
		{	float: none;
			white-space: normal;
			overflow: hidden;
			text-align: left;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			text-align: center;
			padding: 6px 2px;
			border-bottom: 1px dashed #fff;
			line-height: normal;
			height: auto;
			margin: 2px 0;
			color: #fff;
			text-transform: capitalize;
			font-weight: normal !important;
			font-size: 70% !important;
			}

		.noBottomBorder
		{	
			border-bottom: 0 none !important;
			}
		
		#jsddm li ul li a:hover
		{	background: #111 transparent url(images/dropDownHoverBG.png) repeat;
			text-decoration:none;
			color: #fff !important;}