/*
Client: UT Events
URL: utevents.ca
Author: MXSmv
Credits: mxs.ca 
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	color: #000;
	text-align: center;
	background-color: #cee8f0;
	background-position: top center;
	background-repeat: no-repeat;
}

a:link, a:visited {
	color: #0068dd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


a img {
	border: 0;
}

h2 {
	margin: 0;
	padding: 10px;
}

p {
	margin: 0;
	padding: 10px;
}

#headerWrap {
	margin: 0;
	padding: 0;
	height: 38px;
	background: url('/img2/topBg.jpg') repeat-x;
	border-bottom: 1px solid #97bcd9;
}

#header {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 900px;
	text-align: right;
	background: url('/img2/topSlogan.jpg') no-repeat top left;
}

#topMenu span {
	display: inline;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 38px;
	color: #333;
}

#topMenu a:link, #topMenu a:visited {
	color: #0068dd;
}

#menuWrap, #ContentWrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 900px;
	text-align: left;
	background: #FFF;
	border-left: 1px solid #97bcd9;
	border-right: 1px solid #97bcd9;
}

#branding {
	height: 140px;
	padding-top: 25px;
	background: url('/img2/branding.jpg') no-repeat 12px 10px;
}

#banner {
	width: 728px;
	height: 90px;
	margin: 0 0 0 160px;
	background: #97bcd9;
}


#menu {
	list-style-type: none;
	background: url('/img2/menuBg.jpg') repeat-x top left;
	line-height: 55px;
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
	float: left;
	background: url('/img2/menuBg.jpg') repeat-x top left;
	line-height: 55px;
	margin-left: 20px;
	padding-top: 1px;
}

#menu li a:link, #menu li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	color: #484848;
	font-family: "Trebuchet MS", Arial;
	word-spacing: 0.1em;
	font-size: 21px;
	text-align: center;
	padding: 0;
	text-decoration: none;
}

#menu li a:hover {
	color: #028cc5;
}

#Content {
	margin: 0 auto 0 auto;
	padding: 0 0 30px 0;
	width: 900px;
	text-align: left;
}

.ContentWhite {
	background: #FFF;
	border: 1px solid #0083bb;
}

.ContentBlue {
	background: #545556 url('/img/footer.jpg') repeat-x 0 -12px;
	color: #FFF;
	border: 1px solid #FFF;
}

#footer {
	background: #51b1e4 url('/img2/h2.jpg') repeat-x right top;
	padding: 20px 0 20px 0;
	border-top: 1px solid #97bcd9;
}

#footerBlock, #footerLinks, #footerCopyright {
	margin: 0 auto 0 auto;
	padding: 10px;
	width: 900px;
	color: #FFF;
	font-size: 11px;
}

#footerBlock {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	line-height: 1.5em;
	color: #f3ec7b;
}

#footerBlock span {
	color: #dcc72e;
	font-size: 0.9em;
}

#footer a:link, #footer a:visited {
	color: #f3ec7b;
}

#colLeft, #colRight {
	display: inline;
	margin: 0;
	padding: 0;
}

#colLeft {
	float: left;
	width: 570px;
}

#colRight {
	float: right;
	width: 316px;
}

.box {
	margin: 0 auto 0 auto;
	padding: 0;
}

#colLeft .box {
	width: 566px;
	background: url('/img2/boxLeftBg.jpg') repeat-y;
}

#colRight .box {
	width: 316px;
	background: url('/img2/boxRightBg.jpg') repeat-y;
}

.boxTop {
	margin: 0;
	padding: 10px 0 0 0;
}

#colLeft .boxTop {
	background: url('/img2/boxLeftTop.jpg') no-repeat top center;
}

#colRight .boxTop {
	background: url('/img2/boxRightTop.jpg') no-repeat top center;
}

.boxBot {
	margin: 0;
	padding: 0;
	height: 15px;
}

#colLeft .boxBot {
	background: url('/img2/boxLeftBot.jpg') no-repeat top center;
}

#colRight .boxBot {
	background: url('/img2/boxRightBot.jpg') no-repeat top center;
}





/* Forms */

.text2 {
	font-size: 22px;
	padding: 5px;
	border: 1px solid #555;
	background: #e3e3e3;
	margin: 5px;
}

/* Forms */

.contentForm {
	width: 500px;
	margin: 10px auto 10px auto;
	padding: 0;
}

.contentForm label, .contentForm input, .contentForm select, .formRight span, .contentForm textarea, #TermsOfUse {
	display: inline;
	float: left;
	margin: 5px;
	border: 2px solid #FFF;
}	

.contentForm label {
	color: #2983b3;
	background: #FFF;
	font-weight: bold;
	padding: 7px;
	width: 200px;
	text-align: right;
}

.contentForm input, .contentForm select, .formRight span {
	padding: 5px;
	width: 250px;
	background: #51b1e4;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	border: 2px solid #FFF;
}

.contentForm textarea {
	background: #c1e3fd;
	color: #555;
	border: 1px solid #3393dc;
	width: 250px;
	height: 100px;
}

.contentForm .formbreak {
	background: #2983b3;
	font-size: 1px;
	height: 1px;
	margin: 15px 0 0 0;
}

.contentForm .submit {
	border: 1px solid #FFF;
	background: #2983b3;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
	padding: 8px;
	height: 40px;
	margin-left: 220px;
	cursor: pointer;
}

.contentForm .phone1 { width: 60px; }
.contentForm .phone2 { width: 60px; }
.contentForm .phone3 { width: 80px; }

.FormErrors {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.FormErrors li, .rightError {
	padding: 5px;
	background: #FFF;
	color: #cf0000;
	border: 2px solid #FFF;
	margin: 5px;
	font-weight: bold;
}

.rightError {
	margin: 7px;
	
}
 
.formBlurb {
	display: inline;
	float: left;
	margin: 0;
	padding: 10px 5px 0 5px;
	
}

#TermsOfUse {  border: 0; color: #333;}
#TermsOfUse div {
	margin: 5px;
	padding: 5px;
	overflow: auto;
	height: 200px;
	background: #c1e3fd;
	color: #555;
	border: 2px solid #FFF;
}

#TermsOfUse div h2 {
	margin-top: 0;
}

#TermsOfUse div p {
	font-size: 12px;
	line-height: 12px;
}

#TermsOfUse input {
	float: none;
	width: 20px;
	height: 10px;
}


/* Misc */

.clear { clear: both; }

#socialLinks {
	text-align: center;
	padding-top: 20px;
}

/* Events */

#colRight h2 {
	display: block;
	margin: 0 7px 0 7px;
	border: 1px solid #FFF;
	background: #51b1e4 url('/img2/h2.jpg') repeat-x right center;
	font-size: 28px;
	font-family: "Trebuchet MS", Arial;
	color: #FFF;
}

#colRight form {
	margin: 7px;
}

.eventName, .eventDate, #colRight h2.eventDate {
	display: block;
	margin: 15px;
	border: 2px solid #FFF;
	background: #51b1e4 url('/img2/h2.jpg') repeat-x right center;
	font-size: 36px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial;
	font-style: italic;
}

.eventDate, #colRight h2.eventDate { background: #3b6e8a; font-size: 22px; line-height: 18px; font-style: normal; }

#colRight h2.eventDate {
	margin: 7px;
}

.eventTable {
	margin: 15px;
	width: 535px;
}

.eventTable .Field {
	border: 2px solid #FFF;
	color: #8fc6e6;
	background: #3b6e8a;
	font-weight: bold;
	padding: 7px;
	text-align: right;
	width: 170px;	
}

.eventTable .Value {
	border: 2px solid #FFF;
	padding: 5px;
	background: #2f82b3;
	color: #DDD;
	font-size: 1.2em;
	font-weight: bold;
	border: 2px solid #FFF;
}

.bolded {
	font-size: 1.4em;
	color: #fedf56;
	font-weight: bold;
}

.inBolded {
	color: #5674d5;
	font-weight: bold;
}

.formRight label {
	width: 120px;
}

.formRight input, .formRight select, .formRight span {
	width: 130px;
}

.adminBox {
	margin: 15px;
	border: 2px solid #FFF;
	padding: 7px;
}


.contentForm .bolded {
	color: #AAA;
}

/* Blog */


.blog {
	font-family: Arial;
	margin: 15px;
	padding: 15px;
	border: 2px solid #FFF;
}



#colLeft .blog h2 { margin-top: 0; margin-left: 10px; margin-right: 10px; }
#colLeft .blog h3 { font-size: 12px; margin: 0; margin-left: 10px; margin-right: 10px; padding: 0; font-weight: normal; }
#colLeft .blog p { font-size: 1.1em; line-height: 1.5em; margin-left: 10px; margin-right: 10px; }
#colLeft .blog .blogline {
	height: 2px;
	font-size: 2px;
	padding: 0;
	margin: 10px;
	background: #FFF;
}

#colLeft .blogPages { font-family: Arial; font-size: 1.3em; }

/* Photos */

#albumThumbs { 
	text-align: center;
	height: 350px;
	overflow: auto;
}

#albumThumbs img {
	cursor: pointer;
	margin: 3px;
	border: 1px solid #FFF;
}

.albumNav {
	text-align: center;
	padding: 10px;
	font-weight: bold;
}

#albumMainPhoto {
	text-align: center;
}

#albumMainPhoto img {
	border: 1px solid #FFF;
}

.Album {
	display: inline;
	float: left;
	margin: 0 0 5px 5px;
	padding: 0;
	width: 180px;
	height: 200px;
	text-align: center;
	border: 1px solid #52b0e2;
}

.Album p {
	padding: 5px;
}

.Album a:link, .Album a:visited {
	font-weight: bold;
	font-size: 16px;
}

.Album img {
	border: 1px solid #52b0e2;
	border-left: 0;
	border-right: 0;
}