*, html {margin: 0; padding: 0;}
body {font-family: Tahoma, Verdana, Arial, Sans-Serif; }
#wrapper {text-align: left;}

a, a:link {color: #478BC0;}

body {background: #FFE596 url(i/bg.jpg) repeat-y top left;}

#wrapper {display: block; width: 950px; background: #fff;}
#header {display: block; height: 105px; width: 100%; background: url(i/headerBg.gif) repeat-x left top;}
h1 {display: block; width: 230px; height: 105px; text-indent: -700em; float: right;}
h1 a {display: block; width: 230px; height: 105px; background: url(i/adtravLogoHeader.gif) no-repeat center center;}
h2 {display: block; width: 319px; height: 105px; text-indent: -700em; float: left;}
h2 a {display: block; width: 319px; height: 105px; background: url(i/SundevilLogoHeader.gif) no-repeat center center;}

#menu {display: block; height: 27px; width: 100%; float: left; clear: both; position: relative; top: -25px; margin-bottom: -25px;}
#menu ul, #menu li {list-style: none;}
#menu ul {text-align: left; display: block; position: relative; top: 3px;}
#menu li {display: inline; border-right: solid 2px #fff; padding-left:8px; padding-right: 8px;}

#menu li a {color: #fff; font-weight: bold; text-decoration: none; font-size: 14px;}
#menu li.last {border: none;}
.phone {color: #fff; border: none; font-weight: bold; font-size: 14px; display: block; float: right; position: relative; top: -15px; right: 7px;}

#footer {display: block; width: 100%; text-align: center; font-size: 12px; clear: both; margin-bottom: 7px;}

#Content {display: block; clear: both; }

.mhp { display: none;}

#subMenu {display: block; height: 27px; width: 100%; background: url(i/subMenuBg.png) repeat-x left bottom;}
#subMenu ul, #subMenu li {list-style: none;}
#subMenu ul {text-align: left; display: block; position: relative; top: 3px;}
#subMenu li {display: inline; border-right: solid 2px #770028; padding-left:8px; padding-right: 8px;}

#subMenu li a {color: #770028; font-weight: bold; text-decoration: none; font-size: 12px;}
#subMenu li.last {border: none;}

.sidebarLeft {display: block; width: 250px; float: left; padding: 5px;  }
.sidebarRight {display: block; width: 225px; float: left; margin-left: 7px; padding: 5px; }
.Content {display: block; width: 420px; float: left; margin-left: 7px; padding: 5px;}

fieldset {background: #fff; border: solid 2px #FFDE9C; margin: 5px; padding: 5px;}
legend {font-weight: bold; color: #960032; font-size: 16px; float: left; display: block; padding: 0 7px;}
br.both {display: block; clear: both;}
.dateformat {font-size: 10px; color: #960032;}
.lbl {display: block; width: 100px; float: left; font-weight: bold;}
.txt {margin-bottom: 10px; width: 200px;}
.ddl {margin-bottom: 10px;}

.requestDetails {background: #FFF0D1; width: 210px; float: right; padding: 5px; display: block; position: relative; top: 25px; font-size: 14px;}
.requestDetails p {text-align: center;}
span.lblDetails {font-size: 12px; line-height: 18px;}
.requestOptions {width: 500px; float: left; font-size: 14px;}
span.cl {display: block; margin-bottom: 7px;}
span.cl input { margin-right: 4px; vertical-align: middle;}
span.cl label {margin-right: 7px; vertical-align: middle;}
.validate {font-size: 10px; float:right; color: #900; margin-top: -25px;}
small.note {color: #970033; font-size: 10px; margin-left: 10px;}
.hotelRate {color: #005cab; font-weight: bold;}

.frontTop {display: block; height: 50px; width: 950px; background: #FFCC66 url(i/asu_hdr_sunburst.gif) no-repeat right bottom; position: relative; top: -2px;}
.frontTop h3 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 28px; color: #960032; position: relative; top: 5px; left: 5px;}
.frontTop h3 span {font-size: 18px;}
.frontTop h4 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 18px; color: #960032; float: right; position: relative; top: -40px; right: 15px;}

.frontTop p {font-family: Georgia, Times New Roman, Serif; font-size: 12px; color: #960032; position: relative; left: 10px;}


.frontContent {display: block; clear: both; width: 950px; position: relative; top: -2px;  margin-bottom: 25px;}
.frontContent img {float: right; display: block; margin-left: 10px; margin-right: 15px;}
.frontContent p {font-family: Georgia, Times New Roman, Serif; font-size: 16px; line-height: 24px; color: #262626; margin-left: 25px; margin-right: 50px; margin-bottom: 10px;}
.frontContent h3 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 28px; color: #960032; padding: 5px 5px 3px 0; margin-left: 25px;}

.CampusSelection {display: block; clear: both; width: 950px;}
.CampusSelection h4 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 18px; color: #960032; padding: 0 25px;}
.CampusSelection table {width: 910px; text-align: center; margin-bottom: 15px; background: #FFF0D1 url(i/campusBg.gif) repeat-x bottom left; margin-left: 25px; padding: 7px;} 
.CampusSelection a img {border: none;}
.CampusSelection a {text-decoration: none; font-weight: bold; color: #960032;}
.selectCampus {}

/*
.EventCalendar {display: block; clear: both; widows: 950px; margin-bottom: 25px;}
.EventCalendar h4 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 18px; color: #960032; padding: 0 25px;}
.Events {display: block; width: 900px; background: #FFF0D1; padding: 5px; margin-left: 25px;}
*/
.frontFooter {display: block; width: 950px; clear: both; position: relative; top: 25px; margin-top: 15px; margin-bottom: 35px;}
.frontFooter div {display: block; margin: 0 auto;  width: 765px;}
.frontFooter img {margin: 0 10px;}


.hotelBlock {display: block; width: 720px; float: right; position: relative; right: 10px; margin-bottom: 25px; }
.hotelBlock h3 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 18px; color: #960032; padding: 5px 10px;}
.hotelBlock p {font-family: Georgia, Times New Roman, Serif; font-size: 16px; line-height: 24px; color: #262626; padding: 0 10px;}


.contact {display: block; width: 400px; float: left; margin-left: 50px; margin-top: 25px; margin-bottom: 25px;}
.contact h4 {font-family: Georgia, Times New Roman, Serif; font-weight: bold; font-size: 18px; color: #960032;}


/* Sidebar */
#sidebarNav {display: block; float: left; width: 190px; padding: 7px; background: #FFE0A3; position: relative; top: 5px; left: 5px;} 
#sidebarNav span {font-weight: bold; color: #960032; font-size: 14px;}

ul.viewbyCampus {margin-left: 25px;}
.viewbyCampus li {line-height: 20px; font-size: 12px;}


/* Events Calendar */
.event {display: block; width: 180px; text-align: center; font-weight: bold; font-size: 12px; clear: both; margin: 5px 0; padding: 3px; background: #fff url(i/sidebarEventBg.png) repeat-x left center; color: #960032;}

li.eventCampus  {list-style: none; display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; margin: 5px 0; color: #0d5cab;}

ul.eventDates li {display: block; width: 54px; float: left; font-size: 11px; margin-right: 3px; padding: 2px; font-weight: normal; color: #333; margin-bottom: 3px; background: #FFD98F; border: solid 1px #FFD98F;}
ul.eventDates li.alt {background:#FFE0A3;}

ul.eventDates li.wide {width: 180px; text-align: center;}