/* CSS Style layer for T2DM for ILP */
/* _______ Ninja Multimedia _______ */



/* --------------------------------------------------------------------------------------- general helpers --*/

h1, h2, h3, h4, h5, strong {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight: bold;
	color: black;
}

h1 {
	font-size: 18px !important;
	line-height: 24px !important;
}
h2 {
	font-size: 16px !important;
	line-height: 22px !important;
}
h3 {
	font-size: 14px !important;
	line-height: 20px !important;
}
h4 {
	font-size: 12px !important;
	line-height: 18px !important;
}
h5 {
	font-size: 10px !important;
	line-height: 16px !important;
}
h1.caps, h2.caps, h3.caps, h4.caps, h5.caps, strong.caps {
	text-transform: uppercase;
}
h1.italic, h2.italic, h3.italic, h4.italic, h5.italic, strong.italic {
	font-style: italic;
}
h1.lime, h2.lime, h3.lime, h4.lime, h5.lime, strong.lime {
	color: rgb( 136, 182, 62 ); /* 'slime */
}
h1.dark-blue, h2.dark-blue, h3.dark-blue, h4.dark-blue, h5.dark-blue, strong.dark-blue {
	color: rgb( 34, 66, 117 ); /* dark blue */
}
h1.bluer, h2.bluer, h3.bluer, h4.bluer, h5.bluer, strong-bluer {
	color: rgb( 15, 31, 166 ); /* bluer dark blue */
}

.underlined {
	border-bottom: 1px solid rgb( 136, 182, 62 );
	margin-bottom: 3px;
}
.underlined-dashed {
	border-bottom: 1px dashed rgb( 136, 182, 62 );
	margin-bottom: 3px;
}
.underlined-bold {
	border-bottom: 2px solid rgb( 136, 182, 62 );
	margin-bottom: 3px;
}

.box {
	background: rgb( 199, 231, 149 );
}

ul {
	margin-bottom: 15px;
}

ul.lime li {
	list-style: url('../img/bullet-lime.png');
	font-size: 12px;
	margin-left: 20px;
}

/* --------------------------------------------------------------------------------------- Tabs Menu --*/
.tabs {
	background: rgb( 164, 206, 96 );
	position: relative;
	width: 100%;
	height: 43px;
	text-align: center;
}

.tabs ul {
	display: inline-block;
	position: relative;
	z-index: 5;
	width: auto;
	margin: 0 auto;
	margin-left: -18px;
}
.tabs ul li {
	display: inline-block;
	float: right;
	margin-right: -18px;
}
.tabs ul li a {
	display: block;
	position: relative;
	width: 205px;
	height: 27px;
	background: url('../img/tabBG.png') no-repeat;
	padding-top: 16px;
	/*font-size: 21px;*/
	font-size: 15px;
	color: rgb( 40, 65, 119 ) !important;
	text-decoration: none !important;
	text-transform: uppercase;
	z-index: 10;
}
.tabs ul li a:hover {
	color: rgb( 121, 139, 177 ) !important;
}
.tabs ul li a.current, .tabs ul li.active a  {
	background: url('../img/tabBG.png') no-repeat 0 -43px;
	z-index: 15;
}
.tabs ul li a.current:hover, .tabs ul li.active a:hover {
	color: rgb( 40, 65, 119 ) !important;
}

.tabs-content {
	display: none;
	position: relative;
	overflow: hidden;
	width: 860px;
	clear: both;
	margin: 0 auto;
	margin-top: 30px !important;
}
.tabs-content.current {
	display: block;
}

/* --------------------------------------------------------------------------------------- Content --*/

.signInWrap {
	margin-top: 40px;
}

#header {
	height: 229px;
	background: url('../img/headerBG.jpg') no-repeat;
}

#content {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
}

#content p {
	font-size: 12px;
	line-height: 14px;
}

.bioSnapshot {
	float:left;
	margin-bottom:30px;
}

.bioSnapshot img {
	display: block;
	position: relative;
	float: left;
	padding: 11px;
	padding-left: 49px;
	background: rgb( 136, 182, 62 ); /* 'slime */
}

.bioText {
	display: block;
	position: relative;
	width: 640px;
	float: left;
	margin-left: 20px;
}

#resourcesTab h1.bluer {
	margin-top: 10px;
	margin-bottom: 0 !important; /* overwriting badly styled #content style */
}
#resourcesTab h2.lime {
	color: rgb( 136, 182, 62 ) !important; /* 'slime */ /* overwriting badly styled #content style */
}

#resourcesTab ul li {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 5px;
}
#resourcesTab ul li ul {
	margin-top: 8px;
}

#resourcesTab ul li a {
	display: block;
	margin-left: 10px;
}