body 
{
	margin:0 auto;
	padding:0;
	background-color:#ccc;
	text-align:left;
	font-family: Georgia,Verdana,sans-serif;
	}

/*** Basic Text Formatting ***/
A {
    COLOR: black;  
    text-decoration: underline;
}
A:link {
    TEXT-DECORATION: underline;
}

A:active {
    COLOR: black;
    TEXT-DECORATION: underline;
}
A:hover {
    COLOR: #990000;
}

/** UTIX **/ 
a.category:link
{
	background: #990000;
	display: block;
	width: 375px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
a.category:visited
{
	background: #990000;
	display: block;
	width: 375px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
a.category: active
{
	background:#990000;
	display: block;
	width: 375px;
	color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}
A.category:hover {
    COLOR: #dcdcdc;
}
ul.eventlisting
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
li.eventlisting
{
	COLOR: #000000;
    display: inline-block;
    list-style-image: url("../../images/nav/arrow2.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

table.nospace
{
    border: none 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: 300px;
}

table 
{
    border-top: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    PADDING-TOP: 0px;
    padding-bottom: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    MARGIN: 0px 0px 0px 0px;
    FONT-SIZE: 10pt;    
}
table.border {
    BORDER-RIGHT: black 1pt;
    BORDER-TOP: black 1pt;
    BORDER-LEFT: black 1pt;
    BORDER-BOTTOM: black 1pt;
    padding: 5px 5px 5px 5px;
    border-style:  solid;
    line-height: 18px;
}
table.mainBorder {
    border-color: #dcdcdc; 
    border-left: solid 0px;
    border-right: solid 0px;
    border-top: solid 0px;
    border-bottom: solid 1px;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;   
}

TABLE.cart{
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 2px;
}
th {
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    COLOR: white;
    BACKGROUND-COLOR: #990000;
}

th.sub1 {
    COLOR: White;
    text-align: left;
    padding: 3px;
    BACKGROUND-COLOR: #717171;
}
th.sub2 
{
    color: Black;
    font-weight: normal;
    BACKGROUND-COLOR: #b6b6b6;
    font-family:Arial, Helvetica, sans-serif;
    font-size: xx-small;
}
TH.left {
    TEXT-ALIGN: left;
}
.options{
    COLOR: #000066;
}
.error {
    FONT-WEIGHT: bolder;
    COLOR: #cc0000;
    list-style: none; 
    list-style-image: url("../../images/nav/warning.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline ;
}
.title {
    FONT-WEIGHT: bolder;
    COLOR: #000066;
    background-color: #ebebed;
    width: 90%;
    padding: 5px 5px 5px 5px;
    border: solid 1px #000066;
    margin-bottom: 5px;
}
.info {
    FONT-WEIGHT: bolder;
    COLOR: #333399;
    list-style: none; 
    list-style-image: url("../../images/nav/info.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}

.preview{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/preview.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}

.newuser{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/newuser.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}
.sorry{
    FONT-WEIGHT: bolder;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../../images/nav/sorry.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}

.clipboard{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/clipboard.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline;
}
.adminbullet {
    COLOR: #ffffff;
    list-style: none; 
    list-style-image: url("../../images/nav/adminbullet.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    display: inline ;
}
.confirmation {
    FONT-WEIGHT: bolder;
    COLOR: #006633;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    list-style: none; 
    list-style-image: url("../../images/nav/ok.gif");
}
.create {
    FONT-WEIGHT: bolder;
    COLOR: #333399;
    list-style: none; 
    list-style-image: url("../../images/nav/create.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
.caution {
    FONT-WEIGHT: bolder;
    COLOR: #ff9900;
    list-style: none; 
    list-style-image: url("../../images/nav/caution.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
.newuser{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../images/nav/newuser.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}

.login{
    FONT-WEIGHT: bolder;
    COLOR: #000000;
    list-style: none; 
    list-style-image: url("../../images/nav/login.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;

}
.arrow{
    COLOR: #000000;
    	display: inline-block;
    list-style-image: url("../../images/nav/arrow2.gif");
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
}
img {
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}
.control {
    border: 1px solid #696969;
    padding: 1px 3px 3px 3px;
    font-size: 8pt;
    font-family:Georgia,Verdana,sans-serif; 
}
.smallcontrol {
    border: 1px solid #696969;
    padding: 1px 1px 1px 1px;
    font-size: 10pt;
    font-family: Georgia,Verdana,sans-serif; 
}
.inputsubmit {
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-color: #D9DFEA;
    border-left-color: #D9DFEA;
    border-bottom-color: #0e1f5b;
    border-right-color: #0e1f5b;
    background-color: #990000;
    color: white;
    padding: 1px 1px 1px 1px;
    margin: 5px 0px 0px 5px;
    font-size: 10pt;
    font-family:Georgia,Verdana,sans-serif; 
}
form{
	display:inline;
}
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #000000;	/* black border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#000066;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
TD.available
{   
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Green;
}

TD.unavailable
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Red;
}

TD.reserved
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Orange;
}

TD.selected
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Blue;
}

TD.obstacle
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: Black;
}

TD.renewal_held
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: #cc33ff;
}

TD.held
{
    height: 8px;
    width: 20px;
    padding: 0px 0px 0px 0px;
    BACKGROUND-COLOR: #33CCFF;
}

/*** General Page Structure ***/

#wrapcontainer {
		background: url(../../images/alabama/back_wrap_gray.gif);
		background-repeat:repeat-x;
		background-color:#fff;
}
 
#shadowcontainer {
		width:778px; 
		margin:0px auto;
		padding:0px;
		overflow:hidden;
		background-image: url(../../images/alabama/shadow_back_gray.gif);
		background-repeat:repeat-y;				
}

#content {
		width:762px; 
		margin:0px auto;
		text-align:left;
		overflow:visible;
}

#pagetop {
		border-top:1px solid #900;
}

#col_nav {
		width:170px;
		float:left;
		margin:0px;
		padding-left:5px;
		padding-right:10px;
		text-align:left;
}

#col_content {
		width:550px;
		float:left;
		margin:0px auto;
		padding-left:20px;
		padding-bottom:15px;
		padding-top:10px;		
}

#col_full {
		width:730px;
		float:left;
		margin:0px auto;
		padding-left:20px;
		padding-bottom:15px;
		padding-top:10px;
		text-align:left;
}




/*** Header Bar ***/

#header {
		background-color:#900;
		width:762px;
		height:78px;
		border-top:2px #fff solid;
		margin:0px auto;
}

#header_nameplate {
		width:550px;
		background-color:#900;
		float:left;
		color:#fff;
}
				
#header_nameplate a:link {font-size: 24px; font-weight: bold; color:#fff;text-decoration:none}
#header_nameplate a:visited {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:active {font-size: 24px; font-weight: bold;color:#fff;text-decoration:none}
#header_nameplate a:hover {font-size: 24px; font-weight: bold;color:#ccc;text-decoration:underline}				
#header_nameplate img {margin-top:10px;margin-bottom:0px;}
				
				
#header_mark {
		float:left;
		height:68px;
		width:187px;
		padding-top:10px;
		padding-right:25px;
		text-align:right;
		background-color:#900;
}				


/*** Targeted Links Bar ***/

#targetbar {	
		min-height:26px;
    	background-color:#666; 
		text-align:center;
		clear:both;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
}

#targetbar ul {
		font:0.7em/26px Georgia,Verdana,Arial,sans-serif;
		color:#fff;
		margin: 0px;
		padding: 0px 0px 0px 0px;
}

#targetbar ul li {
		display: inline;
		border-left:1px solid #fff;
		padding: 0em 1.5em;
		height:0;
}

#targetbar ul li.first {
		display: inline;
		border-left:0px solid #fff;
		padding: 0em 1.5em;
		height:0;
}

#targetbar ul li a {
		text-decoration: none;
		color: #fff;
}

#targetbar ul li a:hover {
		background:#eee;color:#900;text-decoration:none;
}



/*** Navigation Menu ***/

#submenu {
		margin-top:20px;
		padding-left:5px;
}

#submenu ul {
		font:bold .75em/175% Georgia,Tahoma,Verdana,sans-serif;
		color:#900;
		padding:0px;
		margin:0px;
}

#submenu ul li {
		list-style: none;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}

#submenu ul li a {
		text-decoration:none;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}

#submenu ul li a:hover {
		text-decoration:none;
		color:#fff;
		background:#900;
		padding:7px 0px 7px 0px;
		margin:3px 0px 3px 0px;
}



/*** Main Page Content ***/
			
#main_img {
		border-bottom:1px solid #900;
		margin-bottom:2px;
		margin:auto;
		text-align:center;
		width:762px;
}

.feature {
		padding:15px;
}

.feature img {
		width:100px;
		float:left;
		padding-right:15px;
}

.feature h1  {font:bold 0.95em/100% Georgia,Verdana,sans-serif;color:#000;margin-top:0px;margin-bottom:5px;text-align:left;}
.feature p {font:0.75em/140% Verdana,sans-serif;color:#000;padding-top:8px;margin-bottom:0px;text-align:left;}

.mainbody {
		padding:15px;
		clear:both;
		margin:0 auto;
}


/*** Footer ***/
/*** Please maintain a standard footer across all departmental pages with the UA institutional links as in the template ***/

#mod_footer {
		width:748px;
		background:url(../../images/alabama/footer_gray.jpg) repeat-x;
        min-height:75px;
		background-color:#fff;
		padding-top:15px;
		padding-bottom:10px;
		border-top:1px solid #900;
		border-bottom:1px solid #000;
		text-align:center;
		clear:both;
		margin:auto;
}

.footer {font: 0.7em/150% Verdana,sans-serif;color:#000;}
.footer a:link {color:#900;text-decoration:none}
.footer a:visited {color:#900;text-decoration:none}
.footer a:active {color:#900;text-decoration:none}
.footer a:hover {color:#900;text-decoration:underline}



/*** Two or Three-Column Content Structure ***/
/*** This optional style can be used to create a two or three column structure similar to a table with two or three columns ***/
/*** Use the 'columns' div to wrap the width of your columns to 100% of the page, then select either the 'column2' or column3' div to create columns ***/

.columns {
		width:100%;
		padding-top:10px;
		clear:both;
		text-align:left;
}

.column2 {
		width:46%;
		float:left;
		overflow:hidden;
		padding:2%;
}
	
.column3 {
		width:29%;
		float:left;
		overflow:hidden;
		padding:2%;
}




/*FACEBOOK CONNECT BUTTON*/
input.fb-publish {
background: #617aac url('../../images/fb.gif') no-repeat 5px;
border-bottom: 2px solid #33332f; /*Separate border styles give a simple 3D effect*/
border-left: 1px solid #33332f;
border-right: 2px solid #33332f;
border-top: 1px solid #33332f;
color: #fff;
margin: 0px 0px 10px 0px;
padding: 2px 2px 2px 25px;
overflow: visible;
font-family:"Helvetica Neue", Helvetica, arial, sans-serif; 
FONT-SIZE: 9pt;
COLOR: white;}

input.fb-publish:hover { /*Adds neat-o hover effect to the button*/
border-bottom: 1px solid #33332f; /*Separate border styles give a simple 3D effect*/
border-left: 2px solid #33332f;
border-right: 1px solid #33332f;
border-top: 2px solid #33332f;}

/*FACEBOOK CONNECT BUTTON ON EVENT PAGE*/
input.fb-publish2 {
background: #617aac url('../../images/fb.gif') no-repeat 5px;
border-bottom: 2px solid #33332f; /*Separate border styles give a simple 3D effect*/
border-left: 1px solid #33332f;
border-right: 2px solid #33332f;
border-top: 1px solid #33332f;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 25px;
overflow: visible;
font-family:"Helvetica Neue", Helvetica, arial, sans-serif; 
FONT-SIZE: 9pt;
COLOR: white;}

input.fb-publish2:hover { /*Adds neat-o hover effect to the button*/
border-bottom: 1px solid #33332f; /*Separate border styles give a simple 3D effect*/
align:right;
border-left: 2px solid #33332f;
border-right: 1px solid #33332f;
border-top: 2px solid #33332f;}