@CHARSET "ISO-8859-1";

/*
 * BPM style sheet.
 * Ronen Agranat 2008
 */
	
/*
 * Main body and content.
 */

body {
	font-family: georgia;
	
	/* remove all borders and padding that come from user's stylesheet */
	border: 0;
	padding: 0;
	margin: 0;
	
	/* our nice gradient background, fading into a solid color */
	background: #3d7dff url('resources/orange_grad.png') repeat-x;
}

#content {
	/*
		This is how a page can be horizontally centred.
	*/
	margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 14px;
    padding-top: 5px;
    
	border: thin solid black;
	background-color: white;
	
	max-width: 900px;
	min-width: 900px;
}

/*
 * Header
 */

/*
 * BPM logo in a background image. This contains the NHBRC logo
 */
#bpm_logo {
	width: 100%;
	height: 129px;
	background: url('resources/bpm.jpg') no-repeat;
	text-align: right;
}

/*
 * The NHBRC logo
 */
#nhbrc_logo {
	margin: 25px;
	border: 0;
	/*align: right;*/
}

/*
 * Footer
 */
#footer {
	color: darkblue;
	font-size: small;
	text-align: center;
}

/*
 * Boxes with rounded edges for displaying text.
 */
 
/*
 * The box itself, responsible for 'fill' and 'bottom' graphic, which
 * is vertically sent to bottom
 */
.box {
	width: 400px;
	background: #f4ff44 url("resources/bottom.png") no-repeat left bottom;
	margin-left: 34px;
	margin-top: 5px;
}

/*
 * Header of box. Responsible for 'top' graphic. Contains heading 2: the 'title' of the box.
 */
.box_header {
	width: 400px;
	background: url("resources/top.png") no-repeat left top;
}
/*
 * Padding for box header and contents, so they do not touch sides
 */
.box h2 {
	padding: 10px 20px 0 20px;
}
.box p {
	padding: 0 20px 10px 20px;
	min-height: 70px;
}

/*
 * House icon for heading 2
 */
.box h2 {
	padding-left: 50px;
	padding-top: 11px;
	height:50px;
	background: url("resources/home1.png") no-repeat 10px 10px;
}
 
div.category {
	border-top: medium solid orange;
	max-width: 70%;
	margin: 25px 0px 0px 0px;
	padding: 20px;
}

div.title {
	font-family: verdana;
	font-size: 92%;
	font-weight: 600;
}
div.categoryTitle {
	font-size: 190%;
	font-weight: 800;
	font-family: garamond;
	text-align: center;
	text-decoration: underline;
	width: 100%;
}
div.text {
	font-family: verdana;
	font-size: 75%;
	line-height: 30px;
	text-align: justify;
}
img.cover {
	/*float: left;*/
	border: 2px solid darkblue;
	margin: 0px 20px 20px 30px;
	/*min-width:200px;
	min-height:200px;*/
}
img.photoBorder {
	border: 2px solid darkblue;
}
img.noBorder {
	border: thin solid darkblue;
}

span.photoTitle {
	font-family: verdana;
	font-size: 70%;
}

/*
 * Main site navigation: horizontal navbar. Has
 * background for entire nav bar
 */
ul.menu {
	margin-left: 50px;
	padding: 0;
	list-style: none;
	width: 23em;
	background: url(resources/button_grad.gif) repeat-x;
	font-family: verdana;
	font-size: 10pt;
}

/*
 * Make list items display horizontally by floating them left
 */
ul.menu li {
	float: left;
}

/*
 * The actual buttons (anchors within list items). Responsible
 * for divider image;
 */
ul.menu a {
	display: block;
	padding: 0 1em;
	line-height: 2.1em; /* use line-height so text is centred */
	text-decoration: none;
	color: darkblue;
	background: url(resources/button_divider.gif) no-repeat left top;
}

/*
 * We don't want the divider image for the first item.
 */
ul.menu a.first {
	background: none;
}

ul.menu a:hover {
	color: #fff;
}