/* Default to no margin */
* {margin:0px;}

body {background-image:url(../images/bg.gif); color:White; font-size:14px; font-weight:none;font-family:Trebuchet MS, Helvetica, sans-serif; }
#canvas {background-image:url(../images/overlay.png); min-height:850px; width:1000px; background-repeat:repeat-y; padding:30px 0px 0px 25px;}


a {color:#FF3300; text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {color:#FF3300; font-weight:normal; margin-bottom:10px;}
h3 {font-size:14px; font-weight:none; color:#FF3300;}

object {height:20px; width:200px; background-color:Black;}
embed {height:20px; width:200px; }

.errorMsg {color:red;}
.viewmore {clear:both; margin-top:10px;}

#header {width:950px;}
#header h1 {color: #FF3300; float:left; font-size: 32px; font-weight:normal; margin:0px;}
#header h1 span {color:White;}
#header ul {float:right; list-style:none; margin:10px 0px 0px 0px;}
#header li {float:left; margin:0px 0px 0px 30px; padding-right:10px;}
#header li a {color:White; font-size:16px;}
#header li a.active {color:#FF3300;}
#header li a:hover {color:#FF3300; text-decoration:none;}
#header #linebreak {clear:both; border-bottom:1px solid White; height: 8px; width: 950px; margin-bottom: 10px;}
#header .address { font-size: 12px; text-transform:lowercase;}
#header .address label {text-transform:uppercase;}


#footer {margin-top:30px;}
#footer h6 {color: #FF3300; font-size: 18px; font-weight:normal; margin:0px; text-transform:lowercase;}
#footer .address { font-size: 12px; text-transform:lowercase;}
#footer .address label {text-transform:uppercase;}


/* Pod with Rounded Corners
   To Init:	1) create a circle.png for background
		2) create a top and bottom edge for background
		3) define values for each css corner ie. .corner, .topr, .topl etc...
		4) define edges

		// For each instance ...
		5) specify width for pod
*/
.corner {width:10px; height:10px; background-image:url(../images/corner.png);}
.topl {}
.topr {background-position:-10px 0px; margin-top:-10px; float:right; }
.botl {background-position:0px -10px;}
.botr {background-position:-10px -10px; margin-top:-10px; float:right;}
.edge {height:10px; margin-top:-10px; padding:0px 10px 0px 10px;}
.top {background-image:url(../images/bgpod.png); width:100%; height:100%;}
.bot {background-image:url(../images/bgpod.png); width:100%; height:100%;}
.content {clear:both; background-image:url(../images/bgpod.png); height:100%; padding:12px;}


/* Home Photos */
#photos {width: 950px; margin-top: 30px;}
#photos .content { padding:0px; padding-left:12px;}
#photoimg { width: 925px; height: 210px; background-image:url(../images/photos.jpg); background-position:-8px -8px;}

/* Home Left */
#left {width:680px; float:left;}
#left .pod { margin-top:30px;}

/* Home Event */
#event  {height: 130px; }
.event {width:115px; height: 80px; float:left; border-left:1px solid #999999; padding-left: 10px;}
#event .first {border:0px;}
.event h3 {color:#FF3300; font-weight:normal; text-transform:lowercase; }
.event ul {list-style:none; padding:0px; font-size:13px; text-transform:lowercase;}


/* Home Right */
#right {width: 245px; float:left; margin-left:25px;}
#right .pod { margin-top:30px;}

.record { clear:both; height: 76px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px;}
#right .first {border-top:0px; margin-top:-5px;}
.record h3 {font-size:14px;}
.record img { width: 75px; height:75px; float:left; margin-right:10px; border:1px solid White;}
.record ul {list-style:none; font-size:13px;}

/* Cafe */
#menu {width: 350px; float:left; margin-top:30px;}
#menu .content {padding:20px;}
#menu table {width:100%;}
#menu td {color:#FF3300; text-align:right;}
#menu td.item {width: 175px; color:white; text-align:left;}
#menu td em {font-size:10px;}
#menu #note { margin-top: 30px; border-top: 1px solid #999999; padding-top:15px; font-size: 12px;}
#menu #note img {width: 68px; float:left;}
#menu #note p { width: 225px; float:left; margin-left: 15px;}

#cafe {width:500px; float:left; margin-left:30px; margin-top:30px;}
#cafe .content {padding:20px;}
#cafe h3 {font-size: 15px; margin-bottom:25px;}
#cafe p {margin-bottom:25px;}
#cafe li {margin-bottom:25px;}

/* Contact */
#profile { width: 305px; float:left; margin-top:30px;}
#profile img { width: 272px; display:block; margin-left:auto; margin-right:auto;}
#profile .content {padding:5px 15px 15px 15px;}
#profile h2 {margin:0px;}
#profile h2 span { color:white; font-style:normal;}
#profile span.info {font-style:italic; color:white; font-size:12px;}
#profile .address { margin-top: 20px; font-size: 14px; text-transform:lowercase;}
#profile .address label {color:#FF3300;}

#contact { width: 600px; float: left; margin-left:30px; margin-top:30px;}
#contact .content {padding:20px;}
#contact table {width:95%;}
#contact td {padding: 5px;}
#contact td.label {width: 80px; text-align:right; vertical-align:top; padding-right: 20px;}
#contact input {width: 100%; border:1px solid #999999;}
#contact textarea {width: 100%; height:100px; border:1px solid #999999;}
#contact input.submitBtn {width: 100px;  height: 30px; font-size: 13px; background-color:#333333; color: #FF3300; border: 1px solid #999999; float:right;}

/* Records */
h2.pageTitle {margin-top:30px;}
.recordDetails {width: 850px; margin-top:20px; clear:both;}
.recordDetails img {float:left; width: 150px; height: 150px; border: 2px solid White;}
.recordDetails .emptyRecord {float:left; width: 150px; height: 150px; }
.recordDetails table {width:100%; float:left; width: 575px; font-size:14px;}
.recordDetails table td {vertical-align:top;}
.recordDetails .label {text-align:right; color:#FF3300; width: 200px; padding-right: 10px;}
.pagenav {list-style:none; float:right; width: 150px; margin-right: 100px;}
.pagenav li {float:left; padding: 3px;}