/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */

body, html {
	height: 100%;
}
 
body {
	background: url(img/bg_body.gif) repeat-y center center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/**/
.container {
	min-height: 100%;
}
* html .container {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**/
.header {
	background: url(img/tile.gif) repeat-x;
	height: 171px;
}
/**/
.header .head {
	height: 132px;
}
.header .head img {
	margin: 20px 0 0 30px;
}
.header .head img.banner {
	margin:0pt 0pt 0pt 135px;
}

/**/
.header .menu {
	height: 32px;
}
.header .menu ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.header .menu_1 {
	float: left;
	margin: 0 0 0 10px;	
	padding: 0;
}
.header .menu_2 {
	float: right;
	margin: 0 0 0 10px;	
	padding: 0;
	
}
.header .menu ul li {
	float: left;
}
.header .menu ul.menu_1 li {
	background:transparent url(img/but_menu_big.gif) repeat scroll 0%;
	float:left;
	height:33px;
	margin:0px 5px 0pt;
	text-align:center;
	width:136px;
}
.header .menu ul.menu_2 li {
	background:transparent url(img/but_menu_small.gif) repeat scroll 0%;
	float:left;
	height:33px;
	margin:0px 5px 0pt;
	text-align:center;
	width:86px;
}
.header .menu ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin:5px 0pt 0pt;
	display: block;
}
.header .menu ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
/**/
.content_container {
	background: url(img/tile_subhead.gif) repeat-x;
	min-height: 500px;
}
.content .item {
	border-bottom: 1px solid #66a1c1;
	width: 595px;
	font-size: 11px;
	color: #003366;
	margin:20px auto;
	min-height:100px;
}
.content .introduction {
	width: 595px;
	font-size: 14px;
	color: #003366;
	margin:20px auto;
	min-height:200px;
}

.content .gapingvoid {
	margin-left:25px;
}

.content p {

}
.content img {
	float: left;
	margin: 0 15px 0 0;
}
.content .pagination, .content .pagination a {
	color: #006699;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	width: 250px;
	display:inline;
/*	display: block;*/
}

.pagenumber {
	color: #006699;
	font-size: 9px;
	text-align: center;
	margin-bottom: 10px;
}

.content .pagination .disabled, .content .pagination a {
	float: left;
	margin:0pt 0pt 20px;
}
.content .pagination .pages {
	float: left;
	margin:0px 0px 0px 0px;
}

/**/
.sidebar {
	padding: 0px 0pt 0pt 10px;
}
.sidebar img.banner1 {
	padding: 0;
}
.sidebar img {
	vertical-align: top;
	margin:20px 10px 0pt 0pt;
	}

/**/
.footer {
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(img/tile_foot.gif) repeat-x;
	height: 29px;
	text-align: center;
	font-size: 9px;
	color: #fff;
}
.footer p {
	margin: 0;
	padding: 0;

}