/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave Media Solutions Ltd [http://www.keywave.com]
Created:	20/09/09
Updated:    20/09/09
*/

body { margin: 0; padding: 0 0 20px 0; border: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; text-align: center; min-width: 960px; line-height: 1.4em; color: #669966; background: #edede3; }
body, p, tr, td, h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; }
/* ---[ links ]------------------------------- */

a:link { color: #336633; }
a:visited { color: #336633; }
a:hover { color: #e40059; }

/* ---[ common elements ]--------------------- */

p { margin: 0; padding: 0 0 1em 0; }
h1 { font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 1em 0; margin: 0; color: #336633; background: transparent; }
h2 { font-size: 16px; font-weight: bold; padding: 0 0 1em 0; margin: 0; color: #333; background: transparent; }
h3 { font-size: 14px; font-weight: bold; padding: 0 0 1em 0; margin: 0; color: #333; background: transparent; }
h4, h5 { margin: 0; padding: 0 0 1em 0; font-size: 12px; font-weight: bold; color: #333; }
ul { margin:0 0 0 0; padding:0 0 1em 1.5em; }
li { margin:0 0 0 0; padding:0 0 0 0; }
blockquote { font-size: 88%; color: #777; padding-left: 23px; background: url(../images/quotemarks.gif) no-repeat 0 3px; }
blockquote.praise { padding: 0 0 10px 23px; border-bottom: 1px solid #eee; }
code { color: #7B9905; font-size: 110%; line-height: 1.2em; text-align: left; }
code strong { color: #4E6200; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted; }
em { font-style: italic; }
strong { font-weight: bold; }
strike { text-decoration: line-through; }
address { margin: 0; padding: 0; font-style: normal; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.pagebutton { font-size: 110%; font-weight: bold; background-color: #e6e6e6; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0 4px 1px 4px; cursor: hand; text-decoration: none; }
.smaller { font-size: 90%; }
.topright { width: 160px; float: right; text-align: right; padding: 0 0 10px 10px; }
.topright p { margin:0; padding: 0; }
.topright div { margin: 0 0 10px 0; }
.toprighta { float: right; text-align: right; padding: 0 0 10px 10px; }
.toprightwithborder { float: right; text-align: right; margin: 0 0 10px 10px; border: 1px solid #0c2b73;}
.withborder { border: 1px solid #0c2b73;}
.clearer  { clear: both; height:1px; overflow:hidden;}

/* ---[ layout ]------------------------------- */

#outer { z-index: 10; width: 960px; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; background: #fff url(/images/footerbottomcurve.png) no-repeat bottom; }
#contentwrapper { background: url(/images/contentbg.png) repeat-y; overflow:auto; }
#header { width: 960px; border-bottom: 8px solid #edede3; margin: 0 0 0 0; }
#menu { float:left; width: 200px; padding: 26px 10px 20px 10px; }
#content { margin: 10px 0 0 200px ; padding: 20px; }
#logo { float:left; padding: 0 10px 0 0; margin: 0 0 0 0; }
#tagline { float:left; text-align:left; background: #fff; margin: 0; padding: 40px 0 0 0; width: 420px; }
#tagline p { font-size: 31px; font-style:italic; color: #e60661; text-align:center; line-height: 1.2em; margin:0; padding:0; }
#nnjpulink { float:right; padding: 35px 20px 0 0; }
#gallery { background: #edede3; padding: 16px; margin: 10px 0 10px 0;}
#gallery h2 { color: #888; } 


/* navigation */

#menu ul { /* all lists */ padding: 0; margin: 0; list-style: none; width : 180px; } 
#menu li { /* all list items */ position : relative; line-height : 1em; width: 180px;  margin:0; padding:0 0 0 0; }
#menu li a { display : block; color : #696; font-size: 12px; font-weight : bold; text-decoration : none; padding : 5px 10px 5px 10px; }
#menu li a:hover { color : #696; background-color : #deefcb; }
#menu li a.currentpage { display : block; color : #696; font-size: 12px; font-weight : bold; text-decoration : none; padding : 5px 10px 5px 10px; background-color : #deefcb; }
#menu li a.currentpage:hover { color : #696; background-color : #deefcb; }
#menu li ul { padding:0; margin:5px 0 8px 0; }
#menu li li a { display : block; color : #696; font-size: 12px; font-weight : normal; text-decoration : none; padding : 4px 8px 4px 20px; }
#menu li li a.currentpage { display : block; color : #696; font-size: 12px; font-weight : bold; text-decoration : none; padding : 4px 8px 4px 20px; background-color : #deefcb; }
#menu li li a.currentpage:hover { color : #696; background-color : #deefcb; }

#childlinks ul { padding: 0; margin: 0 0 20px 0; list-style: none; }
#childlinks li { padding: 0 0 5px 0; }

/* ---[ entries ]---------------------------------- */


#calendarx input { font-size: 12px; padding: 2px; }
#calendarx select { font-size: 12px; color: #666;}

/* ---[ footer ]----------------------------------- */

#footer { margin: 0; padding: 20px 0 30px 0; border-top: 8px solid #edede3; }
#footer p { font-size: 11px; color: #999; }
#footer a { padding: 0; color: #888; }
#footer a:hover { color: #e40059; }
#footerlinks { margin: 0 20px 30px 720px; padding:0; }
#footercopyright { float:left; padding: 10px 0 0 15px; width: 500px; }

/* ---[ forms ]------------------------------------ */

#loginform { margin: 0 auto; padding: 0; }
#login { margin: 0; padding: 0 0 20px 0; color: #666; border: 0;}
#login input { width: 112px; }
#login password { width: 112px; }
#login select { width: 100%; font-size: 90%; color: #666;}
#login #dologin { font-size: 85%; width: 40px; background: #e6e6e6; cursor: hand; text-decoration: none; margin: 0 0 0 10px; padding: 0 4px 1px 4px; border: 1px solid; border-color: #ccc #666 #666 #ccc;}

#enquiryform { padding: 0; margin: 0; font-size:12px; }
#enquiryform .input { width: 260px; padding: 4px; background-color: #f4f4ef; border: none; border: 1px solid #f0f0f0; }
#enquiryform textarea { width: 260px; padding: 4px; background-color: #f4f4ef; border: none; border: 1px solid #f0f0f0; }
#enquiryform label { float: left; width: 120px; padding: 5px 10px 0 0; font-size: 12px; }
#frmsubject37 { visibility:hidden; display:none; }

#cmsform { padding: 0; margin: 0; color: #666; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }
#cmsform div { margin-bottom: 0.5em; }
#cmsform tr { padding: 0; }
#cmsform td { vertical-align: top; padding: 0 10px 10px 0;}
#cmsform input { width: 300px; padding: 2px; }
#cmsform select { width: 300px; color: #666; }
#cmsform input.button { width: 10em; background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin: 20px 0 0 0; padding: 0; cursor: pointer; }
#cmsform input.button2 { width: 10em; background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin: 0 0 0 0; padding: 0; cursor: pointer; }
#cmsform input.checkbox { width: 1.5em; margin: 0; padding: 0; border: none;}
#cmsform label { float: left; width: 110px; white-space:nowrap; font-family: Arial, Helvetica, Verdana, sans-serif; }
#cmsform textarea { width: 300px; }
#cmsform .textareawide { width: 400px; }
#cmsform .selectwide { width: 260px; }
#cmsform .inputwide { width: 253px; }
#cmsform p { color: #666; font-size: 90%; }
#cmsform p.norecord { font-size:12px; padding:0 0 10px 0; margin:0; }
#cmstable { margin: 0; padding: 0; background: #fff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }
#cmstable p { font-size:11px; padding:3px 0 0 0; margin:0; font-family: Arial, Helvetica, Verdana, sans-serif; }
#cmstable p.norecord { font-size:12px; padding:0 0 10px 0; margin:0; }
#cmstable h2 { font-size:12px; padding:5px 0 5px 5px; margin: 10px 0; background: #e5edcb; color: #333; }
#cmslisttable h2 { font-size:12px; padding:5px 0 5px 5px; margin: 10px 0; background: #e5edcb; color: #333; }
#cmslisttable { margin: 0; padding: 2px; background: #f5f5f5; }
#cmslisttable td { vertical-align: top; padding: 8px 5px 0 5px;}
#cmstablenospace td { vertical-align: top; margin: 0; padding: 0 10px 0 0;}
#cmslisttable h3 { margin: 0; padding: 0; background: #cccccc; }
#cmslisttable th { margin: 0; padding: 3px 5px 3px 5px; background: #e5edcb; font-size: 11px; color: #333; }
#cmsformheader td { vertical-align: top; }
.cmstitle { position:relative; }
.cmslinks { position:absolute; top:0; right:0; }

.pagebutton { font-size: 110%; font-weight: bold; background-color: #e6e6e6; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0 4px 1px 4px; cursor: hand; text-decoration: none; }

/* ---[ misc. ]---------------------------------------- */

hr { border: 0; color: #deefcb; background-color: #deefcb; height: 1px; margin: 1px 0 10px 0; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }