/* ----------reset all css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;/*border-spacing:0;*/}
fieldset,img {border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
/*q:before,q:after {content:'';}*/
abbr,acronym { border:0;}
form {margin-top: 0 ;margin-bottom: 0 ;}
html {overflow: scroll;}
/*object {outline:none;}*/
.purge {clear:both;height:0;font-size:1px;line-height:0px;}

/* ----------start css-------------- */

/* ---------- container to centre the layout -------------- */
#container{width:800px;/*height:300px;*/margin:15px auto;background:#FFFFFF;border:15px solid #FFFFFF;}
body{background:#401C7D;margin:30px 0px 10px 0px;padding:0;font-family:Arial, Helvetica, sans-serif;color:#231F20;font-size:12px;line-height:130%;}

/* ---------- header layout -------------- */

#masthead {width:800px;height:110px;background:url(../x_gfx/masthead.jpg) no-repeat;}
#mastimage{width:800px;height:115px;background:url(../x_gfx/mast_img01.jpg) no-repeat;}
#navcontainer{width:800px;height:40px;background:url(../x_gfx/bg_navtop.jpg) repeat-y;}
#navleft{float:left;width:400px;height:40px;line-height:40px;padding-left:25px;}
#navright{float:right;width:200px;text-align:right;height:40px;line-height:40px;padding-right:25px;}
ul.nav{margin:0;list-style-type: none;height:40px;}
ul.nav li{display:inline;padding: 0px 5px 0px 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;}
ul.nav li a:visited, ul.nav li a:link{font-weight:bold;color:#FFFFFF;text-decoration:none;}
ul.nav li a:hover, ul.nav li a:active{font-weight:bold;color:#401C7D;text-decoration:none;}

#home .home, #about .about, #whatwedo .whatwedo, #events .events, #news .news, #gall .gall, #contact .contact{font-weight:bold;color:#401C7D;text-decoration:none;}

/* ---------- front page layout -------------- */

#fpmid{width:800px;height:235px;margin:15px 0px 15px 0px;}
#fpbtm{width:800px;background:url(../x_gfx/bg_fp_panel.jpg) repeat-y;color:#FFFFFF;padding:12px 0px 12px 0px;}#fpbtm a{color:#FFFFFF;}#fpbtm a:hover{color:#401C7D;}
#fpbtmbg{width:800px;background:url(../x_gfx/bg_fp_panelline.jpg) repeat-y;}
#fpbox1{float:left;width:160px;padding: 7px 20px 0px 30px;}
#fpbox2{float:left;width:160px;padding: 7px 20px 0px 20px;}
#fpbox3{float:left;width:150px;padding: 7px 20px 0px 20px;}
#fpbox4{float:right;width:145px;padding: 7px 20px 0px 20px;}

/* ---------- main pages layout -------------- */

#mnholder{width:800px;background:url(../x_gfx/bg_main.jpg) repeat-y;margin-top:15px;}

#leftcol {float:left;width:170px;margin-right:20px;}
#leftcol a{color:#FFFFFF;text-decoration: none;}#leftcol a:hover{color:#401C7D;text-decoration: none;}
#leftnavtop{height:10px;border-bottom: 1px solid #FFFFFF;}
.leftnav a{display:block;color:#FFFFFF;border-bottom: 1px solid #FFFFFF;padding: 10px 20px 10px 30px;}
.leftnav a:visited, .leftnav li a:link{color:#FFFFFF;}
.leftnav a:hover, .leftnav a:active{color:#401C7D;background:#5CB423;}

#midcol{float:left;width:370px;padding:10px 25px 15px 25px;}

#rightcol{float:right;width:170px;height:360px;}
#rightbox1{width:140px;color:#FFFFFF;padding:12px 15px 8px 15px;background:url(../x_gfx/bg_panel_right.jpg) repeat-y;}#rightbox1 a{color:#FFFFFF;}#rightbox1 a:hover{color:#5CB423;}
#rightbox2{width:140px;color:#401C7D;padding:15px 15px 10px 15px;}#rightbox2 a{color:#401C7D;}#rightbox2 a:hover{color:#5CB423;}

/* ---------- footer -------------- */

#footer{clear:both;width:750px;margin:0 auto;}
#footerleft{float:left;width:250px;font-size:11px;height:14px;line-height:14px;color:#FFFFFF;margin:0px 0px 0px 5px;}
#footerright{float:right;text-align:right;width:440px;font-size:11px;height:14px;line-height:14px;color:#A58EBC;margin:0px;}
#footerright a{color:#A58EBC;}#footerright a:hover{color:#FFFFFF;}
ul.footernav{list-style-type:none;margin:0px;}
ul.footernav li{display:inline;padding: 0px 3px 0px 0px;}
ul.footernav li a:visited, ul.footernav li a:link{color:#FFFFFF;text-decoration:none;}
ul.footernav li a:hover, ul.footernav li a:active{color:#5CB423;text-decoration:none;}

/* ---------- text styles -------------- */
p {padding:0 0 5px 0;margin:0 0 5px 0;}
a {outline-style:none;text-decoration:underline;}
a:visited, a:link{color:#666666;text-decoration:underline;}
a:hover, a:active{color:#999999;text-decoration:underline;}
ul{margin:-4px 0px 5px 30px;padding-left:0px;}
ol{margin:-4px 0px 5px 30px;padding-left:0px;}
li{margin-left:0px;padding:0px 0px 5px 0px;}
h1{font-size:18px;font-weight:bold;color:#401C7D;line-height:22px;padding: 0px 0px 5px 0px;margin: 0px 0px 5px 0px;}
.text14 {font-size:14px;line-height:18px;}
.text11 {font-size:11px;line-height:13px;}
.text10 {font-size:10px;line-height:12px;}
.lightgreen{color:#5CB423;}
.darkgreen{color:#388D2A;}
.lightpurple{color:#6F509B;}
.darkpurple{color:#401C7D;}

/* ---------- admin area -------------- */

.tableadmin {width:100%;}
.tableadmin td{padding: 5px 0px 5px 0px;}
.tableline{border-bottom: 2px solid #CCCCCC;}
.error{color:#CC0000;}
.success{color:#00CC00;}

/* ---------- forms -------------- */
.formboxmed {width:135px;height:17px;border:#CCCCCC 1px solid;padding:2px 0px 0px 5px;margin:1px 0px 1px 0px;color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.formboxlarge {width: 250px;height:17px;border: #CCCCCC 1px solid;padding: 0px 0px 0px 5px;margin:1px 0px 1px 0px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 12px;}
.formboxtitle {width: 375px;height:21px;border: #CCCCCC 1px solid;padding: 0px 0px 0px 5px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 14px;font-weight:bold;}
.selectboxlarge {width: 250px;border: #CCCCCC 1px solid;padding: 0px 0px 0px 5px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 12px;}
.formboxtiny {width: 40px;height:17px;border: #CCCCCC 1px solid;padding: 0px 0px 0px 5px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 12px;}
.formboxlargearea {width:250px;border: #CCCCCC 1px solid;padding: 2px 0px 0px 5px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 12px;}
.formpad1{padding-right:5px;}
.button1 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #ffffff;background-color:#401C7D;border:none;/*padding: 5px 10px 5px 10px;*/}
.button1:hover {cursor: pointer;background-color: #388D2A;}
.button2 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #FFFFFF;background-color:#666666;border:none;/*padding: 5px 10px 5px 10px;*/}
.button2:hover {cursor: pointer;background-color: #999999;}
.button3 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #FFFFFF;background-color:#CC0000;border:none;/*padding: 5px 10px 5px 10px;*/}
.button3:hover {cursor: pointer;background-color: #FF0000;}

.weeimage{width: 85%;position: relative;top: 0;left: 0;}
