/* html tags */

html, body { padding: 0; margin: 0; font-family: arial, helvetica, sans-serif; font-size:11px/18px; background-color: #fff; 
			color: #FFF;
			scrollbar-face-color:#FFFF00;
			scrollbar-highlight-color:#FFFF00;
			scrollbar-shadow-color:#999999;
			scrollbar-3dlight-color:#999999;
			scrollbar-arrow-color: #000000;
			scrollbar-track-color: #000000;
			scrollbar-darkshadow-color:#999999;}

a {	font-weight: bold; color: #FFFF00; text-decoration: none;}

a:hover { text-decoration: underline;}


/* top navigation */

#navigation a {	font: 10px/16px arial; color: #FFFF00;  text-decoration: none; border-top: 1px solid #FFFF00; border-right: 1px solid #FFFF00; 
				border-bottom: 1px solid #FFFF00; padding-right: 4px; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 4px;}
				
#navigation a:hover { background: #FFFF00; color: #000;}

.navText { font: 11px/16px arial; color:#FFFF00;}




/* left navigation NEWS */

#homeNavigation { margin: 5px; color: Black;}

.latestNews { margin: 10px 5px 0px 5px; padding: 0px 5px 0px 0px; font: bold 12px arial !important; color: #000000;}
.latestNews a { color: Red !important; font-weight: bold;}

p.latestNewstext { margin: 15px 5px 5px 5px; padding: 0px 5px 0px 0px ; font: bold 12px arial !important; color: #000000;}
p.latestNewstext-current { font-weight:normal !important; margin: 15px 5px 5px 5px; padding: 0px 5px 0px 0px; font: 11px/18px arial !important; color: #000000 !important;}
p.latestNewstext-current a { color: Red !important; font-weight: bold;}
img.news-icon { margin-right: 5px !important; float: left; }

/* events lists */
ul.vision li { list-style:none; padding:5px 0 5px 22px; background:url(../images/iconvision.gif) left no-repeat;}

ul.events { margin: 0; padding: 0; }
ul.events li { list-style:none; padding:5px 0 5px 22px; background:url(../images/iconvision.gif) left no-repeat;}
ul.events li a { color: #FF0000 !important; font: bold 11px/18px arial !important;}


/* class & id selectors */

ul.vision { margin: 0 0 0 20px; padding: 0 }
ul.vision li { list-style:none; margin: 0 0 0 -20px; padding: 5px 0 5px 22px; background:url(../images/iconvision.gif) left no-repeat;}

ul.visionclubs { margin: 0 0 0 20px; padding: 0 }
ul.visionclubs li { list-style:none; margin: 0 0 10px -20px; padding: 0 0 0 22px; background:url(../images/iconvision.gif)  top left no-repeat;}

.belts { border: 1px solid #FFFF00; }

.yellowborder { border: 1px solid #FFFF00; margin: 10px;}

.flashbanner { margin: 0; padding: 0; border: 0; }

.noborder { border: 0;}

.pageName {	padding-top:15px; padding-bottom:15px; font: bold 16px/28px arial; text-align:left; color: #FFFF00;}


.bodyText {	font: 11px/18px arial; color: #FFF; padding-bottom: 5px;}

#eventstext {font: 11px/18px arial; color: #FFFF00;}

#eventstext td {font: 11px/18px arial; color: #FFFF00; padding: 3px;}

.filmstar{ border: 1px solid #FFFF00;}

#itf { right: 0; margin-bottom: 10px;}

#runin {display: run-in;}

.separator { clear: both; }

#noborder td { border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px;}

#ip { font-weight: bold; color: #FF0000; text-decoration: none;}

.footer td { font: 11px arial; font-weight: bold; color: #FFF; text-decoration: none;  border-top: 1px solid #FFFF00;}

#updated { color: red; }

/* members area */

ul#syllabus { margin: 0; padding:0 20px 5px 0;}

li.pdfdownload { list-style:none; padding:0 0 5px 22px; background:url(../images/iconpdfsmall.gif) left no-repeat;}


/* pd  */

.pd { font-family:arial, helvetica, sans-serif; font-size: 11px; color:#fff; font-weight: bold; text-decoration: none !important;}
.pd a {color:#ffff00; font-weight: bold; text-decoration: none !important;}
.pd a:hover {color: #6699CC !important; text-decoration: underline !important;}


.pdnews { font-family:arial, helvetica, sans-serif; font-size: 11px; color:#000; font-weight: bold; text-decoration: none !important;}
.pdnews a {color:#000 !important; font-weight: bold; text-decoration: none !important;}
.pdnews a:hover {color: #6699CC !important; text-decoration: none !important;}

/* form styles */

#form input.text { border:1px solid #FFFF00;}
#form textarea { border:1px solid #FFFF00;}
#enterbutton {  margin: 20px; padding: 0; color:#000; background-color:#fff; border:1px solid #000; width: 100px; height: 25px; font-weight:bold;}
.contactbutton { color:#000; background-color:#FFFF00; border:1px solid #000; width: 50px; height: 25px; margin-bottom: 10px;}

/* events page */
table.events-table { margin: 10px 0 0 0; border: 0; border-collapse: collapse; border-spacing: 0; color: Black !important;}
table.events-table tr { vertical-align: top;}
table.events-table tr td { border: 1px solid #000; padding: 3px; background-color: #000; }
table.events-table tr td.title { background-color: #FFFF00; width: 15%; }
table.events-table tr td.text { background-color: #FFFFBF; }
table.events-table tr td a { color: Red !important; }

/* CMS  - Nov 2008 */

/* master div that holds everything in place - position: relative;*/
div#wrapper { font-size: 0.8em; position: relative;  border: 0; margin: 50px auto 0 auto; padding: 0; width: 600px;  }

table.login { margin: 10px auto 0 auto; border: 1px solid #000; border-collapse: collapse; border-spacing: 0;  
font-family:arial, helvetica, sans-serif;  }
table.login th { background-color: Black;}
table.login th img.Logo { margin: 5px; border: 0; }

table.login tr.header td { font-size: 1.2em; font-weight: bold !important; color: #000; border: 1px solid #000000 !important; 
padding: 3px; vertical-align: top; background-color: #FFFF00 !important;}

table.login td { padding: 5px; border: 1px solid #000;   }
table.login td.black { padding: 5px; border: 1px solid #000; color: Black !important;   }

table.login td.title { text-align: center; background-color: #000; font-weight: bold; color: #fff; border: 1px solid #FFFF00 !important; }
table.login td.centre { text-align: center; }

table.login td a { color: Red;  }
table.login td input.txt { border:1px solid #FFFF00; width: 150px !important;  }
 


/*free text box table */
table.login table { margin: 0; border: 0; }
table.login table td { padding: 0; border: 0; }

/* editor save area */
div#wrapper table.save { border: 0; margin: 10px 0 10px 0; padding: 0; width: 70%; border-collapse: collapse; border-spacing: 0;}
div#wrapper table.save tr td { padding: 5px !important; border: 0; vertical-align: middle;  }
div#wrapper table.save tr.buttons td { padding: 10px 5px 5px 5px !important;  }
div#wrapper table.save tr td.save { width: 15% !important;  }
div#wrapper table.save tr td a { font-weight: bold; margin: 0 0 0 5px; border: 0; padding: 5px 5px 4px 5px; width: 60px; color:#000; background-color:#fff; border:1px solid #000; }
div#wrapper table.save tr td a:hover, div.cms-area table.save tr td a:focus { color: Red; background-color:#FFFF00 !important; text-decoration: none !important;}


/* events admin in cms */

table.Table-Events { border: 1px solid #000000 !important; padding: 10px; margin: 10px !important; width: 90%;
 border-collapse: collapse; border-spacing: 0; color: Black;}
table.Table-Events th { font-size: 1.2em; color: #000; border: 1px solid #000000; background-color: #FFFF00; padding: 3px; vertical-align: top;}
table.Table-Events td { border: 1px solid #000000 !important; padding: 3px !important; vertical-align: top;}

table.Table-Events tr.header td { font-size: 1.2em; font-weight: bold !important; color: #000; border: 1px solid #000000 !important; 
padding: 3px; vertical-align: top; background-color: #FFFF00 !important;}

table.Table-Events td a { color: #0099FF; }
table.Table-Events td a:hover { color: Red; text-decoration: underline; }
/* website button */
table.Table-Events td a.view { font-weight: bold; margin: 0 0 0 5px; border: 0; padding: 5px 5px 4px 5px; width: 60px; color:#000; background-color:#fff; border:1px solid #000; }
table.Table-Events td a.view:hover, table.Table-Events td a.view:focus { color: Red; background-color:#FFFF00 !important; text-decoration: none !important;}

table.Table-Events td img { border: 0; margin:5px; }
table.Table-Events td input.txtBox { border: 1px solid #000; margin: 2px; width: 200px;}
table.Table-Events td input.txtBox:hover, td input.txtBox:focus{ border: 1px solid Red !important;}
table.Table-Events td textarea.txtArea { border: 1px solid #000; margin: 2px; width: 200px; height: 100px;}
table.Table-Events td textarea.txtArea:hover, td textarea.txtArea:focus{ border: 1px solid Red !important;}


/* add border to all images/tables from CMS */
div.cmsText img { border: 1px solid #FFFF00 !important;}
div.cmsText table { border: 1px solid #FFFF00 !important; color: White !important;}
div.cmsText table td { border: 1px solid #FFFF00 !important; color: White !important;}
div.cmsText table td span { color: White !important;}




input.button { border: 0; padding: 3px; margin-right: 5px; color:#000; background-color:#fff; border:1px solid #000; 
font-weight: bold; cursor: pointer;  }
input.button:hover, input.button:focus { color: Red; background-color:#FFFF00 !important;  }

.red-bold { color:Red; font-weight: bold !important; }