/*
########################################################
/lib/css/screen.css

Screen display styles

Accepted Inputs:
none

22nd October 2007
Rowan Beentje
Assanka Ltd (OPUS-2007-003)
########################################################
*/

html { padding: 0; margin: 0; height: 101%; }
body { padding: 0; margin: 0; background-color: rgb(0, 57, 90); text-align: center; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 0.8em; }
a { color: rgb(0, 157, 220); text-decoration: none; border-bottom: none; }
a:hover { color: rgb(0, 96, 156); border-bottom: none; }
h1, h2, h3, h4 { padding: 5px 0 5px 0; margin: 0 0 3px 0; display: block; border-bottom: 1px solid rgb(0 ,157, 220); color: rgb(247, 148, 29); }
h1 a, h2 a, h3 a, h4 a { padding: 5px 0 5px 0; margin: -5px 0 -5px 0; display: block; text-decoration: none; color: rgb(247, 148, 29); border-bottom: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { border-bottom: none; }
h1 { font-size: 1.7em; margin-bottom: 16px; }
h2 { font-size: 1.4em; margin-bottom: 15px; }
h3 { font-size: 1em; }
h4 { font-size: 1em; color: rgb(0, 57, 90); }
h5 { font-weight: bold; font-size: 1em; color: rgb(0, 57, 90); margin: 0; padding: 5px 0 0 0; }
h5 a { color: rgb(0, 57, 90); }
h4 a { color: rgb(0, 57, 90); }
h6 { font-family: times new roman, times, serif; font-size: 30px; color: black; margin: 0; padding: 0; }
p { line-height: 1.3em; margin: 10px 0 10px 0; }
sup { font-size:11px;vertical-align:top; }
li { line-height: 1.3em; margin-bottom: 4px; }
img { border:0; }

/* Page setup */

#pagecontainer { margin: 5px auto 5px auto; text-align: left; width: 908px; background-color: white; }
#pagecontainerinner { padding: 5px 6px 5px 6px; }


/* Page header */

#header { margin: 0 0 5px 0; background-position: top right; background-repeat: no-repeat; }
.headerbackground { background-image: url(/lib/img/headerbgs/1.jpg); }
.headerbackground1 { background-image: url(/lib/img/headerbgs/1.jpg); }
.headerbackground2 { background-image: url(/lib/img/headerbgs/2.jpg); }
.headerbackground3 { background-image: url(/lib/img/headerbgs/3.jpg); }
.headerbackground4 { background-image: url(/lib/img/headerbgs/4.jpg); }
.headerbackground5 { background-image: url(/lib/img/headerbgs/5.jpg); }
.headerbackground6 { background-image: url(/lib/img/headerbgs/6.jpg); }
.headerbackground7 { background-image: url(/lib/img/headerbgs/7.jpg); }
#headerinner { width: 100%; }
#header h1 { width: 316px; height: 125px; color: rgb(13, 19, 46); margin: 0; padding: 0; background: url(/lib/img/nialogo.png) top left no-repeat; overflow: hidden; float: left; display: inline; border-bottom: none; clear: none; }
#header h1 a { display: block; width: 316px; height: 125px; color: rgb(13, 19, 46); text-decoration: none; }
#header h1 a span { display: none; }
#header h3 { margin: 0; padding: 0; float: right; width: 290px; height: 19px; background: url(/lib/img/niaslogan.png) top right no-repeat; border-bottom: none; clear: none; }
#header h3 span { display: none; }
#lnkhome { display: none; }


/* Body section */

#bodysection { background: url(/lib/img/contentbg.png) top left repeat-y; width: 100%; }
#content { width: 700px; float: right; color: rgb(55, 55, 55); }
#contentinner { padding: 0 0 20px 20px; margin-right: 212px; }
* html #contentinner img { margin-left:-3px }
#leftnav { float: left; display: inline; width: 187px; font-size: 1.05em; }
#leftnav a, #leftnav a:hover { border-bottom: none; }
#leftnav ul { margin: 0; padding: 0; list-style-type: none; width: 187px; }
#leftnav ul li { margin: 0; padding: 0; display: block; padding: 0; background: url(/lib/img/menubgs.png) no-repeat; }

/* Nav items need hasLayout for the background image to work correctly */
*+html #leftnav ul li { min-height:0.1% }
* html #leftnav ul li { height:0.1% }

#leftnav ul li.toppreunsel { background-position: 0px 0px; }
#leftnav ul li.unselpreunsel { background-position: 0px -150px; }
#leftnav ul li.toppresel { background-position: 0px -600px; }
#leftnav ul li.unselpresel { background-position: 0px -450px; }
#leftnav ul li.selpreunsel { background-position: 0px -300px; }
#leftnav ul li.selpresel { background-position: 0px -750px; }
#leftnav ul li.curselpresel { background-position: 0px -770px; }
#leftnav a { text-decoration: none; color: rgb(13, 19, 46); font-weight: bold; display: block; padding: 10px 5px 10px 24px; }
#leftnav a:hover { color: rgb(0, 157, 220); }
#leftnav li.sel a { background: url(/lib/img/menubgs.png) no-repeat -20px -958px; }
#leftnav li.sel li.unsel a { color: rgb(165, 154, 143); background: none; }
#leftnav ul ul { margin: 0 }
#leftnav ul ul li.sel a { color: rgb(0, 157, 220); background: url(/lib/img/menubgs.png) no-repeat -5px -962px; }
#leftnav ul ul a { color: rgb(165, 154, 143); padding: 7px 5px 8px 35px; font-size: 0.9em; }
#leftnav ul ul a:hover, #leftnav ul ul li.sel a:hover, #leftnav li.sel li.unsel a:hover { color: rgb(0, 157, 220); }
#leftnav ul ul ul li.sel a { background: url(/lib/img/menubgs.png) no-repeat 5px -962px; }
#leftnav ul ul ul a { padding: 6px 5px 6px 45px; }


/* Footer */

#footer { margin: 5px auto 0 auto; width: 908px; }
#footerinner { padding: 5px 0 5px 5px; }
#footer a { text-transform: uppercase; color: white; text-decoration: none; float: left; display: inline; margin-right: 20px; color: rgb(230, 230, 230); border-bottom: none; }


/* General styles */
#headerend, #bodyend, .clearboth { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.newsbody { margin-bottom: 30px; }
.membersprofiles li { list-style-type: none; }
.newsbody h1, .newsbody h2, .newsbody h3, .newsbody h4 { border-bottom: none; }
.newsmeta { color: rgb(150, 150, 150); }
.nocontent { display: block; font-style: italic; padding: 15px 0 15px 0; width: 100%; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.eventmeta { color: rgb(0, 157, 220); border-bottom: 2px solid rgb(210, 210, 210); padding: 5px 0 10px 0; margin-bottom: 15px; }
.itemlist .eventmeta { padding: 2px 0 5px 0; font-size: 0.9em; border-bottom: 1px solid rgb(210, 210, 210); }
.itemlist hr { width: 60%; }
.eventnotice { font-weight: bold; }
.eventsearch,.newssearch { background-color: rgb(237, 234, 232); padding: 5px; margin-bottom: 10px; }
.eventsearch form, .newssearch form { padding: 0; margin: 0; }
.eventsearch #txteventsearch { width: 250px; margin: 0 10px 0 10px; }
.newssearch form label { width:100px;}
.newssearch #txtnewssearchtext,.newssearch #txtnewssearchmindate,.newssearch #txtnewssearchmaxdate,.newssearch #selnewssearchsection {width:250px; margin-left:20px; }
.eventsbody { margin-bottom:50px; }
.newsnav { padding: 5px; }
.eventscalendar { border-collapse: collapse; border: 0; margin-top: 15px; width: 100%; }
.eventscalendar th { border-top: none; width: 14%; font-size: 0.9em; padding: 3px 0 5px 0; font-weight: bold; }
.eventscalendar td { border-top: 1px solid rgb(0, 157, 220); width: 14%; vertical-align: top; font-size: 0.85em; padding: 3px 0 3px 0; height: 50px; }
.eventscalendar td a { display:block; padding-bottom:3px }
.eventscalendar .weekend { background-color: rgb(232, 242, 246); }
.eventscalendar .today { background-color: rgb(207, 235, 246); }
.eventscalendar .today .daynum { font-style: italic; }
.eventscalendar .prevmonth, .eventscalendar .nextmonth { background-color: rgb(240, 240, 240); }
.eventscalendar .prevmonthweekend, .eventscalendar .nextmonthweekend { background-color: rgb(228, 234, 236); }
.eventscalendar .daynum { display: block; width: 100%; text-align: left; font-weight: bold; padding-bottom: 3px; }
.calendarcont { margin-right: -212px; }
.lgText { font-weight: bold; font-style: italic; font-size: 1.2em; }
.returnlink { display: block; padding-top: 10px; }
.highlighttext { font-size: 1.1em; color: rgb(0, 157, 220); }
.rightbox { float: right; display: inline; background-color: rgb(237, 234, 232); width: 184px; padding: 5px 10px 14px 10px; margin: 0 -212px 20px 0; font-size: 0.85em;}
.whiterightboxnopic { float: right; display: inline; background-color: rgb(255, 255, 255); width: 184px; padding: 5px 10px 14px 10px; margin: 0 -212px 20px 0; font-size: 0.85em;}
.whiterightbox { float: right; display: inline; width: 184px; padding: 5px 10px 14px 10px; margin: 0 -212px 20px 0; font-size: 0.85em; background: url(/lib/tmp/cmsfiles/Image/boy_image.jpg) bottom left no-repeat; }
.boyimage { padding: 0 0 12px 0; background: url(/lib/tmp/cmsfiles/Image/boy_image.jpg) -20px bottom no-repeat;  }
.whiterightbox p,.boyimage p { padding-bottom: 75px; }
* html .rightbox, * html whiterightbox { width: 184px; overflow: hidden; }
.rightbox .highlighttext { color: rgb(0, 57, 90); }
.rightbox .membersprofiles,.whiterightbox .membersprofiles,.whiterightboxnopic .membersprofiles { padding:0;margin:0 }
.rightbox h3,.whiterightbox h3,.whiterightboxnopic h3 {	line-height:2em; }
.rightbox h2,.whiterightbox h2,.whiterightboxnopic h2 {	line-height:1.43em;}
.rightbox ul, .whiterightbox ul,.whiterightboxnopic ul { margin-left:15px;padding-left:15px }
.small {font-size:.8em;}
.large {font-size:1.6em;}
.xlarge {font-size:2em;}



/* Login form / forgotten-password form */
#loginform p,#forgottenpasswordform p { margin: 0 0 5px 0; padding: 0; }
#loginform label,#forgottenpasswordform label { float: left; width: 8em; padding-top: 6px; display: inline; text-align: right; margin-right: 10px; }
#loginform input,#forgottenpasswordform input { width: 15em; }
#loginform .submit,#forgottenpasswordform .submit { width: 5em; margin-left: 10em; }
#loginform .leftpad,#forgottenpasswordform .leftpad { padding-left: 115px; }
#forgottenpasswordform { margin-top:15px; }
#forgottenpasswordform p { margin-bottom:10px; }


/* Membership management page */
#membershipform { padding: 10px 0 20px 0; }
#membershipform .submit { margin-left: 20px }
#membershipform #getnewsletter { margin-left: 11em; }
#membershipformdetails { padding: 10px 0 20px 0; }
#membershipformdetails input { width: 10em; float: left; margin-top: 3px; display: inline; }
#membershipformdetails label { width: 12em; float: left; margin-right: 10px; margin-top: 3px; text-align: right; display: inline; padding-top: 3px; clear: left; }
#membershipformdetails #email { width: 15em; }
#membershipformdetails small { float: left; font-style: italic; margin: 8px 0 0 4px; display: inline; }
#membershipformdetails .submit { width: auto; margin-left: 2em; }
#membershipformpasswords { padding: 10px 0 20px 0; }
#membershipformpasswords input { width: 10em; float: left; margin-top: 3px; display: inline; }
#membershipformpasswords label { width: 12em; float: left; margin-right: 10px; margin-top: 3px; text-align: right; display: inline; padding-top: 3px; clear: left; }
#membershipformpasswords .submit { width: auto; margin-left: 2em; }
#logoutform { padding: 10px 0; }
#resetpasswordform { padding: 0 0 30px 0; }
#resetpasswordform input { width: 15em; float: left; margin-top: 3px; display: inline; }
#resetpasswordform label { width: 15em; float: left; margin-right: 10px; margin-top: 3px; text-align: right; display: inline; padding-top: 3px; clear: left; }
#resetpasswordform .submit { width: auto; margin-left: 2em; }
#registrationform { padding: 10px 0 20px 0; }
#registrationform input { width: 10em; float: left; margin-top: 3px; display: inline; }
#registrationform label { width: 12em; float: left; margin-right: 10px; margin-top: 3px; text-align: right; display: inline; padding-top: 3px; clear: left; }
#registrationform #email { width: 15em; }
#registrationform small { float: left; font-style: italic; margin: 8px 0 0 4px; display: inline; }
#registrationform .submit { width: auto; margin-left: 2em; }
#membershipform input.hidden, #membershipformdetails input.hidden, #membershipformpasswords input.hidden, #resetpasswordform input.hidden, #registrationform input.hidden { display: none; }