body {
    background: #f3f3f3;
    font-family: Lato, "Lucida Grande", Verdana, sans-serif;
    font-size: 14px;
    color: #333;
}
/*#content_wrapper {
    font-size: 95%;
}*/

/* ======================================================= */
/* =                       General                       = */
/* ======================================================= */

a {
    color: #3C5687;
    text-decoration: none;
}
a:hover {
    background: #ffffe5;
    /*border-bottom: 1px solid #d0d0a3;*/
    color: #333;
}
hr {
    display: none;
}


#content hr {
	display:block;
	height:0;
	border: 1px solid #DEDCCD;
	border-top:0 none;
	margin: 10px 0 30px;
}

.clearer { /* this is for an empty div or other element to be used as a semi-hack to clear floats */
	visibility: hidden;
	clear: both;
	height: 0;
	display: block;
}
p {
    line-height: 1.4em;
    margin: 1.2em 0;
}
p a, #content li a {
    border-bottom: 1px dotted #ccc;
}
/*em {
    font-family: "Georgia", "Times New Roman", sans-serif;
}*/
h1, h2, h3, h4, h5 {
    font-family: "Georgia", "Times New Roman", sans-serif;
    font-weight: normal;
    clear: both;
    color: #222;
}
h1, h2, h3 {
    padding-bottom: 2px;
	margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
h2 {
    text-align: center;
    border-bottom: 1px solid #bbb;
    font-size: 170%;
}
h2 a {
    color: inherit;
}
h3 {
    padding-top: 4px;
    margin-top: 2em;
    border-bottom: 1px solid #dedccd;
    font-size: 125%;
}
h4 {
    margin-top: 1.5em;
	font-weight: bold;
}

h6 {
	background: #2E4F80;
	color: #FFF;
	font-size:105%;
	border-bottom: none;
	font-family:"Lucida Grande",Verdana,sans-serif;
	text-align:left;
	padding:5px;
	padding-left:20px;
	padding-right:10px;
	margin-left:-35px;
	letter-spacing: 0;
	font-weight:bold;
	clear: both;
}

	h6 a {
		display:block;
		width:100%;
		height:100%;
		color: #fff;
	}

		h6 a:hover {
			color: #fff;
			background:none;
		}
		
	h6.development {
		font-size: 150%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

dl {
    font-size: 95%;
    margin: 2.4em 0;
    display:block;
    float:none;
    clear:both;
}

dt {
    font-weight: bold;
    color: #111;
    margin-top: 15px;
    float:none;
   }
dd {
    margin-left: 2em;
    line-height: 1.3em;
}

blockquote {
    color: #555;
    margin: 0 20px;
    font-size:.95em;
    border-left:1px dotted #666;
    padding-left:6px;
}

#content ol, #content ul {
    color: #444;
    margin: 0 5px 0 25px;
}
#content ul {
    list-style: disc;
}
#content ol li, #content ul li {
    margin: 3px 0;
    line-height: 1.3em;
}
p img, .img {
    border: 1px solid #ccc;
    padding: 4px;
    margin: 0 10px 5px 10px;
}

p.social-media img, .social-media .img {
  border: none !important;
}

.img_center_caption {
    text-align: center;
}
.img_left_caption {
    float: left;
    margin: 5px 5px 0 10px;
}
.img_right_caption {
    float:right;
    margin: 5px 0 5px 10px;
}
.img_right_caption img, .img_left_caption img, .img_center_caption img {
    margin:0;
}
.img_right_caption span, .img_left_caption, .img_center_caption {
    display:block;
    text-align:center;
    font-size: 90%;
    color: #555;
    line-height: 1.3em;
}
.img_no_border {
  border: none;
}
a:hover.img_no_border {
  border:none;
  background:none;
}

img.img_right, img.wrapright {
    float: right;
    border: 1px solid #ccc;
    padding: 4px;
    margin: 0 0 5px 10px;
}
img.img_left, img.wrapleft {
    float: left;
    border: 1px solid #ccc;
    padding: 4px;
    margin: 0 7px 3px 0;
}
img.img_center {
	display:block;
	margin: 0 auto;
	text-align:center;
}
a.img_link {
  border:none;
}
a.img_link:hover {              
    background:none;
    border:none;
}
p a.img_link:hover img {
    border: 1px solid #3b5e93;
}
a.icon_link {
    padding-left: 21px;
    padding-bottom: 2px;
    background-position: top left;
    background-repeat: no-repeat;
    height: 1%;
    border-bottom:0 none;
	margin: 0 3px;
}
a.icon_link:hover {
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    height: 1%;
}

.centerer { /* a .centerer div is present within most of the general layout divs */
    width: 760px;
    margin: 0 auto;
}

.centerer:after, .clearhack:after { /* http: //www.positioniseverything.net/easyclearing.html */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

table {
    width: 100%;
    border: 1px solid #ccc;
}

td {
    padding: 6px 4px;
}

.groupsta {
	border:none;
	width: 100%;
	}

.campus_group_table {
	border:none;
	width:100%;
	}

sup {line-height:0;}




/* ====================================================== */
/* =                       Header                       = */
/* ====================================================== */

#header {
    background: #2e4f80 url(/img/header_bg.gif) repeat-x top;
    border-bottom: 2px solid #234575;
}
#header .centerer {
    height: 102px;
    position: relative;
    background: #2e4f80 url(/img/header_bg.gif) repeat-x top;
}

#header a:hover {
    background: none;
    border: none;
}

/* ===== Top Courtesy Nav ===== */

#topnav {
    float: right;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 80%;
}
    #topnav p {
        margin-top: 0;
		margin-bottom: 8px;
        text-align: center;
        color: #264d84;
    }

		#topnav p.tagline {
			color:#eee;
		}
	
    #topnav a {
        color: #DDEFF8;
        border-bottom: none;
        font-weight: normal;
    }
    #topnav a:hover, #topnav a.top_active {
        color: #fff;
        text-decoration: underline;
    }
    #dropdown {
        background: url(/img/dropdown_bg.gif) no-repeat top left;
    }
        #dropdown form {
            height: 31px;
            padding: 7px 30px 0 30px;
            background: url(/img/dropdown_bg_right.gif) no-repeat top right;
        }
        #dropdown select {
            font-size: 9px;
        }
        #dropdown label {
            font-weight: bold;
            margin-right: 3px;
            color: #FFF;
        }


/* ========================================================== */
/* =                       Navigation                       = */
/* ========================================================== */


/* ===== Main (top horizontal) Nav ===== */

#nav {
    background: #e6e2cb url(/img/nav_bg.gif) repeat-x bottom;
    border-top: 0;
    border-bottom: 1px solid #fff;
}
#nav .centerer {
    background: #e6e2cb url(/img/nav_bg.gif) repeat-x bottom;

}
    #nav ul {
        margin: 0;
        padding: 0;
        list-style:none;
    }
    #nav ul li {
        float: left;
        margin: 0;
        padding: 0 0px;
    }
    #nav ul li a {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        padding: 5px 13px;
        color: #444;
        font-size: 115%;
	font-weight: 500;    
	}

    #nav ul li a:hover {
        background: #c9c6b2;
        color: #111;
        text-decoration: none;
        border-bottom: none;
    }
/*    #navHome { width: 72px; }
    #navAbout { width: 72px; } 
    #navNews { width:80px; }
    #navEvents { width: 92px; }
    #navResearch { width: 100px; }
    #navEducation { width: 100px; } 
    #navAdvocacy { width: 97px; }
    #navOutreach { width: 94px; }
    #navStore { width: 74px; }
	#navPodcasts {width: 94px;}
    #navDigitalMedia { width: 125px; }
    #navForums { width: 78px; } */
/* ===== On Campus Main (top horizontal) Nav ===== */    
/*    #navGroups { width: 65px; }
    #navNewsletter { width: 81px; }
    #navResources { width: 83px; }
    #navFAQ { width: 48px; }
    #navCFIMain { width: 69px; } */


    body#home #navHome a,
    body#about #navAbout a,
    body#news #navNews a,
    body#events #navEvents a,
    body#research #navResearch a,
    body#education #navEducation a,
    body#advocacy #navAdvocacy a,
    body#outreach #navOutreach a,
    body#store #navStore a,
    body#groups #navGroups a,
    body#newsletter #navNewsletter a,
    body#resources #navResources a,
    body#faq #navFAQ a,
    body#cfimain #navCFIMain a,
    body#digitalmedia #navDigitalMedia a,
	body#blog #navBlog a,
	body#podcasts #navPodcasts a { 
        background: #c9c6b2 url(/img/nav_active_bg.gif) no-repeat center bottom;
        color: #111;
    }
    
/* ===== Subnav (underneath the main nav) ===== */

#subnav { /* the subnav div must always be present because of the importance of its background image to the layout aesthetic */
    background: #f3f3f3 url(/img/subnav_bg_noside.jpg) no-repeat bottom center;
    padding: 10px 0 30px 0;
}
#subnav h1 {
  display:none;
}


/* ======================================================= */
/* =                       Submast                       = */
/* ======================================================= */

#submast {
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
}

#banner {
    float: left;
}
#banner a {
    height: 169px;
    width: 499px;
    display:block;
}
#banner_full a {
	height: 169px;
	width: 748px;
    display:block;
}
#banner a:hover, #banner_full a:hover {
    background:none;
    border:none;
}
    #banner_nav {
        width: 240px;
        float:left;
        margin-left: 5px;
        min-height: 169px;
        background: url(/img/banner_nav_bg.jpg) left repeat-y;
    }
        #banner_nav li {
            display: inline;
        }
		#banner_nav li a {
			padding: 5px 10px;
			border-bottom: 1px solid #eee;
			display: block;
			color: #333;
			height: 17px;
		}
		#banner_nav li a:hover, #banner_nav li a.banner_active {
			border-bottom: 1px solid #eee;
			background: #fff;
			color: #333;
		}

/* ===== Front Page Promos ===== */

#currently {
    float: left;
    padding: 5px;
    border: 1px solid #d4d4d4;
    height: 186px;
    background: #fff;
    width: 494px;
}


#supportus {
    float: left;
    margin-left: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    padding: 4px;
    height: 188px;
    text-align:center;
    width: 237px;
    text-decoration: none;
    color: #555;
}
#foc a {
    border: 1px solid #fff;
    display: block;
    height: 186px;
    background: url('/img/donate-box.jpg') no-repeat;
}
#join a {
	border: 1px solid #fff;
    display: block;
}
#ftblog a {
    border: 1px solid #fff;
    display: block;
    height: 70px;
    background: url('/img/ft-badge.jpg') no-repeat;
}
#explorers a {
    border: 1px solid #fff;
    display: block;
    height: 70px;
    background: url('/img/travelclub-promo.jpg') no-repeat;
}

#donate a {
    border: 1px solid #fff;
    display: block;
    height: 185px;
    background: url('/img/progress-report-box.png') no-repeat;
}

#donate-slim a {
    border: 1px solid #fff;
    display: block;
    height: 50px;
    background: url('/img/donatenow-slim.png') no-repeat;
} 

#supportus span {
    display: none;
}
#supportus a:hover {
    border: 1px solid #3b5e93;
}

#spinoza {
	height: 75px;
	width: 100px;
	background-color: #000;
	margin-bottom: .5em;
	}

#spinoza img {
	display: none;
	}

#spinoza:hover > img {
	display: inline;
	}
	
#oncampus-social {
	padding-top:2px;
}

#oncampus-social a:hover {
	border: 0 none;
}

#oncampus-social img {
	margin-right:8px;
	border-radius:5px;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.3);
}

	#oncampus-social img.last {
		margin-right:0;
	}



/* ======================================================= */
/* =                       Content                       = */
/* ======================================================= */

#content_wrapper {
    background: #fff url(/img/content_bg.jpg) repeat-y top center;
}
#content_wrapper .centerer {
    background: url(/img/sidebar_right_bg.jpg) top right no-repeat;
    position: relative;
    top: -17px;
    margin-bottom:-34px;
}
#content_wrapper.noside .centerer {
    background: #fff;
    position: relative;
    top: -17px;
    bottom:-34px;
}

#content {
    width: 467px;
    padding: 10px 20px 40px 20px;
    float: left;
    overflow: visible;
}
#content.calendar {
	overflow: visible;
}
#content_wrapper.noside #content {
    width: auto;
    float:none;
}

    
.more, hr.more {
    background: url(/img/more_bg.jpg) no-repeat bottom right;
    margin-top: 2em;
    height: 55px; 
    clear: both;
    text-align: right;
    visibility: visible;
    display: block;
    border: none;
}


.blog_item {
    margin: 0px 0 10px 0;
    padding-bottom: 10px;
}
    .blog_item h3 {
        border:none;
        margin-top: 1em;
    }
    .blog_item h3.blog_title {
        font-weight: normal;
        border-bottom: 1px solid #dedccd;
        margin-top: 1.5em;
        font-size: 130%;
    }
    .blog_item .blog_date {
        margin: 0;
        font-size: 85%;
        color: #666;
    }
	.blog_item .blog_date a {border:none;}

p.comment_total {font-size:1em; font-weight:bold; color:#666; margin-top:0; text-align:right;}
body #content p.blog_summary {margin:10px 0;}



.news_item {
    margin: 0px 0 10px 0;
    padding-bottom: 20px;
    background: url(/img/separator.jpg) bottom center no-repeat;
	clear:both;
}
    .news_item h3 {
        border:none;
        margin: 1em 0;
    }
    .news_item h3.news_title {
        font-weight: normal;
        border-bottom: 1px solid #dedccd;
        margin-top: 1.5em;
        margin-bottom: 10px;
        font-size: 130%;
    }
    .news_item .news_date {
        margin: 0;
        font-size: 85%;
        color: #666;
    }
    .full_entry {
        text-align: left;
        margin-top: 5px;
        margin-left: 5px;
    }
    .full_entry a {

        padding-left: 15px;
        background: url(/img/archive.gif) no-repeat left center;
    }
    .featured_head {
        text-transform: uppercase;
        font-family: "Georgia", serif;
        text-align:center;
        font-size: 80%;
        color: #888;
        margin:0;
        border:none;
    }

#news_single h2 {
    text-align: center;
}
#news_single h3.date {
    border-bottom: none;
    text-align: center;
    color: #888;
    margin-top: -8px;
    font-size: 110%;
}
    
.image {
    padding: 3px;
    border: 1px solid #ccc;
    float: left;
    margin: 0 8px 8px 0;
}
.image_right {
    padding: 3px;
    border: 1px solid #ccc;
    float: right;
    margin: 0 8px 8px 0;
}

.oncampus-banner img {
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 5px;
}

.oncampus-banner a:hover {
	background: none;
}

.oncampus-banner-agotw {
    margin-right:-10px;
    margin-left:-10px;
    margin-top:-10px;
}

.widget {
	float:right;
	margin:0 0 0 20px;
}

.eyecatch {
	text-align:center;
	font-size:225%;
	line-height:1.15em;
	font-family:"Georgia", "Times New Roman", sans-serif;
}

	.eyecatch a {
		padding-bottom:2px;
		border-bottom:1px dotted #ccc;
	}
	
.pagination {
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

	.pagination a {
		padding:5px 8px;
		border: 1px solid #dedccd;
		margin:0 1px;
	}

	.pagination strong {
		padding:5px 8px;
	}


/* ====================================================== */
/* =                      Sidebar                       = */
/* ====================================================== */

#sidebar {
    width: 220px;
    padding: 0px 15px 40px 15px;
    float: right;
    overflow: hidden;
}
    #sidebar h3 {
        border-bottom: 1px solid #d4d4d4;
        margin-bottom: 15px;
        margin-top: 20px;
        background: none;
    }
    #sidebar p {
        font-size: 90%;
        margin-bottom: 5px;
    }
    
#sidebar ul {
  margin: 15px -15px 0 -15px; /* Cancels out the padding on #sidebar so we can have nice anchors that span across the entire width */  
}
    /*#sidebar ul li {
            display: inline;
        }*/
    #sidebar ul li a {
        text-align: left;
        display: block;
        padding: 7px 15px;
        border-bottom: 1px dotted #ddd;
    }
    #sidebar ul li a:hover {
        background: #eceada;
    }
    #sidebar ul li a.sidenav_active {
        background: #fff;
        border-bottom: 1px solid #ccc;
        color: #222;
    }

	#sidebar ul p {
		padding-left:15px
	}

    #sidebar .internal_link {
        background-image: url(/img/internal.gif);
        background-position: 230px center;
        background-repeat: no-repeat;
    }
    #sidebar .external_link {
        background-image: url(/img/external.gif);
        background-position: 230px center;
        background-repeat: no-repeat;
    }
    #sidebar a.internal_link:hover {
        background-image: url(/img/internal.gif);
        background-position: 230px center;
        background-repeat: no-repeat;
    }
    #sidebar a.external_link:hover {
        background-image: url(/img/external.gif);
        background-position: 230px center;
        background-repeat: no-repeat;
    }

a.promo_img {
    display: inline-block;
    margin: 5px 0 20px 10px;
}
    #sidebar a.promo_img { /* spacing needs to be a bit different when inside the sidebar */
        display:block;
        margin: 10px 0 10px 0;
    }
    a:hover.promo_img {
        background: none;
        border:none;
    }

.hidden {
    height: 0;
    margin: 0;
    padding: 0;
    display: none;
}

.news_excerpt {
    padding: 4px 15px 10px 15px;
    display: block;
    width: 220px;
    margin: 0 -15px 0px -15px; /* Cancels out the padding on #sidebar so we can have anchors that span across the whole width */  
    line-height: 1.2em;
}
.event_excerpt {
    padding: 6px 15px 10px 15px;
    display: block;
    width: 220px;
    margin: 0 -15px 0 -15px; /* Cancels out the padding on #sidebar so we can have anchors that span across the whole width */  
}
    a.news_excerpt:hover, a.event_excerpt:hover, a.excerpt_active {
        background: url(/img/sidebar_hover.gif) bottom right no-repeat;
        border: none;
    }
    .news_excerpt strong, .event_excerpt strong {
        display: block;
        padding-bottom: 1px;
    }
    a.news_excerpt:hover strong,
    a.event_excerpt:hover strong {
        color: #333;
        padding-bottom: 0;
        border-bottom: 1px dotted #d0d0a3;
    }
    a.news_excerpt:hover span.desc,
    a.event_excerpt:hover span.desc {
        color: #222;
    }
    .news_excerpt span.desc, .event_excerpt span.desc {
        display: block;
        color: #6a6757;
        font-size: 90%;
        padding-top: 3px;
    }
    span.news_excerpt_date {
        text-align: left;
        color: #9e9a85;
        font-size: 80%;
    }
    a.global_excerpt, a.global_red {
        color: #802e2e;
    }
    a.sticky {
        color: #802e2e;
    }

.archive {
    border-top: 1px dotted #ccc;
    font-size: 85%;
    text-align: right;
    padding-top: 6px;
    margin-bottom: 30px;
}
    .archive a {
        padding: 2px 17px 2px 0;
        color: #666;
    }
    .archive a.news_icon {
        background: url(/img/archive.gif) no-repeat top right;
    }
    .archive a.feed_icon {
        background: url(/img/feed.gif) no-repeat top right;
    }
    .archive a.calendar_icon {
        background: url(/img/calendar.gif) no-repeat top right; 
    }
    .archive a:hover {
        color: #222;
    }
    
#email {
    margin: 0 -15px; /* kill the sidebar padding */
    padding: 10px 15px 15px 15px;
    width: 100%;
    background: url(/img/email_bg.jpg) top left;
}

    #email p {
        padding: 0;
        margin: 0;
        padding-bottom: 5px;
        color: #666;
    }
    #email h3 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    #email h3 img {
        margin: 3px 3px 0 3px;
    }
    #email fieldset {
        padding: 0;
    }
    #email input {
        width: 70%;
    }
    #email input.button {
        width: 25%;
}

#search {
    margin: 0 -15px; /* kill the sidebar padding */
    padding: 10px 15px 15px 22px;
    width: 100%;
    background: #e6e2cb url(/img/nav_bg.gif) repeat-x bottom;
    border-top: 1px solid #f4f0ce;
    border-bottom: 1px solid #fff;
    height:20px;
}

.search_box {
	width:170px;
	color:#666;
	margin:0;
	padding:2px;
	float:left;
}

.search_button {
	width:22px;
	height:23px;
	position:relative;
	left:10px;
	float:left;
}

.date_small, .date_med, .date_big {
	background: #FFF;
	padding: 1px;
	font-family: "Arial Black", sans-serif;
	text-align: center;
	letter-spacing: .1em;
	display: block;
	text-shadow: none;
	border: 1px solid #ddd;
	float: left;
	margin-right: 4px;
}
a.sticky .date_small strong {
    background: #734242;
}
.date_small {
    font-size: 60%;
}
.date_med {
    font-size: 90%;
}
.date_big {
    font-size: 130%;
}
    a.event_excerpt:hover .date_small strong,
    a.event_excerpt_active .date_small strong {
        background: #72705f;
        color: #fff;
        border: none;
    }
    a.event_excerpt:hover .date_small,
    a.event_excerpt_active .date_small {
        border: 1px solid #aaa;
    }
    .date_small strong, .date_med strong, .date_big strong {
    	background: #777;
    	text-align: center;
    	font-weight: normal;
    	color: #FFF;
    	display: block;
    	text-transform: uppercase;
    	font-size: 150%;
    	width: 3em;
    	padding: 0;
    }
    .date_small span, .date_med span, .date_big span {
    	font-size: 250%;
    	color: #999;
    	text-align: center;
    	display: block;
    	line-height: 20px;
    }


#cse-search-form table {
		border: 0;
		margin-top: -15px;
	}

.gsc-input {
		padding:0;
		width:154px;
	}

.gsc-input input {
		border: 1px #F0F0F0 inset;
		padding: 2px;

	}

.gsc-branding {
		display:none;
	}
	
#sidebar h3.podcast_side_top {
		margin-top:62px;
	}
	
	
/*#sidebar #twitter-widget-0 {
		margin-left:-15px;
	}*/

.feeds {
	margin-top:20px;
	
}

	.feeds a {
		float:left;
		margin-right:5px;
		margin-bottom:20px;
	}
	
		.feeds a.last {
			margin-right:0;
		}

	.feeds img {
		border-radius:5px;
		-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.3);
		box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.3);
	}

/* ====================================================== */
/* =                       Footer                       = */
/* ====================================================== */

#footer {
    clear: both;
    background: #f3f3f3 url(/img/footer_bg.jpg) no-repeat top center;
    min-height: 75px;
    font-size: 85%;
    padding-bottom: 30px;
    line-height: 1.4em;
    padding: 20px 0 25px 0;
}
    #footer a:hover {
        background: #ffffb8;
        border-bottom: 1px solid #d0d0a3;
        color: #333;
    }
        #footernav {
            float: left;
            width: 300px;
        }
        #affiliates a, #affiliates a:hover {
            border:0;
            background: 0;
        } 
        #affiliates img {
            border: 0;
            margin: 0;
            height: 20px;
        }
        #copyright, #execoffice {
            float: right;
            width: 225px;
            text-align: right;
        }
    #footer table {
        margin-top: 1em;
        opacity: .4;
        display: none   ;
    }
    #footer td {
        padding: 5px;
        vertical-align: center;
    }

/* ======================================================= */
/* =                   Amazon Books                      = */
/* ======================================================= */

#amazon span {
    margin-left:50px;
    display: block;
}

#amazon img {
    float:left;
}

#book_top {
    float:left;
}

.pages {
    height:5px;
    width:35px;
    padding-left:10px;
    border:0;
}

.page_edge {
    height:5px;
    border:0;
}

#book_front {
    clear:left;
    float:left;
    padding-right:10px;
}

.cover_image {
    width:40px;
    height:60px;
    border-width:1px 1px 1px 2px;
    border-style:solid;
    border-color:#a0a0a0;
}

.shadow {
}





/* ===== Campus Group Application ===== */


table.oncampuscol1 input {
	background: url('/img/gradshort.jpg') repeat-x;	
	}

table.oncampuscol1 textarea {
	background: url('/img/gradlong.jpg') repeat-x;	
	}




.campusmail {
	font-size:80%;
	}





/* ======================================================= */
/* =                To Be Categorized                    = */
/* ======================================================= */

#calendar_tooltips {
	position:absolute;
	z-index: 1000;
	top:0;
	left:0;
}

#calendar {
    margin-top: 10px;
    
}
.calendarCell {
    width: 14%;
    height: 100px;
    padding: 4px;
    border: 1px solid #ccc;
}
.calendarBlank {
    background: #eee;
}
.calendarToday {
    height: 80px;
    padding: 4px;
    border: 1px solid #ccc;
    background: #ffffe7;
}
    .calendarDayNum {
        display: block;
        text-align: right;
        color: #999;
        font-size: 11px;
        margin-bottom: 3px;
    }
.calendarHeader {
    background: url(/img/header_bg.gif) repeat-x bottom;
    padding: 40px 0;
    color: #fff;
}
    .calendarHeader a {
        color: #6e98d5;
    }
    .calendarHeader a:hover {
        color: #fff;
        background: none;
        border-bottom: none;
    }
    .calendarPrev {
        text-align: left;
        font-size: 11px;
        padding-left: 5px;
    }
    .calendarNext {
        text-align: right;
        font-size: 11px;
        padding-right: 5px;
    }
    .calendarMonth {
        text-align: center;
    }
    .calendarMonth h2 {
        background: none;
        border-bottom: none;
        margin: 0;
        padding: 15px 0;
        color: #fff;
    }
.calendarDayHeading {
    padding: 6px 0;
    color: #333;
    text-align: center;
}
#content .calendarEntries {
    font-size: 11px;
    list-style:none;
    margin: 0;
    padding: 0;
}
#content .calendarEntries li {
    list-style:none;
    margin: 0;
    padding:0;
}
#content .calendarEntries li a {
    padding: 2px 1px;
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 1px;
    line-height: 1.2em;
}
.calendarEntries a:hover {
    border-color: #d0d0a3;
}
.calendarTitle {
    margin-top: 0;
}
.calendarTooltip {
    width: 20em;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    font-size: 11px;
}
    .calendarTooltip h3 {
        margin-top: 0;
        text-align: center;
    }
    .calendarTooltip dl {
        font-size: 11px;
        margin: 0;
    }
    .calendarTooltip dt {
        font-weight: bold;
        color: #111;
    }
    .calendarTooltip dd {
        margin-left: 10px;
        margin-bottom: 4px;
    }

#orgmap {
    border: 1px solid #ddd;
    padding:0;
}
    #orgmap ul {
        margin: 0;
        padding: 0;
        list-style:none;
    }
    #orgmap ul li {
        float: left;
        margin: 0;
        padding: 0;
    }
    #orgmap li a {
        background: #eee url(/img/orgmap_tab_bg.jpg) bottom repeat-x;
        border-bottom: 1px solid #ccc;
        display: block;
        text-align: center;
        width: 114.5px;
        padding: 5px 0;
        border-right: 1px solid #ddd;
        margin: 0;
        cursor: pointer;
    }
    #orgmap #orgInvolved a {
        border-right: none;
        width: 117px;
    }
    #orgmap li a:hover {
        background: #eee;
    }
    #orgmap li a.active_tab {
        background: #fff;
        border-bottom: 1px solid #fff;
        color: #000;
    }
    #orgmap_content {
        clear:both;
        padding: 5px 10px;
        font-size: 90%;
    }
    #orgmap_content h3 {
        margin: 10px 0;
        height: 1%;
    }
    #orgmap_content p {
        color: #555;
        line-height: 1.4em;
    }
    #orgmap_content p a {
        font-weight: bold;
    }
    #orgmap_content img {
        border:none;
        margin: 0 5px 5px 0;
        width: 160px;
    }
    #orgmap_content .image_on_left p {
        float: right;
        clear: right;
        width: 270px;
        margin: 0;
        margin-bottom: 25px;
    }


.contact label {
    font-weight: bold;
    display: block;
    width: 6em;
}
.contact p {
    margin:0;
    margin-bottom: 10px;
}
.contact input {
    padding: 4px;
    width: 200px;
}
.contact textarea {
    width: 100%;
}
.contact input.submit {
    width: auto;
}
.contact dt {
    float:left;
    margin-top: 0;
    margin-bottom: 5px;
    clear:both;
}
.contact dd {
    display:block;
    margin-left: 120px;
    margin-bottom: 5px;
    line-height: 1.6em;
}




#related {
    margin-top: 0;
}
#related h3 {
    margin-top: 10px;
}


h2.error {
    border: 1px solid #FF7F7F;
    background: #FCDEDE;
    padding: 10px;
}

#sitemap h3 {
    margin:0;
}
#sitemap ul {
    margin:0;
}
#sitemap ul li ul {
    margin-left: 20px;
}
#sitemap ul li {
    list-style:none;
    margin: 15px 0;
}
#sitemap ul li ul li {
    margin: 3px 5px;
    list-style: disc;
    font-size: 100%;
}
#sitemap ul li a {
    font-weight:bold;
    border-bottom: 1px solid #999;
}
#sitemap ul li ul li a {
    border:none;
    font-weight: normal;
    color: #555;
}
#sitemap ul li ul li a:hover {
    border-bottom: 1px solid #d0d0a3;
}

#poi_listen {
	padding: 0;
	margin-top: 10px;
	background: url(/img/poi_listen3.gif) no-repeat;
	border: 0;
	display:block;
	overflow: hidden;
	height: 53px;
	width: 88px;
	float: left;
	margin-left: 4px
}
#poi_subscribe {
	padding: 0;
	margin-top: 10px;
	background: url(/img/poi_subscribe3.gif) no-repeat;
	border: 0;
	display:block;
	float: left;
	overflow: hidden;
	height: 53px;
	width: 124px;
}
#poi_subscribe:hover, #poi_listen:hover {
	background-position: 0px -53px;
}
#poi_books {
    list-style: none;
    padding:0;
    margin:0;
}
#poi_books li {
    list-style:none;
    margin:0;
    padding:0;
    height: 1%;
    float: left;
}
#poi_books li a {
    display: block;
    padding: 5px;
    height: 1%;
    width: 120px;
    margin:0;
    text-align:center;
    line-height: 1.2em;
    border: 1px solid #fff;
}
#poi_books li a:hover {
    border: 1px solid #d0d0a3;
}
#poi_books li a img {
    width: 100px;
}

#content.personnel li {
    list-style:none;
}


.page_meta {
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.page_meta h3 {
    margin:0;
}

dl.event_meta {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px;
}

.featured_event .featured_event_body {
  float:left; width: 400px; margin:0;padding:0
}
.featured_event p {
    margin: 0;
    margin-bottom: 1.2em;
}
.featured_event .date_small {
    margin-right: 10px;
}


table.contact_info col.left {
    width: 25%;
    background: #eee;
    text-align: right;
    vertical-align: top;
}


table.pretty {
  border-collapse: separate;
}
table.pretty thead {
  font-weight: bold;
  background: #EDEBDD;
}
table.pretty th {
  padding: .5em;
  border-bottom: #C1BFAF 1px solid;
  text-align:center;
}
table.pretty tr td {
  border-bottom: 1px solid #ddd;
}


ul.photos {
  list-style: none;
  text-align: center;
}
ul.photos li {
  list-style: none;
  display: inline;
  margin: 1em;
}
#content ul.photos li a {
  border: none;
  padding: 0;
}
ul.photos li a:hover {
  border: none;
  background: transparent;
}
ul.photos li a img {
  border: 1px solid #ccc;
  padding: 5px;
}

img.naked {padding:0; border-style:none;}

/* CFI Network */

.rightlink {
	font-size:11px;
	float: right;
	margin-top:0;
	}
	
	.rightlink a {
		border-bottom:none;
	}

/* OPP Govtrack Widget */

body#opp iframe {
	margin-left:-15px;
}


/* Social Media & Sprites */

#socialMedia {float:right; text-align:right; padding-bottom:  35px;}
#content .socialLeft {margin-left:-25px; float:left;}

#socialMedia ul {display: inline;}

#socialMedia li {display: inline; height: 25px;}

#socialMedia a {background: url(/img/sharesprite.png) 0px 0px no-repeat; padding:0 0 8px 20px; margin:0 3px;}
#socialMedia a.facebook {background-position: 0px 0px;}
#socialMedia a.reddit {background-position: -25px 0px;}
#socialMedia a.digg {background-position: -50px 0px;}
#socialMedia a.delicious {background-position: -75px 0px;}
#socialMedia a.stumbleupon {background-position: -100px 0px;}
#socialMedia a.rss {background-position: -125px 0px;}
#socialMedia a.twitter {background-position: -150px 0px;}



#sharethis { width: 80px; margin: 2px 0 10px 30px; float: right; clear: right; }
h3 span.context-switch {font-size:.7em; display:block; margin:4px 0 0 1px;}

#sharethis ul {display: inline; float:left; margin-left:0; list-style-type:none;}

#sharethis li {display: inline-block; height: 25px;}
#sharethis li a {border:none;}

.toggle2 {display:none;}



/* n00b styles */

/*div.wrapleft img, img.wrapleft {float: left; margin: 0 1em 1em 0;}
div.wrapright img, img.wrapright {float: right; margin: 0 0 1em 1em;}*/
p.boilerplate {font-size:.8em; font-style:italic;}

.comment {font-size: .8em; font-weight: 700; color: #555; margin-bottom: 3px;}

.separator{
    margin:  30px 0;
    background: url(/img/separator.jpg) center no-repeat;
    }

.captionleft {margin: 0 2em 0 0; font-size: 10px; text-align: justify; float: left;}/*div class for left img caption - user must specify div width (auto will adjust for p, not img) | also, tested across several pages & margin-right must be 2em, 1em not enough*/
.captionright {margin: 0 1em; font-size: 10px; text-align: justify; float: right;}/*ditto, but for right | margin works fine here*/
.captioncenter {font-size: 10px; text-align: center;}/* *NO* div or p width should be specified, otherwise will not center - text width must be adjusted manually*/

.captionleft img, .captionright img, .captioncenter img {border: 1px solid #ccc; padding: 4px;}
.captionleft p, .captionright p, .captioncenter p {margin:.2em 0;}


/* Twitter */

/*div#twitter {background:url(/oncampus/img/twitbg.png) top left no-repeat; border:none; margin-top:20px; height:400px; overflow:hidden; width:192px;}
#twitter a.invisible {padding:20px 120px;}
#twitter a.invisible:hover {background:transparent;}
#twitter p.spacer {line-height:1%}
p a.myname {color:blue; font-weight:bold;}
#twitter p {border-width: 0px 0px 1px; padding: 3px 3px 0; font-weight:bold; font-size:.9em; width:190px;}
#twitter p.twitdate {border-bottom:1px solid #eee; font-style:italic; font-size:.7em; color:#666; padding:0 4px 4px; margin-top:0; font-weight:normal;}*/

#twitter img {float:right; margin:17px 15px 2px 10px; border:1px solid #ccc; padding:3px;}
#twitter li {margin:0 10px 10px;}
#twitter p {margin:0 15px; font-weight:100; font-size:10px; line-height:120%; word-wrap:break-word;}
#sidebar #twitter li a {border:none; clear:none; display:inline; margin:0; padding:0;}
#twitter p.time {margin-top:4px; margin-bottom:10px; color:#999;}

img.canada {border: 1px dotted #fd0000; padding:5px; float: left; margin:3em 0 0 26px;}
img.canada:hover {background-color:#fff;}

.primarythumb {border: 1px solid #d4d4d4; padding: 1px; float:left; margin: 3px 1em 1em 0; max-width:104px;}
.primarythumb img, #primarythumb img:hover {clear: both; padding: 2px; background-color: #fff; max-width:100px;}
.primarythumb p, div.secondary p {font-size: 10px; text-align: justify; padding: 0 5px;}
.primarythumb img {max-height:100px;}
.primarythumb img > a{border:none;}


div.image {padding:4px; border:2px solid #ccc; background:#fff; -moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; z-index: 5;}
	div.image a img {border:none;}
	div.image a:hover {background-color:transparent;}
	div.image p {font-size:.9em; padding:0 0 4px; margin:0;}

.right {float:right; margin:10px 0 10px 15px; clear:right;}
.left {float:left; margin:10px 15px 10px 0;}
body .center {margin:20px auto; clear:both; text-align:center;}
body .borderless {border:none;}
body .flat {-moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent;}

.attention {color:#bc1616;}

em cite, em em, cite em, cite cite {font-style:normal;}

div.embeddedDocument {position:absolute; top:-10px; left:20px; width:700px; background:#efefef; padding:0 10px 10px; display:none; border:2px solid #666;}
div.embeddedDocument {-moz-border-radius:6px; -webkit-border-radius:6px;}
div.embeddedDocument div.controls {float:right; clear:left; font-weight:bold; padding:15px 15px 0 0;}
div.embeddedDocument div.controls a {color:#ba2c00; border:1px solid #ba2c00; padding:3px;}
div.embeddedDocument div.controls a {-moz-border-radius:3px; -webkit-border-radius:3px;}
.blog_abstract {
    margin: 0px 0 10px 0;
    padding-bottom: 20px;
}

h3 a.zipup, h3 a.zipup:hover {background: transparent no-repeat center left; padding-left: 11px; background-image:url(/img/folded.gif)}

#sidebar ul ul {margin-left:0;}
#sidebar ul ul li a {padding-left:30px;}
#sidebar ul ul ul li a {padding-left:45px;}

#sidebar ul.normal {list-style-type:none;}
#sidebar ul.normal li {margin:0 0 3px 15px;}

div.author_photo_frame {
	float:left;
	height:120px;
	width:100px;
	overflow:hidden;
	margin-right:12px;
}

/* New Mission & Lead styles */

.mission {
	margin:4em 0;
}

.lead {
	font-size:20px;
	font-family:Lato, "Helvetica Neue", Arial, sans-serif;
	font-weight:300;
}


/* Membership page styles */
.membership {
  padding:0;
  margin:0;
  border:0 none;
  float:left;
  margin-right:10px;
  width: 136px;
}

.membership.lastmembership {
  margin-right:0;
}

.studentmembership {
  text-align:center;
  padding-top:40px;
  clear:both;
}

.membershiprouter {
  width:360px;
  border:0 none;
  margin:0;
  padding:0;
  float:left;
}