/*
 * NACP4 Template #1 for Joomla 1.5.x
 * Layout for standard screen resolution of 1024 x 768
 */

/*
 * Import main styles
 */
 
@import url(maintemplate.css);

/*
 * Import colour specific styles
 */
 
 @import url(colour.css);

/*
 * Set specific page size according to screen resolution
 */

#pagewidth {
	width:915px;
	min-width:900px; /* For IE7 with pinned favorites only */
	max-width:915px; /* For IE7 with pinned favorites only */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*
 * These divisions define the primary positions that are used 
 * to deploy Joomla modules on the screen.
 *
 * The header division contains the logo and the banner positions.
 */
 
#logo {	/* This division displays the NACP logo */
	width: 200px;
	height: 120px;
	float: left;
	padding-top: 12px;
	padding-left:5px;
}

#banner { /* This division displays the NACP banner */
	width: 700px;
	height: 129px;
	float: right;
	padding-right: 10px;
}

/*
 * The centre division contains everything else except the footer.
 */

#centre {
	width:100%; /* 915px */
	padding-top: 6px;
	background: transparent url(../images/back_normal.gif) repeat-y 0px 140px;
}

/*
 * The topper division contains the search and primary positions.
 * search has its own divisions and primary uses the topmenu division.
 */

#topper	{
	height:35px;
	padding: 5px 0px;
	width:100%;
}

#search {
	clear: both;
	float: left;
	margin: 5px 20px 0px 20px;
	width: 140px;
	height: 28px;
	vertical-align: top;
}

#search.inputbox {
	width: 100px;
	height: 18px;
	font-size: 1em;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

#search.button {
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 1em;
	background: transparent;
	border: none;
	line-height: 10px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#topmenu	{
	float:right;
	padding: 5px 15px;
	width:342px;
}

/*
 * The midder division contains the user1 position.
 */

#midder	{
	height:30px;
	padding: 5px 10px;
	width:100%;
}

#midder ul.menu li {
	height: 25px;
	width: auto !important;
	font-size: 1.1em;
}

#midder ul.menu li a	{
	width: 115px;
}

/*
 * The botter division contains the breadcrumbs and inset positions.
 * breadcrumbs uses the pathway division.
 * inset uses the dateway division.
 */

#botter	{
	height:20px;
	padding: 5px 0px;
	width:100%;
}

#pathway {
	float: left;
	overflow: hidden; 
	width: 50%;
	height: 19px;
	padding-left: 20px;
}

#dateway { 
	float:right;
	width:44%;
	text-align:right;
	height: 19px;
	margin-left:-5px;
	padding-right: 2em;
}

/*
 * #homelinker is deployed in this template for the link buttons on the Front Page only.
 */

#homelinker {
	width:730px;
	margin-left:70px;
	margin-top:20px;
}

/*
 * #home2 is deployed in this template for the text links on the Front Page only.
 */

#home2 {
	width: 100%;
	padding-left:20px;
}

#home2 .moduletable {
	padding-left:13px;
}

/*
 * These divisions hold the left, top, right and other user positions.
 */
  
#leftcol {
	position: relative;
	clear:left;
	float: left;
	width:152px;
	margin-right: 5px;
 }

/* This is used where there is also a right-hand column with content */  

#maincol-small { 
	float: left;
	width: 575px !important;
	margin-left: 0px !important;
	margin-left: -5px;
} 

/* This is used where there is NO right-hand column required */

#maincol-wide { 
	float: left;
	width: 754px !important;
	margin-left: 0px !important;
	margin-left: -5px;
	padding-top: 3px !important;
	padding-top: 0px;
}

#rightcol {
	float: right;
	position: relative;
	margin-top: .5em;
	width:178px;
 }
  
#footer {  
	height: 40px; 
	width: 100%; 
	font-size: 10px;
	background: transparent url(../images/footer_normal.jpg) no-repeat;
}

/*
 * These styles are for the main column menu links
 */

#maincol-small .moduletable_menu ul.menu li img	{
	padding:0px 20px 20px 20px;
}

#maincol-wide .moduletable_menu ul.menu li img	{
	padding:0px 60px 20px 60px;
}

a.mainlevel, ul.menu li a {
	width: 133px;
}

/*
 * This division is only used for the display of Force contact details.
 */

#component-contact	{
	margin-left: 157px;
}