html,body {
height:100%
}

/*  background was #fff  changed to #000  */
body,#contact-slider .panel,.tip-wrap,#sgmenu ul.menu li ul li a:hover span {
background:#000
}

/* the section below controls the text font, size and line spacing for items in  */
/* the main text block and that of poition-4                                     */
/* settings cover font size  eg 12px, line spacing eg 1.3em anbd font selected   */
/* original settings were  font:400 11px/1.3em Arial,Tahoma,Verdana,Helvetica    */
/* changed to font:400 12px/1.6em Arial                                          */

body {
font:400 11px/1.6em Arial
}

/* the color below controls the text color for the main web page central block    */
/* original default color was #737373   changed to #ffffcc  */
body,button,textarea,input,#mod-search-searchword {
color:#ffffcc
}

body,ul,img,a,form,h3,dl dd,fieldset,.module p,#header h1,.maincol_w_left .cont,.maincol_w_right .cont,#login-form,#login-form ul li,ul.menu,.item .readmore,td p,#sgmenu ul.menu li a span,#system-message,#footer p,#contact-slider .panel h3,.pagination .counter,#form-login-remember,.module .menu,.module_menu .menu {
margin:0
}

.clr {
clear:both;
font-size:0;
line-height:0
}

.clr,#form-login-password,#form-login-username,.rightcol h3,.leftcol h3,.actions,.pagination,.pagination ul,#contact-slider .panel .pane-slider div,.maincol .login .login-fields,#footer {
overflow:hidden
}

ul {
list-style:none
}

img,a {
outline:none
}

img,a,iframe,fieldset,button,textarea,input,fieldset.userdata,.error,fieldset.userdata input.button,button {
border:none
}

/* the color below controls the text color for the main web page central block    */
/* original default was #769616   changed to #ffffcc  */
a:focus,a:active,a:hover,a:visited,a:link,.rightcol h3,.leftcol h3,.maincol h2 a,.maincol h2 {
color:#FFFFCC}

a:focus,a:active,a:hover,a:visited,a:link,.top .menu a,#header h1 a:hover,#header h1 a:visited,#header h1 a:link,#header h1 a,.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,#sgmenu ul.menu li a span {
text-decoration:none
}

/* original default color was #7d9500   changed to #fff  */
/* font-family default were  Georgia,Tahoma,Verdana,sans-serif   changed to just Arial   */

h6,h5,h4,h3,h2,h1 {
color:#fff;
font-family:Arial
}

h6,h5,h4,h3,h2,h1,.category-desc p,#contact-slider .panel h3 a {
line-height:normal
}
h6,h5,h4,h3,h2,h1,.error {
margin:0 0 20px
}

h1 {
font-size:24px
}

h2,#member-registration legend {
font-size:20px
}

/* original default color was #165a04   changed to #fff  */
h2 {
color:#fff
}

/* default font size below was 12px  */
/* fonts default were  Arial,Tahoma,Verdana,Helvetica    changed to just Arial   */
h3 {
font:12px arial
}

.leftcol ul.menu li,.rightcol ul.menu li {
background:url("../images/li_bg.png") bottom center no-repeat
}

/* default font size below was 14px  */
h4 {
font-size:14px
}

dl dd {
padding:0 0 0 10px
}

/*  the colour below changes the background of the user name entry fields for members login */
/*  background was #fff  changed to #505050 */
button,textarea,input {
background:#505050;
height:18px;
padding:0 5px
}

button,textarea,input,.module .menu li,.module_menu .menu li,#system-message dd.warning li,#article-index li,.contact-links li {
line-height:20px
}

/* original default color was #6a6a6a   changed to #fff  */
.module p,fieldset.userdata label,.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,.active a span,#sgmenu ul.menu li a span,.rightcol ul.menu li.current a:link,.rightcol ul.menu li.current a,.leftcol ul.menu li.current a:link,.leftcol ul.menu li.current a,#login-form ul li a {
color:#fff
}

.module p {
padding:0 5px 10px
}

#wrapper,.main,.top,#footer {
width:960px
}

#wrapper,.main,.top,#mainwrap,#search,.top-menu,fieldset.userdata,fieldset.userdata input {
margin:0 auto
}

/*  brackground upper panal and main web page block is controlled by original image files */ 
/*  page_bg.png and page_bg2.png and associated colour statement prior to the url below   */
/*  new wyas images were created in wyas blue page_bg-w.png  and page_bg2-w.png           */    
/*  original colour was #000 changed to #000d26 wyas blue was changed back to #000 black  */
#page_bg {
background:#000 url("../images/page_bg.png") top center repeat-x
}

#glowrap {
background:url("../images/page_bg2-w.png") top center repeat-y;
width:985px;
margin:0 auto}

.page {
min-height:100%
}

.top {
height:38px
}

.top .menu,.top .menu li,.top .menu a span {
height:26px
}

.top .menu {
padding:6px 0
}

.top .menu li,.top .menu a,.top .menu a span,#search .search,#search .search .inputbox,.rightcol,.leftcol,.maincol_w_left .cont,.maincol_w_right .cont,.maincol .cont,#form-login-remember label,.actions,.image-left,.image-right,.contact-email label,#jform_email-lbl,.stats-module dt,.maincol .login label,#sgmenu ul.menu,#sgmenu ul li,#sgmenu ul.menu li a span,fieldset.userdata input.button,button,.filter-search,.pagenav .pagenav-prev,.actions li,.pagination ul li,.actions li img {
float:left
}

.top .menu li,.cont li,.stats-module dt {
margin:0 10px 0 0
}

.top .menu a {
background:transparent url(../images/top_menu_r_bg.png) no-repeat top right
}

.top .menu a span,#footer {
color:#fff
}

.top .menu a span {
line-height:25px;
background:transparent url(../images/top_menu_l_bg.png) no-repeat top left
}

.top .menu a span,#form-login-remember label,#sgmenu ul.menu li a span,fieldset.userdata input.button,button {
cursor:pointer
}

.top .menu a span,.maincol_full,#sgmenu ul.menu li ul li a span,#sgmenu ul.menu li ul li a:hover span {
padding:0 10px
}

#header,.maincol_full,.maincol_w_left,.maincol_w_right,.maincol,fieldset.userdata,.module .search {
position:relative
}

/*  background line below control the back ground image for the menu bar */
/*  the default bottom setting controls the area under the menu itme  default is 30  */
/*  the default menu holder height was 62px  changed to 60px  */
#menuholder {
background:url("../images/heademenu_bg.png") center left no-repeat;
position:absolute;
bottom:30px;
left:4px;
width:950px;
height:60px
}

/* this section control the main page header image  original image was header_bg.png   changed to wyas-header-3.png   */
/* we modified wyas-header-3.png was 295k converted GIF file wyas-header-3g.gif 108k for faster loading               */
/* original heaight was 495px  changed to 265 to sit under the the wyas header                                        */
#header {
width:960px;
height:265px;
background:url("../images/wyas-header-3g.gif") top center no-repeat;
margin:0 auto
}

#header h1 {
left:30px;
top:40px
}

#header h1,td.hits {
text-align:left;
padding:30px 0 0 30px
}

.search {
margin:18px 0
}

#header h1 a:hover,#header h1 a:visited,#header h1 a:link,#header h1 a {
color:#adad51;
font-family:georgia,tahoma;
font-size:40px;
font-weight:400
}

#search {
background:url("../images/inputbox.png") no-repeat scroll left center transparent;
float:right;
height:62px;
width:234px
}

#search .search label {
display:none
}

/*  default font size for seacrh input was 10px  changed to 15pc   */
#search .search .inputbox {
border:medium none;
font-size:15px;
width:130px;
margin:3px 0 0 5px
}

#footer a,#footer p {
color:#39430b
}

/*  top menu width is 716px change this and the position-0 block moved and with in the search block */
.top-menu {
width:716px;
height:62px;
float:left;
background:url("../images/menu_bg.png") left center no-repeat
}

/* this section below controls the width of the LH and RH columns or positions 4 and 7    */
/* changes here effect both columns  default width was 168px  changed to 195px            */
/* first number changes the height position of RH & LH columns  under the top menu bar    */
/* default line 0 10px 10px 0        */                                            
.rightcol,.leftcol {
width:195px;
margin:0px 10px 10px 0
}

/* width below alters the width of the search button on the top menu bar  default 73px  */
.search input.button {
background:url("../images/search_btn.png") no-repeat scroll center top transparent;
height:28px;
color:#FFF;
width:73px;
margin:0 0 0 14px
}

.rightcol {
margin:0 0 10px 10px
}

.maincol_w_right .cont {
width:770px;
margin:0 0 0 10px
}

.maincol_w_left .cont {
width:770px;
margin:0 10px 0 0
}

.cont li {
display:inline
}

.maincol .cont,fieldset.userdata input,.pagination .pagenav {
border-radius:5px 5px 5px 5px
}

/* the width below alters the main central column width for the web page  */
/* default was 580px changed to 520px as we made the lh and rh menu's wider  */
.maincol .cont {
width:520px
}

.maincol .cont,#contact-slider .panel,.error,.tip-wrap {
padding:10px
}

.maincol_full {
width:922px
}

#breadcrumbs {
bottom:30px;
left:0
}

.separator,fieldset.userdata label,.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,.pagination .pagenav,#sgmenu ul li a,#sgmenu ul li ul li,#member-registration label,.module .menu li a span,.module_menu .menu li a span,.module .menu li a,.module_menu .menu li a {
display:block
}

.separator {
color:#505050;
padding:20px 0 0
}

.separator,.stats-module dt,#system-message dt.warning {
font-weight:700
}

.module .menu li,.module_menu .menu li {
padding:0 0 5px 7px
}

#login-form,#login-form ul,div.module_text div div div div.custom,div.module div div div div.custom,div.module_menu div div div div.custom,.rightcol h3,.leftcol h3,.maincol h2 a,.maincol h2,.items-row .item,table.category th,table.weblinks th,td.num {
text-align:left
}

#login-form {
padding:0 10px 0 20px
}

fieldset.userdata {
width:160px
}

#login-form ul {
font:11px arial,tahoma,sans-serif
}

#login-form ul,div.module_text div div div div,div.module div div div div,div.module_menu div div div div {
padding:10px 0 20px
}

fieldset.userdata label {
font:11px tahoma,sans-serif /14px;
padding:0 0 4px
}

fieldset.userdata input {
background:none repeat scroll 0 0 #dec0a3;
line-height:14px;
width:136px;
padding:0 0 0 2px
}

#form-login-password,#form-login-username,.rightcol h3,.leftcol h3,.maincol h2 a,.maincol h2,.items-row .item h2 a,.items-row .item h1 a,.items-row .item h1,.items-row .item h2,.actions,#member-registration dd,.maincol .login .login-fields,#system-message dt.warning,.tip-wrap,#user-registration,.maincol .registration,.maincol .login,p {
margin:0 0 5px
}

#modlgn-remember {
background:none repeat scroll 0 0 #e4e3e3;
border:1px solid #f0dab7;
margin:0 0 0 10px
}

#modlgn-remember,#sgmenu ul li ul,#sgmenu ul li ul li a {
width:auto
}

.module .search {
margin:0 20px
}

#mod-search-searchword {
border:1px solid #d5d5d5;
width:160px
}

#mod-search-searchword,div.module_text div div div div,div.module div div div div,div.module_menu div div div div,.rightcol .module div div div,.rightcol .module_menu div div div,.leftcol .module_menu div div div,.leftcol .module div div div {
background:none
}

.module .search .button {
right:0;
top:0;
text-indent:-9999px;
width:20px;
background:transparent url(../images/search_bg.png) no-repeat center center
}

.up-round,.down-round {
width:168px;
height:5px
}

.up-round {
background:url("../images/column_bg.png") top left no-repeat;
margin:0 0 38px
}

.down-round {
background:url("../images/column_bg.png") bottom left no-repeat
}

/*  this line inserts the icons on the default column menu system.  This is the LH column menu */
/*  i removed the file name so it could not load the image file  ("../images/box_h3.png")      */
/*  menu header changed to box_h3-tb  or box_h3_r-tb  depend which side we want the wyas logo  */
.leftcol .module_menu div div,.leftcol .module div div {
background:url("../images/wyas-icon-lh-1.png")   top left no-repeat
}
/*  this line inserts the icons on the default column menu system.  This is the RH column menu */
/*  i removed the file name so it could not load the image file  ("../images/box_h3_r.png")    */
/*  menu header changed to box_h3-tb  or box_h3_r-tb2  depend which side we want the wyas logo  */
.rightcol .module div div,.rightcol .module_menu div div {
background:url("../images/wyas-icon-rh-1.png") top right no-repeat
}
/* the margin-bottom variable below changes the gap between multipe items in position 4  */
/* default was 15        */
.rightcol .module_menu,.rightcol .module,.leftcol .module_menu,.leftcol .module {
margin-bottom:15px
}

/* section below controls the header for the right and left column menus   */
/* font-size default was 13px changed to 12px                              */
/* padding line was  12px 0 0 50px !important   */
.rightcol h3,.leftcol h3 {
font-size:12px;
font-family:tahoma;
text-transform:uppercase;
color:#FFF;
margibn-bottom:20px;
padding:12px 0 0 50px !important
}

.rightcol h3,.leftcol h3,#contact-slider .panel .pane-slider,#contact-slider .panel .pane-slider div {
padding:10px 0 0
}

/* this section controls the menu arrow indicator. originally BLACK  image/menu_arrow.gif       */
/* we created a wyas one  image/arrow_menu-w.gif  which is yellow                               */
/* as i could not get the menu indent relationship with the arrow image correct                 */
/* i removed the reference to the image to stop it being displayed                              */                
/* also details below alter lh menu items before there explored  ie  remain closed              */
/* original bottom line  0 0 2px 13px                                                           */
/* first number alters height spacing between menu items    changed to 20px from original       */
/* second number alters wrap poition on menu line                                               */
/* third number alters end padding after menu text which alters height for each menu item line changed to 20px from original */
/* forth number alters padding at beginning of menu item textfrom lh edge                       */
.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a {
background:url("..") no-repeat left center;
padding:20px 0 0 2px 20px
}

.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,#sgmenu ul.menu li a span,fieldset.userdata input.button,button {
font-weight:400
}

.maincol h2 a,.maincol h2 {
font:20px arial,tahoma,verdana,sans-serif 400;
vertical-align:middle
}

.items-row .item,.pagination {
padding:10px 0
}

.items-row .item h2 a,.items-row .item h1 a,.items-row .item h1,.items-row .item h2 {
font:18px tahoma
}

.item .readmore,.filter,.display-limit {
text-align:right
}

p.readmore {
font-style:italic
}

.category-desc img {
margin:0 10px 4px
}

.category-desc a:visited,.category-desc a:link,.category-desc a {
text-decoration:underline
}

.image-left {
margin:0 10px 4px 0
}

.image-right {
margin:0 0 4px 10px
}

.main .categories-list ul li {
padding:5px
}

.category-desc {
line-height:1.7em;
padding-left:0
}

.category-desc,.pagination .pagenav,#contact-slider .panel,#login-form,.filter,.pagenav-next,.pagenav-prev {
margin:10px 0
}

.pagination .pagenav {
padding:2px 6px
}

.pagenav .pagenav-next {
float:right
}

/* this controls the color of a border around any table   ie  jevents calendar row listing  */
/* was originally #d5d5d5   changed to #ffffcc                                                */ 
table td,table th,table {
border:solid 1px #ffffcc !important
}

/* #939598   changed to #000  */
table.jlist-table th,table.category th,table.newsfeeds th,table.weblinks th {
background:#dedede;
color:#000
}

table.category,table.weblinks {
width:98%;
margin:10px 10px 20px 0
}

table.category td,table.weblinks td,table.category th,table.weblinks th {
padding:7px
}

td.num,td.hits {
vertical-align:top
}

td p {
line-height:1.3em
}

.filter,.display-limit {
margin-right:7px
}

table.category th a img {
padding:2px 10px
}

.filter-search .inputbox {
width:6em
}

legend.element-invisible {
margin-left:-3000px;
margin-top:-3000px;
height:0
}

.cat-items {
margin-top:20px
}

#contact-slider .panel,.tip-wrap {
border:1px solid #e5e5e5
}

#contact-slider .panel,.error,.tip-wrap {
border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}

#contact-slider .panel h3 a {
font-size:18px
}

.contact-email label {
width:140px
}

.maincol .login label {
width:100px
}

#footer {
height:44px;
line-height:10px;
margin:20px auto 0
}

.error {
background:#fdcdc9
}

#system-message dt.warning {
color:#be4e4c;
font-size:16px
}

#system-message dd.warning li {
background:transparent url(../images/arrow-2.png) no-repeat left top;
padding:0 0 0 20px
}

#sgmenu ul.menu {
list-style:none outside none;
margin-left:10px
}

#sgmenu ul.menu li {
height:62px
}

#sgmenu ul li {
margin:0 1px 0 0
}

#sgmenu ul li a {
white-space:nowrap
}

#sgmenu ul li ul {
visibility:hidden;
z-index:500
}

#sgmenu ul li ul li {
float:none
}

#sgmenu ul.menu li a span {
color:#FFF;
text-transform:uppercase;
cursor:pointer;
float:left;
font-weight:700;
line-height:62px;
height:62px;
text-decoration:none;
min-width:40px;
text-align:center;
margin:0;
padding:0 12px
}

/*   hover backround changed for new image file                            */
/*   changed from original file h3_hover.png   to   h3_hover-w.png         */
/*   hover image removed from operation file name removed from line below  */
/*   was (../images/h3_hover-w1.png   changed to ..   to stop display      */
#sgmenu ul.menu li a:hover span,#sgmenu ul.menu li.current {
background:transparent url(..) no-repeat center center
}

#sgmenu ul.menu li ul li a:visited,#sgmenu ul.menu li ul li a:link,#sgmenu ul.menu li ul li a,#sgmenu ul.menu li ul li a span {
background:#dbdebe
}

#sgmenu ul.menu li ul li a span {
width:80px
}

#sgmenu ul.menu li ul li a:hover {
color:#9e3777
}

.rightcol .module div div div h3 {padding:15px 0 0 20px !important}

/*  color #000 changed to #000d26   */
fieldset.userdata input.button,button {
background:url("../images/but.png") bottom center no-repeat #000;
color:#c5c5c5;
width:61px;
line-height:19px;
margin:10px 20px 0 0
}

.pagination ul li,.actions li img {
margin:0 6px 0 0
}

table.weblinks td,table {
border-collapse:collapse
}

body,ul,img,a,form,fieldset,#wrapper,#search .search,.rightcol,.leftcol,fieldset.userdata p,fieldset.userdata,ul.menu,.maincol h2 a,.maincol h2,#member-registration dd,.rightcol ul.menu li.current a:link,.rightcol ul.menu li.current a,.leftcol ul.menu li.current a:link,.leftcol ul.menu li.current a,#login-form ul li a {
padding:0
}

/*  colour changed from #000 to #000d26  */
h3,fieldset.userdata input,#modlgn-remember,.category-desc a:visited,.category-desc a:link,.category-desc a,.maincol .categories-module li,.maincol .relateditems li,.maincol .latestnews li,#article-index li,.maincol .menu li,#search .search .inputbox,#footer a {
color:#000d26
}

h6,button,textarea,input,fieldset.userdata input,.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,.top .menu li,.separator,.item-title,h5 {
font-size:12px
}

#search .search .inputbox,.rightcol ul.menu li a:link,.rightcol ul.menu li a,.leftcol ul.menu li a:link,.leftcol ul.menu li a,fieldset.userdata input,.module .search .button,fieldset.userdata input.button,button {
height:20px
}

/*  next line color changed from #000 to #000d26  */
input.inputbox, textarea.inputbox  {background: #ebebeb; background: 1px solid #a3a3a3; margin: 0 0 10px 0; color: #000d26;}
.input-small { display: block; margin: 2px 0 15px 0;}
.control-group { margin: 0 0 0 10px !important; }
btn { margin: 20px 0 0 0; }
.control-group, .controls, .input-prepend, .input-append, .userdata{ background: none !important; }
.controls, div.control-group, .input-prepend, input-append { margin: 0 !important; padding: 0 !important;}
.unstyled { clear: both; }
.btn-primary { margin: 4px 0 0 10px; }