html, body {
    color:#333;
    margin:0;
    padding:0;
    font-size:small;
}

body {
    font-family: Arial, sans-serif;
    margin:0px;
    background-color: #fff;
}

a:link {
    font-weight:bold;
    color: #0072bc;
}
a:active {color: #f00;}
a:hover {color: #f00;}
a:visited {color: #0072bc;}

img {border:none;}

#title, #desktop_site {
    padding: 5px;
    text-align: center;
    font-size: 1.5em;
    color: #333;
    background-color:#eee;
}

#desktop_site {
	padding: 2px;
	text-align: center;
	font-size: 1em;
}

#desktop_site a {
    color: #333;
    text-decoration: none;
}

#description {
    text-align: center;
    padding: 5px;
}


#logo {
    text-align: center;
    padding: 5px 0;
}

#whiteboard { background-color: #fff;}

table {
    width:100%;
    /* force the text to wrap in the table cells to avoid it disappearing off the side of the screen on certain devices */
	table-layout:fixed;
	word-wrap:break-word; /* CSS3 proerty but supported by webkit, FF>3.5 and IE>ie6 */
    text-align:center;
}


td {
    padding: 5px;
    text-align: center;
}

.label {
    text-align: center;
    font-weight: bold;
}
.inactive_label {
    text-align: center;
    color: #aaa;
    font-weight: bold;
}

.ads {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 5px;
}

.error {color: red;}

#middle {
	margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.clear {clear:both;}

#contact {
    border: 1px solid #ddd;
    padding: 6px;
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border-radius:8px;

    width: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#share_with {
    border: 1px solid #ddd;
    padding: 6px;
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border-radius:8px;

    width: auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#share_with, #footer, #contact {
    text-align: center;
    font-size: 70%;
    background-color: #eee;
    padding: 6px;
}

#footer div{
    margin: 5px;
}

/* dotMobi IM footer */

.imz_dotmobi {
	margin:0px;
	padding:2px;
	background-color: #333;
	color:#fff;
	font-size:0.8em;
    text-align: center;
}

.imz_dotmobi SPAN {
	color: #6cc !important;
}

.imz_dotmobi A,
.imz_dotmobi A:link,
.imz_dotmobi A:visited
{
	color: #fff !important;
	text-decoration:none;
}

/* hide addthis.com div that is inserted by the addthis.com script*/
#atffc{
    display:none;
}

#wrap_all {
    background-color: #fff;
}

#pretend_mobile {
	background-color:#666;
}

#pretend_mobile #wrap_all {
    width: 320px;
    margin:0 auto;
    border: 1px black solid;
}

.event {
	border-bottom:1px solid gray;
	padding:10px 0;
	font-weight: normal;
}

.start_date, .event_title, .event_desc, .event_location {
	display:block;
}

.start_date {
	font-style: italic;
}



a.icp_number:link {
    font-weight:normal;
    text-decoration: none;
	color: #333;
}
a.icp_number:active {color: #333; text-decoration: underline;}
a.icp_number:hover {color: #333; text-decoration: underline;}
a.icp_number:visited {color: #333;}


#back_link {
    padding: 1px;
    text-align: left;
    background: #eee;
}

#back_link a {
    font-size: 1em;
    color: #333; 
}

#app_container {
    background: #eee;
    color: #333;
    border: 1px solid #ddd;
    font-weight:bold;
    font-family:arial;
    font-size:20px;
    padding:10px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin-left: auto;
    margin-right: auto;
}

#boldoff {
	font-weight:normal;
}

.app_label {text-align:center;
            margin-bottom: 15px;}

#app_inner {margin:5px;
        font-size:14px;}

#list {
    border-bottom: 1px solid #333;
    font-size: 120%;
    font-weight: bold;
    list-style: none;
    margin: 0px;
    padding: 8px 8px 8px 10px;
    position: relative;
    text-align:left;
}

ul {padding:0}
span.time {float:right;}
span.open {color: green;}
span.closed {color: red;}
span.note {font-size:70%; /*color: rgb(140, 140, 140);*/}



#compass {
    border: 1px solid #ddd;
    padding: 6px;
    -moz-border-radius: 8px;
    -webkit-border-radius:8px;
    border-radius:8px;

    width: 64px;
    margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;

    text-align: center;

    background-color: #eee;
}