html, body { margin: 0; padding: 0; height: 100%; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
body { background: url('http://www.mesaplace.ca/includes/images/mesaBG.jpg') repeat; }
div { margin: 0; padding: 0; }
div#container { margin: 0 auto; width: 1120px; min-height: 100%; background: #fff; }
div#contentContainer { margin: 32px auto 0 auto; width: 1080px; }

div#video { display: none; margin: 0; padding: 0; width: 640px; height: 385px; }
div object, div embed { position: absolute; top: 0px; }

/* GENERAL CONTENT DEFINITIONS */
p, ul { color: #68696d; font-size: 12px; }
ul { padding-left: 18px; }
ul li { margin-bottom: 6px; }
a { color: #68696d; text-decoration: none; outline: none; }
p a { color: #67cde6; font-weight: bolder; }
a:hover { color: #67cde6; text-decoration: none; }
p a:hover { color: #68696d; }
hr { 
	clear: both;
	border: none;
	height: 5px;
	background: url('http://www.mesaplace.ca/includes/images/divider.jpg') repeat-x;
}
span.light { color: #999da0; }

/* NAVIGATION MENU AND FOOTER DEFINITIONS */
ul#nav { margin: 0 0 12px 0; padding: 24px 0 0 0; list-style: none; }
ul#nav li { display: inline; margin: 0 5px; }
ul#nav li.logo { margin: 0; }
ul#nav li img { height: 46px; }
a img { border: none; }

ul#submenu { 
	clear: both;
	float: left;
	margin: 0 0 12px 0;
	padding: 3px 0;
	width: 798px;
	height: 31px;
	background: url('http://www.mesaplace.ca/includes/images/headingBorders.jpg') repeat-x;
	list-style: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: lowercase;
}
ul#submenu li { float: left; margin-right: 28px; padding: 0; font-size: 1.4em; }
ul#submenu li a { color: #67cde6; }
ul#submenu li a:hover { color: #5b5b5f; text-decoration: none; }
ul#submenu li.selected a { color: #5b5b5f; }

ul#footer { 
	z-index: 50;
	position: fixed;
	bottom: 0;
	clear: both;
	margin: 16px auto 0 auto;
	padding: 1px 20px 2px 20px;
	width: 1080px;
	background-color: #66cae4;
	font-size: 1em;
	list-style: none;
	text-align: right;
	text-transform: lowercase;
}
ul#footer li { display: inline; padding: 1px 15px 2px 0; color: #fff; font-size: 0.9em; font-weight: bold; background: url('http://www.mesaplace.ca/includes/images/footerLinkBG.jpg') no-repeat center right; }
ul#footer li.follow { float: left; margin: 0 0 -4px 0; padding: 0; background: none; }
ul#footer li.follow a, ul#footer li.follow img { margin: 0; padding: 0; }
ul#footer li.last { padding-right: 0; background: none; }
ul#footer li span { margin: 5px 0; font-size: 1.3em; }
ul#footer li sub { font-size: 1.3em; }
ul#footer li a { padding: 1px 2px; color: #fff; }
ul#footer li a:hover { background-color: #68696d; }
ul#footer li.follow a:hover { background-color: #67cde6; }

/* DIV/HEADING DEFINITIONS */
div#logIn { clear: left; float: left; margin: 0; padding-right: 20px; width: 516px; }
div#signUp { float: right; margin: 0 10px 0 0; width: 516px; }
div.thinColumn { float: left; margin: 0 28px 0 0; padding: 0; width: 248px; }
div.rightColumn { float: right; margin: 0; padding: 0; width: 250px; }
div.alumniList { margin: 0; padding: 0; }
div.alumniList p { float: left; margin: 0 0 1px 0; display: block; width: 142px; font-style: italic; line-height: 136%; }
div.downloadsList p { float: left; margin: 2px 0; display: block; width: 112px; font-style: italic; }
div.downloadsList div.picShadow img { width: 106px; height: 106px; }
div.downloadsList div.picShadow img.userPicShadow { width: 118px; height: 118px; }
div#eventList { margin: 0; padding: 0; }
div#eventList p { clear: left; float: left; margin: 1px 0; font-style: italic; }
div#eventList p strong { font-style: normal; text-transform: lowercase; }
div#eventList p a { color: #67cde6; }
div#eventList p a:hover { color: #68696d; text-decoration: none; }
div#newsPreview { visibility: hidden; clear: both; margin: 0; padding: 0; height: 96px; overflow-y: scroll; }
div#newsText { margin: 0; padding: 0; }
div#newsFeed { margin: 0; padding: 0 18px 0 0; }
div#newsFeed h2 { margin-bottom: 4px; font-size: 0.8em; font-weight: bold; }
div#newsFeed p { margin-top: 0; font-style: italic; line-height: 136%; }
/*div#newsFeed object, div.thinColumn object, div#newsFeed embed, div.thinColumn embed { display: none; margin: 0; padding: 0;width: 200px; height: 150px; }*/
div.linksList { clear: both; margin-top: 8px; }
div.linksList ul { margin-top: 3px; padding-left: 0; list-style: none; font-size: 14px; }
div.linksList ul li  { padding: 2px 0; }
div.linksList ul li a { color: #67cde6; }
div.linksList ul li a:hover { color: #68696d; text-decoration: none; }
div.editDeleteDivider { clear: both; border: none; height: 20px; background: url('http://www.mesaplace.ca/includes/images/divider.jpg') center repeat-x; }
div#exhibitionsPreview { visibility: hidden; clear: both; margin: 0; padding: 0; height: 95px; overflow-y: scroll; }
div#viewingOptions, div#deleteAccount, div#deleteContent { z-index: 50; position: absolute; display: none; top: 260px; left: 420px; padding: 12px; width: auto; background-color: #fff; border: 4px solid #626367; }
div#deleteAccount, div#deleteContent { left: auto; right: 280px; }
div#calendar h1 { color: #626367; text-transform: lowercase; font-weight: bold; background: none; }
div#calendar a.nav { clear: none; float: right; margin: 2px 0 0 6px; padding: 0 2px; font-size: 1.4em; font-weight: normal; }
div#calendar a.nav:hover { color: #fff; background-color: #67cde6; text-decoration: none; }
div#calendar table { width: 100%; font-weight: bold; }
div#calendar table td { padding: 4px 2px; color: #626367; border: 2px solid #fff; text-align: center; }
div#calendar table td.day, div#calendar table td.dayOccupied, div#calendar table td.dayUnpublished, div#calendar table td.daySelected { cursor: pointer; }
div#calendar table td.dayOccupied { padding: 0; color: #fff; background-color: #67cde6; border: 2px solid #67cde6; }
div#calendar table td.dayUnpublished { padding: 0; color: #68696d; background-color: #fff; border: 2px solid #67cde6; }
div#calendar table td.daySelected { padding: 0; color: #fff; background-color: #68696d; border: 2px solid #68696d; }
div#calendar table td.dayOccupied:hover, div#calendar table td.daySelected:hover { background-color: #68696d; border-color: #68696d; }
div#calendar table td.dayOccupied a, div#calendar table td.daySelected a { display: block; margin: 0; padding-top: 12px; width: 100%; height: 46px; color: #fff; }
div#calendar table td.dayOccupied a:hover, div#calendar table td.daySelected a:hover { color: #fff; }
div#calendar table td.today { border: 2px solid #68696d; }

div.afaLogo { float: right; margin: 26px 18px 0 0; width: 312px; }
div.afaLogo img { float: right; }
div.afaLogo p { font-size: 9px; }

h1 { 
	position: relative;
	margin: 0;
	padding: 3px 0;
	height: 31px;
	color: #67cde6;
	font-size: 20px;
	font-weight: 100;
	font-family: "Arial Light", Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	background: url('http://www.mesaplace.ca/includes/images/headingBorders.jpg') repeat-x;
}
div#exhibitionView h1 { margin-bottom: 16px; font-weight: bold; text-transform: none; background: none; }
div#exhibitionView a { margin-top: 2px; }
h1 a.link { color: #67cde6; font-weight: normal; }
h1 a.link:hover { color: #68696d; }
h1 span { position: absolute; right: 0; color: #68696d; }
h1 span.plus { top: 6px; font-size: 13pt; font-weight: lighter; font-style: italic; }
h1 span a { padding: 1px 2px; }
h1 span a:hover { color: #fff; background-color: #67cde6; text-decoration: none; }
h1 span.centerText { position: normal; right: auto; margin-top: 0; padding: 0; color: #67cde6; text-align: left; }
h2 { margin: 3px 0 8px 0; color: #68696d; font-size: 1.2em; font-weight: lighter; }
div#exhibitionView h2 { margin-top: 0; margin-bottom: 1px; font-size: 1.3em; font-style: italic; }
h3 { position: absolute; top: 70px; color: #a55a3f; font-size: 12px; }
h4 { clear: both; margin: 0 0 14px 0; padding: 2px 4px; color: #fff; background-color: #9c9da1; font-size: 0.75em; font-weight: bold; text-transform: lowercase; }
h5 { margin-top: -3px; margin-bottom: 16px; color: #68696d; font-size: 12px; }
div.alumniList h5, div.downloadsList h5 { clear: none; float: left; margin: 0; color: #67cde6; font-size: 13px; }
a:hover h5 { color: #68696d; cursor: pointer; }
a:hover h1 { color: #68696d; cursor: pointer; }
div.linksList h5 { margin: 0 0 10px 0; color: #68696d; font-size: 14px; font-weight: bold; }
div.linksList ul { margin-top: -4px; }
h6 { margin: 3px 0 8px 0; color: #68696d; font-size: 1em; font-weight: bold; }
div#eventList h6 { margin-bottom: 2px; color: #67cde6; font-size: 0.95em; }
h6.about { margin: 24px 0 4px 0; color: #67cde6; font-size: 1.35em; text-transform: lowercase; font-weight: bold; }

/* FORM ELEMENT DEFINITIONS */
label { clear: left; float: left; display: block; margin: 0 10px 14px 0; padding: 2px 4px; width: 178px; color: #fff; background-color: #9c9da1; font-size: 0.75em; font-weight: bold; text-transform: lowercase; }
input, select, textarea { color: #626367; font-weight: bold; }
input[type=text], input[type=password], input[type=file], textarea, select { float: left; margin-bottom: 14px; width: 316px; border: 1px solid #67cde6; }
input[type=text]:focus, input[type=password]:focus, input[type=file], textarea:focus, select:focus { border-color: #9c9da1; }
input[type=file] { display: block; }
textarea { height: 82px; }
textarea.newsContent, div.thinColumn textarea.newsContent { clear: both; margin-top: 14px; width: 524px; height: 200px; }
div.txtLblContainer { clear: left; float: left; margin: 0; padding: 0; }
input[type=submit] { 
	clear: left;
	float: right;
	margin: 0 0 18px 5px;
	padding: 2px 2px 3px 2px;
	width: auto;
	height: 22px;
	border: none;
	color: #fff;
	background-color: #67cde6;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	text-transform: lowercase;
	cursor: pointer;
}
input[type=submit]:hover { background-color: #626367; }
p.error { clear: left; float: left; margin: -10px 0 14px 0; color: #a55a3f; font-size: 0.8em; }
div.selectBox, div.fileBox { clear: left; float: left; position: relative; margin-bottom: 14px; }
div.selectBox select { position: relative; margin-bottom: 0; }
div.selectBox img { position: absolute; z-index: 20; top: 4px; right: 2px; }
div.fileBox input[type=file] { position: absolute; z-index: 20; padding-left: 54px; width: 108px; opacity: 0; filter: alpha(opacity = 0); }
div.fileBox input[type=text] { position: absolute; padding-right: 18px; background: url('http://www.mesaplace.ca/includes/images/selectBox.jpg') right no-repeat; }

div.thinColumn label, div.rightColumn label { width: 112px; margin-right: 3px; }
div.thinColumn label.top, div.rightColumn label.top { width: 242px; margin-right: 0; margin-bottom: 10px; }
div.thinColumn label.featured { clear: none; float: right; margin: 16px 0 0 0; width: auto; color: #67cce6; background-color: #fff; }
div.thinColumn input[type=text], div.thinColumn input[type=password], input[type=file], div.thinColumn textarea, div.thinColumn select { width: 120px; }
div.rightColumn input[type=text], div.rightColumn input[type=password], input[type=file], div.rightColumn textarea, div.rightColumn select { width: 120px; }
div.thinColumn input[type=text].topLabelled, div.thinColumn input[type=password].topLabelled, div.thinColumn textarea.topLabelled, div.thinColumn select.topLabelled { clear: left; width: 248px; }
div.rightColumn input[type=text].topLabelled, div.rightColumn input[type=password].topLabelled, div.rightColumn textarea.topLabelled, div.rightColumn select.topLabelled { clear: left; width: 248px; }

div.searchNav { margin: 12px 0 18px 0; }
div.searchNav a { margin-right: 3px; padding: 2px 3px; color: #67cde6; font-size: 1.2em; font-weight: lighter; text-transform: lowercase; }
div.searchNav a:hover { color: #626367; text-decoration: none; }
div.searchNav a.highlighted, div.searchNav a.highlighted:hover { color: #fff; background-color: #67cde6; }

div.profileInfo { clear: left; padding-top: 10px; }
div.profileInfo a { color: #67cde6; }
div.profileInfo a:hover { color: #68696d; }
div.profileInfo p { float: left; margin-top: 3px; margin-left: 10px; font-size: 1.05em; }

a.contactEmail { display: block; margin-right: 180px; margin-bottom: 18px; padding: 2px 3px; width: 212px; color: #fff; background-color: #67cde6; font-size: 1em; font-weight: bold; text-transform: lowercase; }
a.formBtn { display: block; float: right; margin-right: 6px; padding: 3px 3px 5px 3px; width: auto; height: 14px; color: #fff; background-color: #67cde6; font-size: 0.8em; font-weight: bold; text-transform: lowercase; }
a.contactEmail:hover, a.formBtn:hover { text-decoration: none; background-color: #68696d; }

/* OTHER ELEMENTS */
img.userPic { z-index: 20; position: relative; clear: left; margin: 2px; width: 170px; height: 170px; }
div.picShadow { position: relative; margin: 0; padding: 0; clear: left; margin-right: 7px; margin-bottom: 7px; width: 118px; }
img.userPicShadow { z-index: 10; position: absolute; top: 0; left: 0; }
img.userPicBlank { clear: left; margin: 0; width: 226px; height: 226px; }
div.alumniList img.userPic, div.alumniList img.userPicBlank { float: left; width: 90px; height: 90px; margin-right: 7px; margin-bottom: 7px; }
div.alumniList img.userPicBlank { width: 95px; height: 95px; }
div.alumniList img.userPic { margin-right: 9px; }
div.userPicShadow img.userPic { position: relative; margin: 0; }

div.portfolioSelected { margin: 0 auto; padding: 0; width: 516px; height: auto; border: none; text-align: left; }
div.portfolioSelected a { display: block; margin: 0 auto; padding: 0 auto; }
img.portfolioSelected { margin: 0 auto; padding: 3px 0; width: auto; height: auto; border: none; }
img.portfolioThumb { clear: left; margin: 2px 6px 2px 0; padding: 2px; width: 116px; height: 116px; border: none; cursor: pointer; }
img.portfolioThumbInactive { clear: left; margin: 2px 6px 2px 0; padding: 2px; width: 116px; height: 116px; border: none; }
img.exhibitionsSelected { float: left; margin: 0px 6px 6px 0; padding: 2px; width: 110px; height: 110px; border: none; cursor: pointer; }
img.exhibitionsUnselected { float: left; margin: 0px 6px 6px 0; padding: 2px; width: 110px; height: 110px; border: none; cursor: pointer; }

a.deletePortfolio { clear: left; float: right; margin: -12px 0 6px 180px; padding: 0; color: #a00; font-size: 0.7em; text-align: right; }
 { float: left; margin: 0 8px 0 0;  padding: 3px 10px; border: none; color: #fff; background-color: #67cde6; font-size: 0.8em; font-weight: bold; text-transform: lowercase; }
a.button:hover { text-decoration: none; background-color: #626367; }
span.underline { text-decoration: underline; }

img.tagLabel { clear: left; float: right; margin: 0 5px 12px 0; padding: 0; width: 116px; height: 16px; }
img.edit { float: right; margin: 0 10px 0 0; padding: 0; width: 91px; height: 17px; cursor: pointer; }
img.delete { clear: left; float: right; margin: 0 10px 0 0; padding: 0; width: 17px; height: 17px; cursor: pointer; }

div#exhibitionView a.labelled { margin-left: 4px; color: #67cde6; font-size: 0.9em; }
div#exhibitionView a.labelled:hover { color: #68696d; text-decoration: none; }
a.visit { float: left; margin: 2px 0; padding: 2px 52px 2px 3px; width: 180px; color: #fff; background-color: #67cde6; font-size: 0.9em; }
a.visit:hover { background-color: #68696d; text-decoration: none; }
a.linkMHC { margin-top: 4px; margin-left: 8px; color: #67cde6; font-size: 0.75em; font-weight: bold; }
a.linkMHC:hover { color: #68696d; }
a.dots { color: #67cde6; }
a.dots:hover { color: #68696d; }

/* DATEPICKER */
.ui-datepicker { background-color: #fff; border: none; }
div.ui-datepicker-header { padding: 4px 12px 2px 12px; text-align: right; }
div.ui-datepicker-header a:hover { color: #fff; background-color: #67cde6; text-decoration: none; }
div.ui-datepicker-title { clear: none; float: left; }
div.ui-datepicker-title select { margin-bottom: 0; }
table.ui-datepicker-calendar { clear: both; }
table.ui-datepicker-calendar th { padding: 5px 3px; color: #fff; background-color: #67cde6; }
table.ui-datepicker-calendar td { padding: 1px 3px; border: 2px solid #fff; text-align: center; }
table.ui-datepicker-calendar td:hover { border: 2px solid #67cde6; cursor: pointer; }
table.ui-datepicker-calendar td:hover a { text-decoration: none; }
table.ui-datepicker-calendar tbody tr:hover { color: #fff; }
.ui-datepicker-prev, .ui-datepicker-next { margin-right: 6px; padding: 3px; cursor: pointer; }
div.ui-datepicker select { width: auto; }

/* LIGHTBOX 
#lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }

#lightbox img { border: none; } 
#overlay img { border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.mesaplace.ca/includes/images/overlay.png", sizingMethod="scale");
} */