html, body {
	color:            #000000;
	font-family:      Arial, sans-serif;
	font-size:        12pt;
	padding:          0;
	margin:           0;
}

a {
	text-decoration: none;
	color:           #277FAF;
}
a:hover {
	text-decoration: none;
	color:           #FC3643;
}
a:visited {
	color:           #AFAD80;
}

article {
	padding:           10px;
	border:            2px #C5E8FB solid;
	margin-bottom:     5px;
	/* background-image:  url("../media/site_images/div_block_bg.gif"); */
	background-repeat: no-repeat;
	overflow:          auto;
	width:             98%;
}

article h1 {
	margin-top: 0;
}

blockquote {
	border-left:     0px !important;
	padding:         30px !important;
}

body {
	background-image: url("/media/site_images/graph_bg.png");
}

.carousel {
	max-width:    400px;
	margin-left:  auto;
	margin-right: auto;
}

.carousel-control.no-bg {
	background-image: none;
}

.modal-caption {
	margin-top: 20px;
}

.caption {
	caption-side: bottom;
	font-size: smaller;
}

cite {
	font-style: italic;
}

.column_space {
	width: 20px;
}

#copyright {
	width:      100%;
	position:   relative;
	bottom:     0px;
	font-size:  7pt;
	text-align: center;
}

.date {
	font-weight: bold;
	font-size: 8pt;
}

.first-thumb {
	background-image: url("/media/site_images/thumbnail_sheet_s.jpg");
}

/*
 * header
 */

.header {
	border-top: 3px solid #C5E8FB;
	border-bottom: 3px solid #C5E8FB;
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
	
	padding: 20px;
}

header a {
	font-size: 14pt;
}

.header-center {
	text-align: center;
}

.header-right {
	text-align: right;
}

.header-right ul {
	/*
	 * override base styles
	 */
	padding: 0;
	margin: 0;
}

.header-right ul li {
	vertical-align: middle;
}

/*
 * end header
 */

li {
	padding-bottom: 5px;
}

.main {
	width: 206px;
	border: 3px solid #C5E8FB;
	position: relative;
	margin-bottom: 40px;
	background-color: #C8C789;
	background-image: url("/media/site_images/loading.png");
	background-repeat: no-repeat;
}

#main_menu_outer {
	background-color: #663300;
	width:            125px;
	padding:          1px 0px;
}

#main_menu_inner {
	background-color: #FBF5EA;
	padding-left:     5px;
	text-decoration:  none
}

#main_column {
	width: 100%;
}

#main_table {
	padding: 0px;
	border:  0px;
	margin:  0px;
	width:   100%;
	vertical-align: top
}

#main_table td {
	vertical-align: top;
	border:  0px;
	margin:  0px;
	padding: 0px;
}

#menu {
	border:      2px solid #C5E8FB;
	font-size:   90%;
	line-height: 120%;
	padding:     10px;
}

.modal-backdrop {
	background-color: #AFAD80;
}

.modal-content {
	/* background-color: #C8C789; */
	border-radius: 0;
	border: 3px solid #C5E8FB;
	box-shadow: none;
}

.modal-header.no-border {
	border-bottom: none;
}

.nav_links a:visited {
	color: #277FAF;
}

p {
	margin-bottom: 10px;
}

#resumes a {
	font-size: 8pt;
}

.scalable-modal-img {
	width: 100%;
}

.sidebar_left, .sidebar_center, .sidebar_right {
	border: 1px solid #330000;
	margin: 25px auto;
	font-size: 80%;
	text-align: center;
	background-color: #FFFFFF;
}

.sidebar_left {
	float:  left;
	margin: 10px;
	clear:  both;
}

.sidebar_left tbody tr td, .sidebar_center tbody tr td, .sidebar_right tbody tr td {
	padding: 3px !important;
}

.sidebar_right {
	float:  right;
	margin: 10px;
	/* clear:  both; */
}

.solid-bg {
	background-color: #FFFFFF;
}

.thumb {
	float:            left;
	cursor:           pointer;
}

.title {
	font-weight: bold;
}

/* *********************** tangent styles ********************************** */

.tangent_hidden {
	display: none;
}

.yui-panel .hd { 
	padding:          0px;
	border:           none;
	background-color: #CE8E59;
	height:           22px;
	text-align:       left;
	overflow:         visible;
	color:            #663300;
}

.yui-panel .container-close {
	background: url(../media/site_images/tangent_close.gif) no-repeat;
	width:      15px;
	height:     15px;
}

.yui-panel .bd {
	overflow:         hidden;
	padding:          4px;
	background-color: #FBF5EA;
}

/* **************************** end tangent styles ***************************** */

/* ********************* define sizes for smaller screens ********************** */

@media (min-width: 100px) {
	.main {
		width: 206px;
	}
}
@media (min-width: 500px) {
	.main {
		width: 406px;
	}
}
@media (min-width: 900px) {
	.main {
		width: 806px;
	}
}