/******************************
* Typography
******************************/

h1 {
	color: #1a4166;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 36px;
}

h2 {
	color: #2d6b91;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

h3 {
	color: #617e97;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

body, p, li {
	color: #0f2b47;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

p { margin: 10px 0 10px 0; }

strong { font-weight: bold; }

a { color: #1a4166; }
a:hover { color: #000000; }

/******************************
* Layout
******************************/

html {
	background: url(../images/background.gif) #c5d2df repeat-x top;
}

body {
	background: url(../images/background-footer.gif) repeat-x bottom;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
}

#header {
	background: url(../images/header-bottom.gif) #ffffff no-repeat bottom;
	height: 80px;
	margin-top: 10px;
	width: 760px;
}

#page {
	float: left;
	margin-bottom: 20px;
	width: 760px;
}

#content {
	background: url(../images/dotted-border-vertical.gif) repeat-y right top;
	float: left;
	margin-top: 20px;
	padding: 0 28px 0 12px;
	width: 463px;
}

#sidebar {
	margin-top: 20px;
	padding-left: 523px;

}

#footer {
	clear: both;
	height: 40px;
	width: 760px;
}

/******************************
* Header
******************************/

#site-title {
	background: url(../images/logo.gif) no-repeat;
	float: left;
	height: 66px;
	margin: 8px 0 0 11px;
	overflow: hidden;
	text-indent: -5000px;
	width: 477px;
}

#site-title a {
	display: block;
	height: 66px;
	width: 477px;
}

#site-subtitle {
	background: url(../images/chapter-label.gif) no-repeat;
	float: right;
	height: 34px;
	margin: 22px 20px 0 0;
	overflow: hidden;
	text-indent: -5000px;
	width: 118px;
}

#site-banner {
	height: 260px;
	margin: 10px auto 11px auto;
	width: 720px;
}

#flash-banner {
	padding-bottom: 3px;
}

/******************************
* Navigation
******************************/

#site-navigation {
	height: 42px;
	list-style: none;
	width: 760px;
}

#site-navigation li {
	float: left;
	height: 42px;
}

#site-navigation li a {
	display: block;
	height: 42px;
	overflow: hidden;
	text-indent: -5000px;
}

#site-navigation li.home a { background: url(../images/nav-home.gif); width: 70px; }
#site-navigation li.about a { background: url(../images/nav-about.gif); width: 77px; }
#site-navigation li.irem_first a { background: url(../images/nav-iremfirst.gif); width: 97px; }
#site-navigation li.events a { background: url(../images/nav-events.gif); width: 79px; }
#site-navigation li.photos a { background: url(../images/nav-photos.gif); width: 81px; }
#site-navigation li.education a { background: url(../images/nav-education.gif); width: 98px; }
#site-navigation li.friends a { background: url(../images/nav-friends.gif); width: 84px; }
#site-navigation li.members a { background: url(../images/nav-members.gif); width: 96px; }
#site-navigation li.contact a { background: url(../images/nav-contact.gif); width: 78px; }

#site-navigation li a:hover {
	background-position: 0 -42px;
}

#site-navigation li a.current {
	background-position: 0 -42px;
}

/******************************
* Sidebar Boxes
******************************/

#sidebar .infobox {
	background: url(../images/infobox-background-blue.gif) no-repeat bottom;
	float: left;
	padding: 50px 15px 15px 15px;
	position: relative;
	margin-bottom: 35px;
	width: 207px;
}

#sidebar .infobox h2 {
	background: url(../images/infobox-header.gif) no-repeat top;
	height: 40px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -5000px;
	top: 0;
	width: 237px;
}

#sidebar .infobox p,
#sidebar .infobox li {
	color: #30577f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 5px 0 6px 0;
}

#sidebar .infobox a {
	color: #30577f;
	font-weight: bold;
	text-decoration: underline;
}

#sidebar .infobox a:hover {
	color: #000000;
}

#sidebar .infobox .image {
	float: left;
	margin: 0 3px;
}

#sidebar .infobox .more {
	margin: 0 auto;
	text-align: center;
	width: 150px;
}

/******************************
* Sidebar hCard
******************************/

#sidebar-hcard {
	float: left;
	text-align: center;
	width: 237px;
}

#sidebar-hcard .org {
	background: url(../images/vcard-org.gif) no-repeat;
	height: 18px;
	margin: 0 auto 15px auto;
	overflow: hidden;
	text-indent: -5000px;
	width: 91px;
}

#sidebar-hcard p {
	line-height: 16px;
	margin: 0;
}

#sidebar-hcard .adr {
	margin-bottom: 15px;
}

#sidebar-hcard .street-address {
	display: block;
}

#sidebar-hcard .type {
	font-weight: bold;
}

/******************************
* Footer Content
******************************/

#copyright,
#developer {
	color: #c5d2df;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
}

#copyright a,
#developer a {
	color: #c5d2df;
	font-weight: bold;
	text-decoration: none;
}

#copyright a:hover,
#developer a:hover {
	text-decoration: underline;
}

#copyright {
	float: left;
	font-size: 10px;
}

#developer {
	background: url(../images/impulse-logo.gif) no-repeat right center;
	float: right;
	font-size: 11px;
	padding-right: 25px;
}