/*-- NPEU CONTENT STYLE ------------------------------------------------------*/
/*-- Copyright NPEU 2007 by Andy Kirk ----------------------------------------*/

/*-- TEXT RULES --------------------------------------------------------------*/
body
{
	text-align: left;
	font-family: verdana, ariel, helvetica, sans-serif;
	font-size: 101%;
}

#content
{
    font-size: 0.8em;
}

.hidden, .hidden a, .hidden a:hover, .hiddenbutprint, #menu .current span
{
	/*display: none;*/
	position: relative;
	visibility: hidden;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0em;
	border: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
/*
* html .hidden, * html .hidden a, * html .hidden a:hover, .hiddenbutprint, #menu .current span
{
    position: absolute;
}
*/
.hiddenbutprint, #menu .current span
{
    position: absolute;
}

.lowStyle, .lowStyle a, .lowStyle a:hover
{
	display: block;
	position: relative;
	top: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0em;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
}

h2
{
	position: relative;
	width: auto;
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.4em;
	color: #6E90A6;
	text-align: center;
	clear: both;
}

.fullPageView h2
{
    margin-top: 40px;
}

h3
{
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 1.5em;
	font-weight: bold;
	background: #fff;
	color: #6E90A6;
	text-align: center;
	clear: both;
}

h4
{
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	background-image: none;
	color: #6E90A6;
	text-align: left;
	clear: both;
}

#content p
{
	width: auto;
	clear: both;
	line-height: 1.3em;
}

.smallText
{
	font-size: 0.85em;
}

.largeText
{
	font-size: 1.1em;
}

.leftText
{
	text-align: left !important;
}

.centreText
{
	text-align: center !important;
}

.rightText
{
	text-align: right !important;
}

.indent1
{
    margin-left: 3em;
}

.red
{
	color: #f00;
}

.npeustone
{
	color: #888c82;
}

.npeugrey
{
	color: #6E90A6;
}

.smallCaps
{
	font-variant: small-caps;
}

.oblique
{
	font-style: oblique;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.underline
{
	text-decoration: underline;
}

.strike
{
	text-decoration: line-through;
}

.quote
{
	padding: 15px;
	/*background: transparent url(../css/common/images/bg_quote_start.gif) top left no-repeat;*/
}

acronym
{
	cursor: help;
}

pre
{
	border: 1px solid #6E90A6;
	padding: 5px;
	font-size: 1.2em;
	color: #6E90A6;
}

kbd
{
	font-size: 1.2em;
	color: #888c82;
}

a
{
	font-weight: bold;
	background: transparent;
	color: #6E90A6;
	text-decoration: none;
}

a:hover
{
	background: transparent;
	color: #000;
}

a span
{
    cursor: pointer;
}


.altLinks a
{
	color: #888c82;
}

.altLinks a:hover
{
	color: #000;
}
/*
* html #content a
{
    display: inline-block;
}*/
/*-- END TEXT RULES ----------------------------------------------------------*/

/*-- BLOCK RULES -------------------------------------------------------------*/
.block
{
	display: block;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
	clear: right;
}

.floatNone
{
	float: none;
	clear: both;
}

.centreContent
{
	margin: 5px auto;
}

.centreBlock
{
    width: 30em;
    margin: 5px auto;
    padding: 10px;
}

.greyBorder
{
    border: 1px solid #6E90A6;
}
/*-- END BLOCK RULES ---------------------------------------------------------*/

/*-- IMAGE RULES -------------------------------------------------------------*/
.imgContainer
{
	margin: 5px 0 10px 0;
	line-height: 0em;
	font-size: 0;
	text-align: center;
}

img
{
	border: 0;
	line-height: 0em;
	font-size: 0;
	margin: 0;
}

.imgBorder
{
	border: 1px solid #6E90A6;
}

.imgBorderPadding
{
	border: 1px solid #6E90A6;
	padding: 10px;
}

.imgMargin
{
	margin: 10px;
}

.imgCaption
{
	display: block;
	font-size: 0.8em;
	text-align: center;
}
/*-- END IMAGE RULES ---------------------------------------------------------*/

/*-- LIST RULES --------------------------------------------------------------*/
.noBullets
{
	list-style-type: none;
	padding: 0 20px 0 20px;
	margin: 5px 0 15px 0;
}

.noBullets li
{
	padding: 0;
	margin: 4px 0 4px 0;
}

.inlineList
{
	list-style-type: none;
	padding: 0;
	margin: 5px 0 5px 0;;
}

.inlineList li
{
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	border-left: 1px solid #000;
	display: inline;
}

.inlineList .first
{
    padding: 0;
    border-left: 0;
}

.noIndent
{
	padding: 0;
	margin: 5px 0 15px 0;
}

.wideSpace li
{
    margin: 5px 0 15px 0;
}

.lowerRoman
{
	list-style-type: lower-roman;
	padding: 0 20px 0 20px;
	margin: 5px 0 15px 0;
}

.lowerAlpha
{
    list-style-type: lower-alpha;
}

.spacedList li
{
	margin-bottom: 5px;
}

.contactList
{
	padding: 0 20px 0 20px;
	margin: 10px 0 15px 10px;
	list-style-type: none;
	clear: both;
}

.contactList span
{
	position: relative;
	top: -3px;
}

.contactList span span
{
	top: 0;
}

.contactList .name span
{
    top: 0;
}

.contactList .space-above
{
    margin-top: 6px;
}

.contactList .space-below
{
    margin-bottom: 6px;
}

.twoColList
{
    display: block;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
    float: left;
    clear: both;
}

.twoColList li
{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 3px;
    float: left;
    clear: both;
}

.twoColList .clear
{
    clear: both;
}

.twoColList .left
{
    position: relative;
    display: block;
    width: 17em;
    float: left;
    clear: left;
    z-index: 2;
}

.twoColList .right
{
	position: absolute;
    display: block;
    top: 0;
    padding-left: 17em;
    z-index: 1;
}

.email
{
	list-style-image: url(images/icons/email.gif);
}

.tel
{
	list-style-image: url(images/icons/telephone.gif);
}

.fax
{
	list-style-image: url(images/icons/printer.gif);
}

.adr, .address  /*-- 'adr' is  microformat conformance. */
{
	list-style-image: url(images/icons/building.gif);
}
/*-- END LIST RULES ----------------------------------------------------------*/

/*-- FORM RULES --------------------------------------------------------------*/
form
{
    display: block;
    position: relative;
    width: auto;
    margin: 10px 0 20px 60px;
    padding: 0;
    float: left;
    clear: both;
}
/*
* html form
{
    margin-left: 30px;
    margin-right: -30px;
}
*/
fieldset
{
    display: block;
    position: relative;
    width: 100%;
	border: 0;
	padding: 0;
	float: left;
	clear: both;
}

.controls
{
    padding-left: 14em;
}

legend
{
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #000;
}

form ol
{
    display: block;
    position: relative;
    width: auto;
    list-style-type: none;
    margin: 5px 0 5px 0;
    padding: 0;
    float: left;
    clear: both;
}

form ol li, form p
{
    display: block;
    position: relative;
    width: auto;
    margin: 5px 0 5px 0;
    padding: 0;
    float: left;
    clear: both;
}

form label
{
    display: block;
    position: relative;
    width: 13em;
    float: left;
    clear: left;
    margin-right: 15px;
}

form input, form textarea, form select
{
    display: block;
    position: relative;
    width: 15em;
    border: 1px solid #6E90A6;
    /*background: #EFF2F5;*/
    background: #fcfcfd url(images/form_input_bg.gif) repeat-x top left;
    color: #000;
    padding: 3px;
    float: left;
    clear: right;
}

form textarea
{
    width: 15.3em;
}
/*
* html form textarea
{
    width: 15em;
}
*/
form select
{
    width: auto;
}

form .button
{
    width: auto;
	font-weight: bold;
	cursor: pointer;
	border: 2px outset #6E90A6;
	/*background: #e0e8ee url(images/form_input_bg.gif) repeat-x bottom left;*/
}

form .checkradio
{
    cursor: pointer;
    width: auto;
    border: 0;
    background: transparent;
    padding: 0;
    float: left;
    clear: left;
}

form .checkradioLabel
{
    width: 40em;
    padding-top: 2px;
    float: left;
    clear: right;
}

form .formError
{
    /*border-color: #f00;*/
}

.errorText
{
    color: #ba636a;
}
/*-- END FORM RULES ----------------------------------------------------------*/

/*-- ICONS -------------------------------------------------------------------*/
/* Links */
.room
{
    background: transparent url(images/icons/door.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.fileAdd
{
    background: transparent url(images/icons/page_white_add_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.fileAdd:hover
{
    background: transparent url(images/icons/page_white_add.gif) center left no-repeat;
	padding-left: 20px;
}

.fileCopy
{
    background: transparent url(images/icons/page_white_copy_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.fileCopy:hover
{
    background: transparent url(images/icons/page_white_copy.gif) center left no-repeat;
	padding-left: 20px;
}

.fileMove
{
    background: transparent url(images/icons/page_white_go_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.fileMove:hover
{
    background: transparent url(images/icons/page_white_go.gif) center left no-repeat;
	padding-left: 20px;
}

.fileDelete
{
    background: transparent url(images/icons/page_white_delete_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.fileDelete:hover
{
    background: transparent url(images/icons/page_white_delete.gif) center left no-repeat;
	padding-left: 20px;
}

.folder
{
    background: transparent url(images/icons/folder_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.folder:hover
{
    background: transparent url(images/icons/folder.gif) center left no-repeat;
	padding-left: 20px;
}

.folderAdd
{
    background: transparent url(images/icons/folder_add_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.folderAdd:hover
{
    background: transparent url(images/icons/folder_add.gif) center left no-repeat;
	padding-left: 20px;
}


.pdf
{
	background: transparent url(images/icons/page_white_acrobat_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.pdf span
{
    white-space: normal;
}


.pdf:hover
{
	background: transparent url(images/icons/page_white_acrobat.gif) center left no-repeat;
}

.ppt
{
	background: transparent url(images/icons/page_white_powerpoint_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.ppt span
{
    white-space: normal;
}


.ppt:hover
{
	background: transparent url(images/icons/page_white_powerpoint.gif) center left no-repeat;
}

.doc
{
	background: transparent url(images/icons/page_white_word_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.doc span
{
    white-space: normal;
}


.doc:hover
{
	background: transparent url(images/icons/page_white_word.gif) center left no-repeat;
}

.xls
{
	background: transparent url(images/icons/page_white_excel_grey.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

.xls span
{
    white-space: normal;
}


.xls:hover
{
	background: transparent url(images/icons/page_white_excel.gif) center left no-repeat;
}

.external
{
	background: transparent url(images/icons/world_grey.gif) center left no-repeat;
	padding-left: 20px;
    white-space: nowrap;
}

.external:hover
{
	background: transparent url(images/icons/world.gif) center left no-repeat;
}

.external span
{
    white-space: normal;
}

.emailPage
{
	background: transparent url(images/icons/email_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.emailPage:hover
{
	background: transparent url(images/icons/email.gif) center right no-repeat;
}

.editPage
{
	background: transparent url(images/icons/page_edit_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.editPage:hover
{
	background: transparent url(images/icons/page_edit.gif) center right no-repeat;
}

.editCalendar
{
	background: transparent url(images/icons/calendar_edit_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.editCalendar:hover
{
	background: transparent url(images/icons/calendar_edit.gif) center right no-repeat;
}

.topArrow
{
	background: transparent url(images/icons/arrow_up_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.topArrow:hover
{
	background: transparent url(images/icons/arrow_up.gif) center right no-repeat;
}

.printPage
{
	background: transparent url(images/icons/printer_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.printPage:hover
{
	background: transparent url(images/icons/printer.gif) center right no-repeat;
}

.fullPage
{
	background: transparent url(images/icons/page_white_magnify_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.fullPage:hover
{
	background: transparent url(images/icons/page_white_magnify.gif) center right no-repeat;
}

.normalPage
{
	background: transparent url(images/icons/page_white_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.normalPage:hover
{
	background: transparent url(images/icons/page_white.gif) center right no-repeat;
}

.textOnly
{
	background: transparent url(images/icons/text_only_grey.gif) center right no-repeat;
	padding-right: 20px;
	white-space: nowrap;
}

.textOnly:hover
{
	background: transparent url(images/icons/text_only.gif) center right no-repeat;
}

/* Visual Reference */
/*  This all needs to be changed. It confilicts with the list stuff. */
#whatsonTable .tel
{
	background: transparent url(images/icons/telephone.gif) center left no-repeat;
	padding-left: 20px;
	white-space: nowrap;
}

/* Other */

.iconLeft
{
    padding-right: 0;
    padding-left: 20px;
    background-position: center left;
}

.iconLeft:hover
{
    background-position: center left;
}

.iconList
{
	padding: 0 20px 0 20px;
	margin: 10px 0 15px 10px;
	list-style-type: none;
}

.iconList span
{
	position: relative;
	top: -3px;
}

.iconList .pdf
{
	list-style-image: url(images/icons/page_white_acrobat.gif);
	padding: 0;
	background-image: none;
}

.iconList .ppt
{
	list-style-image: url(images/icons/page_white_powerpoint.gif);
	padding: 0;
	background-image: none;
}

.iconList .doc
{
	list-style-image: url(images/icons/page_white_word.gif);
	padding: 0;
	background-image: none;
}

.iconList .xls
{
	list-style-image: url(images/icons/page_white_excel.gif);
	padding: 0;
	background-image: none;
}

.iconList .external
{
	list-style-image: url(images/icons/world.gif);
	padding: 0;
	background-image: none;
}
/*-- END ICONS ---------------------------------------------------------------*/

/*-- TABLES ------------------------------------------------------------------*/
table
{
	width: 90%;
	border-collapse: collapse;
	margin: 15px auto;
	text-align: center;
	background: #fff;
}

caption
{
    font-weight: bold;
    /*padding-left: 10%;*/
}

th
{
    background: #EFF2F5;
    text-align: center;
}

td, th
{
	border: 1px solid #6E90A6;
	padding: 5px;

}

td
{
    text-align: left;
}

.noBorder
{
	border: none;
}

.altRow
{
    background: #f7f8fa;
}
/*-- END TABLES --------------------------------------------------------------*/

/*-- ERROR BOX ---------------------------------------------------------------*/
.error
{
    clear: both;
    border: 2px solid #ba636a;
    padding: 5px 10px;
    margin: 10px 20px;
    background-color: #fef5f6;
}

.error h3, .error h4, .error h5, .error h6
{
    margin-top: 10px;
    color: #ba636a;
    background-color: #fef5f6;
    padding: 0;

}

.error a
{
    color: #ba636a;
    background-color: #fef5f6;
	text-decoration: underline;
}

.error a:hover
{
    color: #000;
    background-color: #fef5f6;
	text-decoration: underline;
}
/*-- END ERROR BOX -----------------------------------------------------------*/

/*-- NOTICE BOX --------------------------------------------------------------*/
.notice
{
    clear: both;
    border: 2px solid #fee220;
    padding: 5px 10px;
    margin: 10px 20px;
    background-color: #fef8db;
}

.notice h3, .notice h4, .notice h5, .notice h6
{
    margin-top: 10px;
    color: #bbb363;
    background-color: #fef8db;
    padding: 0;

}

.notice a
{
    color: #bbb363;
    background-color: #fef8db;
	text-decoration: underline;
}

.notice a:hover
{
    color: #000;
    background-color: #fef8db;
	text-decoration: underline;
}
/*-- END NOTICE BOX ----------------------------------------------------------*/

/*-- SUCCESS BOX -------------------------------------------------------------*/
.success
{
    clear: both;
    border: 2px solid #9cd196;
    padding: 5px 10px;
    margin: 10px 20px;
    background-color: #f6fef5;
}

.success h3, .success h4, .success h5, .success h6
{
    margin-top: 10px;
    color: #9cd196;
    background-color: #f6fef5;
    padding: 0;

}

.success a
{
    color: #9cd196;
    background-color: #f6fef5;
	text-decoration: underline;
}

.success a:hover
{
    color: #000;
    background-color: #f6fef5;
	text-decoration: underline;
}
/*-- END SUCCESS BOX ---------------------------------------------------------*/

/*-- TAB MENU ----------------------------------------------------------------*/
.tabMenu
{
    list-style-type: none;
    margin: -5px -25px 20px -25px;
    padding: 0 0 10px 15px;
    border-bottom: 1px solid #6E90A6;
    background: transparent url(images/tab_bar_bg.gif) repeat-x bottom left
}

.tabMenu li
{
    display: inline;
    border-right: 1px solid #6E90A6;
    margin: 0;
    padding: 10px;
}

.tabMenu .first
{
    border-left: 1px solid #6E90A6;
    padding-left: 20px
}

.tabMenu .current
{
    border-bottom: 1px solid #fff;
    background: #fff;
    font-weight: bold;
}

.fullPageView .tabMenu
{
	margin-top: -15px;
	margin-left: 100px;
	padding-left: 0;
}
/*-- END TAB MENU ------------------------------------------------------------*/
/*-- GENERAL CONTENT ---------------------------------------------------------*/
/*-- Blog Form ---------------------------------------------------------------*/
.blogForm label
{
	width: 20em;
}
/*-- End Blog Form -----------------------------------------------------------*/
/*-- File Manager ------------------------------------------------------------*/
#fileManager table
{
	width: 90%;
	border-collapse: collapse;
	margin: 15px auto;
	text-align: left;
	font-size: 0.95em;
}

#fileManager table td, #fileManager table th
{
	text-align: left;
	padding: 8px;
}

#fileManager table td
{
    border: 1px solid #EFF2F5;
}

#fileManager table a
{
    padding-bottom: 3px;
}

#fileManager .button
{
    border: 0;
}

#fileManager #newfile
{
    width: 30em;
}

#fileManager #newfolder
{
    width: 23em;
}

/*
#fileManager fieldset
{
    display: block;
    position: relative;
	border: 1px solid #6E90A6;
	padding: 10px;
}

#fileManager legend
{
    padding: 5px;
}
*/
#cmdform
{
    padding: 0;
    margin: 0;
    float: none;
    clear: none;
}

#cmd_inputs
{
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    float: none;
    clear: none;
}

#cmd_inputs input
{
    display: inline;
    position: relative;
    width: 2em;
    border: 0;
    background-color: transparent;
    /*color: #000;
    padding: 3px;*/
    float: none;
    clear: none;
}

#cmdform li
{
    margin-left: 61px;
}

/*
#cmdform .button, #cmd_controls label
{
    width: auto;
    left: 61px;
}
*/
/*
* html #cmdform .button
{
    padding-left: 0;
}
*/
/*-- End File Manager --------------------------------------------------------*/

/*-- File table OLD ----------------------------------------------------------*/
.fileTable
{
	width: 90%;
	border-collapse: collapse;
	margin: 15px auto;
	text-align: left;
}

.fileTable td, .filetable th
{
	border: 1px solid #EFF2F5;
	text-align: center;
}

.fileTable .noBorder
{
	border: none;
}

.fileTable a
{
    font-size: 0.9em;
}
/*-- End File table ----------------------------------------------------------*/

/*-- USER CONTROLS -----------------------------------------------------------*/
.userControls fieldset
{
    display: block;
    position: relative;
	border: 1px solid #6E90A6;
	padding: 10px;
}

.userControls legend
{
    padding: 5px;
}

#usercontrols .formInfo
{
    width: 30em;
}

.prefs form
{
	float: none;
	width: auto;
	margin: 0 auto;
}

.prefs fieldset
{
	width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
}

.prefs input, .prefs textarea
{
    width: auto;
    float: none;
    margin: 0 auto;
}

.prefs input
{
	display: inline;
}
/*-- END USER CONTROLS -------------------------------------------------------*/

/*-- SITE DOWN ---------------------------------------------------------------*/
#siteDown h1
{
    position: relative !important;
    margin: 40px auto !important;
}
/*-- END SITE DOWN -----------------------------------------------------------*/