/* Styles for the site background */
body {
	background:		url('../images/sit-bg_body.jpg') repeat-x top fixed #f5f5f5;
	margin:			10px 0;
}

/* Styles for the site */
#page {
	position:		relative;
	width:			750px;
	margin:			0 auto;
	border:			1px solid #01218C;
	border-top:		5px solid #01218C;
	background:		#fff;
}

/* Styles for the masthead */
#page-header {
	background:		url('../images/sit-bg_page-header.jpg') no-repeat;
	padding:		20px;
	font-family:	Trebuchet, Arial, sans-serif;
}
#page-header h1 {
	text-indent:	-10000px; /* sends the title text way off to the left leaving only the image visible while preserving the semantic structure */
	background:		url('../images/sit-injlogo_300x41.gif') no-repeat;
	height:			50px;
	margin:			0;
}

/* Styles for the search box */
#search {
	position:		absolute; /* positions absolutely compared with #page, which is position:relative */
	top:			10px;
	right:			10px;
	width:			250px;
	text-align:		right;
}
#search input {
	border:			1px solid #01218C;
	padding:		1px;
}

/* Styles for the main navigation bar */
#site-nav {
	padding:		1px 0 24px;
	background:		#01218C;
	background:		url('../images/sit-bg_content.jpg') repeat-x bottom #01218C;
	font-family:	Arial, sans-serif;
}
#site-nav ul {
	margin:			0;
	padding:		0;
}
#site-nav li {
	display:		inline;
	margin:			3px 0 4px 20px;
}
#site-nav a {
	font-weight:	bold;
	font-size:		80%;
	text-decoration: none;
	color:			#f5f5f5;
}
#site-nav a:hover {
	color:			#FFEF91;
}


/* Styles for the 'Articles' navigation bar */
#article-nav {
	float:			right;
	width:			190px;
	margin:			6px 25px 30px;
	padding:		10px 0 15px;
	border-bottom:	2px solid #01218C;
	font-family:	Arial, sans-serif;
}
#article-nav h2 {
	font-size:		120%;
	color:			#B32A21;
	border-bottom:	2px solid #01218C;
	background:		#fff;
	margin-top:		0;
}
#article-nav h3 {
	font-size:		90%;
	color:			#01218C;
}
#article-nav h4 {
	font-size:		70%;
	font-weight:	normal;
	color:			#01218C;
}
#article-nav p, td {
	font-size:		90%;
	line-height:	120%;
}
#article-nav ul {
	margin:			0;
	padding:		0 0 0 17px;
}
#article-nav li {
	margin-bottom:	3px;
	font-size:		80%;
}
#article-nav a {
	color:			#01218C;
	text-decoration: none;
}
#article-nav a:hover {
	text-decoration: underline;
}

/* Styles for the main page content */
#content {
	padding:		10px 240px 25px 25px;
	font-family:	Arial, sans-serif;
}
#content h1 {
	border-bottom:	2px solid #01218C;
	color:			#B32A21;
	padding:		5px 0 1px;
	font-size:		120%;
	margin-top:		0;
}
#content h2 {
	font-size:		100%;
	color:			#01218C;
}
#content h3 {
	font-size:		90%;
	color:			#01218C;
}
#content h4 {
	font-size:		70%;
	line-height:	100%;
}
#content p, #content li, #content blockquote, #content td {
	font-size:		90%;
	line-height:	120%;
	text-align:		justify;
}
#content a {
	color:			#01208C;
	text-decoration: none;
}
#content a:hover {
	color:			#01208C;
	text-decoration: underline;
}
#content-center {
	font-family:	Arial, sans-serif;
	font-size:		120%;
	font-weight:	bold;
	padding:		0px 240px 0px 25px;
	color:			#ff0000;
	text-align:		center;
}

/* Styles for the popup windows */
#pagepopup {
	position:		relative;
	width:			400px;
	margin:			0 auto;
	border:			1px solid #01218C;
	border-top:		5px solid #01218C;
	background:		#fff;
}
#popups {
	padding:		10px 10px 10px 10px;
	font-family:	Arial, sans-serif;
}
#popups h1 {
	border-bottom:	2px solid #01218C;
	color:			#B32A21;
	padding:		5px 0 1px;
	font-size:		120%;
	margin-top:		0;
	text-align:		left;
}
#popups p {
	font-size:		90%;
	line-height:	120%;
	text-align:		justify;
}

/* Styles for the main page intro text */
#front-intro {  /* Currently just normal #content paragraphs, but I've left this here for if you want to change that */
}

/* Styles for the main page 'Features' */
#front-feature h3 {
	margin-top:		0;
	margin-bottom:	3px;
	font-size:		100%;
}
#front-feature p {
	margin-top:		0;
	margin-bottom:	3px;
}
.front-feature-item {
	height:			120px;
	margin-bottom:	20px;
}
.front-feature-item h3 a {
	text-decoration: none;
}
.front-feature-item h3 a:hover {
	text-decoration: underline;
}

/* Styles for the main page 'In their own words' box */
#front-ownwords {
	padding:		10px;
	border:			1px solid #01208C;
	background:		#FFFCDE;
}
#front-ownwords p {
	margin-top:		0;
}
#front-ownwords img {
	border:			0;
	float:			left;
	padding:		0 10px 15px 0;
}

/* Styles for the page footer navigation */
#site-footer-nav {
	clear:			both;
	padding:		23px 0 2px;
	background:		url('../images/sit-bg_footer.jpg') repeat-x top #01218C;
	font-family:	Trebuchet, Arial, sans-serif;
	text-align:		right;
	font-size:		70%;
	color:			#f5f5f5;
}
#site-footer-nav ul {
	margin:			0;
	padding:		0;
}
#site-footer-nav li {
	display:		inline;
	margin:			3px 15px 4px 0;
}
#site-footer-nav a {
	font-weight:	bold;
	text-decoration: none;
	color:			#f5f5f5;
}
#site-footer-nav a:hover {
	color:			#FFEF91;
}

/* Styles for images */
.img-l {
	border:			0;
	float:			left;
	margin:			0 10px 3px 0;
}
.img-r {
	border:			0;
	float:			right;
	margin:			0 0 3px 10px;
}
.img-c {
	border:			0;
    display:		block;
    margin-left:	auto;
    margin-right:	auto; 
}