/* Muir Layout CSS Document */

* { margin:0; padding:0; }

body { background-color:#FFFFFF;
min-width:1024px;
max-width:1024px;
margin-left:auto;
margin-right:auto;
font-size:12px;
font-family:Trebuchet, Meta, Arial, Helvetica, sans-serif;
font-weight:normal;}



a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #450365;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #450366;
	}
a:hover, a:active { 
	font-weight: bold;
	text-decoration: underline; 
	color: #450367;
	}

a.white:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #05e0e8;
	}
a.white:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFFFFF;
	}
a.white:hover, a.white:active { 
	font-weight: bold;
	text-decoration: none; 
	color: #b5a5cc;
	}


#logo {
position: absolute;
margin-right:auto;
margin-left:auto;
top: 65px;
left: 848px;}

div#column2 {
margin: 0;
padding: 0;
background-image: url(images/side2.gif);
background-position: right;
background-repeat: repeat-y;
width: 100%;
background-color: #FFFFFF;}
	
div#column1 {
margin: 0px;
padding: 0px;
background-image: url(images/side12.gif);
background-repeat: repeat-y;
width: 100%;
}

.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;}

#header {background-color:#450369;
height:75px;}

#left {float:left;
width:210px;
background-color:#b5a5cc;
padding-top: 0px;
padding-bottom: 25px;}

#right {float:right;
width:150px;
padding-bottom: 25px;
background-color:#450365;}

#navcontainer {width: 100%;}

#navcontainer ul
{margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;}

#navcontainer a
{display: block;
width: 195px;
background-color: #450368;
border-bottom: 1px solid #D4CEDE;
text-decoration:none;
color:#FFFFFF;
padding: 5px 0 5px 15px;}

#navcontainer a.subheading:link, #navcontainer a.subheading:visited
{font-weight:normal;
background-color: #FFFFFF;
color: #450365;}

#navcontainer a:link, #navlist a:visited
{color: #FFF;
text-decoration: none;}

#navcontainer a:hover
{background-color: #A281B2;
color: #fff;}

#navcontainer a.subheading:hover
{background-color: #A281B2;
color: #fff;}

#newsbox {
display:block;
border: solid 2px #A281B2;
width:210px;
margin-right:auto;
margin-left:auto;
margin-top:15px;
padding-bottom:30px;}

#newsbox h1{
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
text-align:center;
color: #450365;}

#accessbox {
display:block;
border: none;
width:150px;
margin-right:auto;
margin-left:auto;
margin-top:1px;}

#accessbox h1{
padding-top:10px;
padding-bottom:15px;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
color: #b5a5cc;}

#accessbox p{
padding-top:10px;
padding-bottom:20px;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
text-align:center;
color: #b5a5cc;}

#accessbox img{
margin-left:0px;
align:center;
text-decoration: none;}

#accessbox a:link, #accessbox a:visited, #accessbox a:active, #accessbox a:hover {
text-decoration: none;
border:none;}

#searchbox {
display:block;
width:120px;
align:center;
margin-right:auto;
margin-left:auto;
margin-top:20px;}

#center {
margin-right: 150px;
margin-left:210px;
background-color:#FFFFFF;}

#center h1{
display:block;
background-color:#b5a5cc;
width:auto;
height:auto;
background-repeat:repeat-x;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
padding-top:5px;
padding-left:20px;
padding-right:20px;
padding-bottom:5px;
text-align:center;
margin-left:1px;
margin-right:1px;}

#center h2{
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#450365;
padding-bottom:20px;
font-weight:bold;}

#centertext {
padding-top:25px;
margin-left:25px;
margin-right:25px;
padding-bottom:30px;
background-color:#FFFFFF;
}

#center2 {
margin-top: -25px;
margin-right: 0px;
margin-left:-25px;
background-color:#FFFFFF;}

img.fomg {
padding-top:10px;
padding-left:15px;}

img.allpay {
padding-left:30px;}

img.respect {
padding-top:10px;
padding-left:15px;}

#footer {clear: both;
background-color: #B5A5CC;}

#footer p{
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding-top:5px;
padding-bottom:10px;
text-align:center;}

#sharedbanner{
	background:#5991CE;
	border-bottom:2px solid #C2E0FF;
	border-top:2px solid #C2E0FF;
	border-left:2px solid #E0F0FF;
	border-right:2px solid #E0F0FF;
	background-image:url(images/content_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#sharedbanner a{
	text-decoration:none;
	color:#FFFFFF;
}

#sharedbanner h1{
	margin-top:0px;
	padding-left:10px;
	font-size:18px;
	color:#FFFFFF;
	background:#9ACEFF;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
}

#sharedbanner p{
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
}

#sharedbanner h4{
	text-align:right;
	height:18px;
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:0px;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:2px;
}

#barcode{
width:55px;
height:32px;
padding-bottom:0px;
background-image:url(images/barcode.gif);
background-repeat:no-repeat;
margin-top:0px;
float:right;
}


#johnbox{
	background:#0266fb;
	border-bottom:1px solid #FFFFFF;
	background-image:url(images/johncontent_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	width:95%;
	height:400px;     
	overflow: auto;
}

#johnbox a{
	color:#FFFFFF;
	font-size:14px;}

#johnbox h1{
	margin-top:0px;
	padding-left:10px;
	font-size:24px;
	color:#FFFFFF;
	background:#450365;
	background-image:url(images/john_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	padding-bottom:5px;
	padding-top:5px;
	text-align:right;
}

#johnbox h3{
	colour:#FFFFFF;
}

#johnbox p{
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	margin-left:180px;
}

#johnbox li{
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	margin-left:220px;
}


#johnbox h4{
	text-align:right;
	height:18px;
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:0px;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:2px;
}

#johnpic{
	width:170px;
	height:204px;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:10px;
	background-image:url(images/johnpic.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:5px;
	float:left;
	text-align:bottom;
}

#johnpic2{
	width:170px;
	height:204px;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:10px;
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:5px;
	float:left;
	text-align:bottom;
}

#johnpic2 h5{
	font-size:16px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:15px;
}


#johnpic h5{
	font-size:16px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:205px;
}


#wrapper{
	background:#FFFFFF;
	border-bottom:1px solid #450365;
	background-repeat:repeat-y;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#wrapper a{
	text-decoration:none;
	color:#450365;
}

#wrapper a.second{
	background-repeat:repeat-y;
	background-position:left;
	color:#b5a5cc;
	font-size:14px;
	padding-left:30px;
	text-align:right;
}

#wrapper h1{
	margin-top:0px;
	padding-left:10px;
	font-size:24px;
	color:#FFFFFF;
	background:#450365;
	background-repeat:repeat-y;
	background-position:left;
	padding-bottom:5px;
	padding-top:5px;
	text-align:right;
}

#wrapper p{
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:20px;
}

#wrapper p.second{
	padding-left:10px;
	padding-right:10px;
	font-size:18px;
	color:#FFFFFF;
	background:#450365
	text-align:right;
	margin-left:20px;
}

#headofficepic{
	width:350px;
	height:263px;
	padding-top:10px;
	padding-bottom:25px;
	padding-right:10px;
	background-image:url(images/Headoffice.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:5px;
	margin-bottom:0px;
	float:left;
	text-align:bottom;
}

#searchbox{
display:block;
width:200px;
background:#b5a5cc;
border-bottom:2px solid #450365;
border-top:2px solid #450365;
border-left:2px solid #450365;
border-right:2px solid #450365;
background-repeat:repeat-y;
background-position:left;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#searchbox p{
	font-size:12px;
	bg-color:#b5a5cc;
	text-align:left;
	margin-right:1px;
	margin-left:1px;
}

#flashmovie{
width:300px;
height:225px;
padding-bottom:3%;
padding-right:0px;
padding-left:20px;
background-repeat:no-repeat;
margin-left:25px;
margin-right:0px;
float:right;
text-align:bottom;
}

#BCLogo{
	width:150px;
	height:187px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:25px;
	margin-right:20px;
	float:right;
	text-align:bottom;
}

#BCpicture{
	width:300px;
	height:232px;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:10px;
	padding-left:10px;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	float:right;
}

#respectpic{
	width:150px;
	height:100px;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	background-image:url(images/respectposter.gif);
	background-repeat:no-repeat;
	margin-top:50px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	text-align:bottom;
}

#sproutflyer{
	width:150px;
	height:206px;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	background-image:url(images/sproutflyer.jpg);
	background-repeat:no-repeat;
	margin-top:50px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	text-align:bottom;
}

#boardbox{
	background:#450365;
	border-bottom:2px solid #b5a5cc;
	border-top:2px solid #b5a5cc;
	border-left:2px solid #b5a5cc;
	border-right:2px solid #b5a5cc;
	background-repeat:repeat-y;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#boardbox a{
	text-decoration:none;
	color:#FFFFFF;
}

#boardbox h1{
	margin-top:0px;
	padding-left:10px;
	font-size:20px;
	color:#b5a5cc;
	background:#450365;
	padding-bottom:5px;
	padding-top:5px;
	text-align:right;
}

#boardbox p{
	padding-left:10px;
	padding-right:5px;
	margin-left:165px;
	margin-right:10px;
	font-size:12px;
	color:#FFFFFF;
	text-align:right;

}

#boardbox h4{
	text-align:right;
	height:18px;
	padding-left:10px;
	padding-right:15px;
	font-size:12px;
	color:#b5a5cc;
	margin-bottom:0px;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:2px;
}

#boardpic{
	width:220px;
	height:100px;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	background-image:url(images/boardpic.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:0px;
	float:left;
	text-align:bottom;
}

#phonechange{
	background:#ffffff;
	border-bottom:1px solid #FFFFFF;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	width:100%;    
}

#phonechange h1{
	margin-top:0px;
	padding-left:10px;
	font-size:24px;
	color:#ffffff;
	background:#450369;
	padding-bottom:5px;
	padding-top:5px;
	text-align:left;
}

#phonechange p{
	padding-left:10px;
	padding-right:0px;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:10px;
}

#phonechange a{
	font-size:12px;
	color:#450369;
}

#phonepic{
	width:300px;
	height:193px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	background-image:url(images/phone.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:0px;
	float:right;
	background-position:right;
}

#twitterbox{
	float:right;
	padding-left:20px;
	background-repeat:repeat-y;
	background-position:left;
}

#milliebox{
	float:right;
	margin-left:25px;
	margin-bottom:25px;
	padding-right:0px;
	width:229px;
	background:#ffffff;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	background-repeat:repeat-y;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

a.rollover {
	display: block;
	clear:none;
	width: 180px;
	height: 45px;
	text-decoration: none;
	background: url("images/webvamp.jpg");
	}

a.rollover:hover {
	background-position: -180px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

#titlebar{
	float:left;
	background:#ffffff;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	background-image:url(images/titlebar.png);
	background-repeat:no-repeat;
	width:100%;
	height:35px;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-align:left;
	margin-right:0px;
	margin-left:0px;
	padding-top:6px;
	padding-left:15px;
}

#sidebox{
	float:right;
	margin-left:25px;
	margin-bottom:25px;
	width:223px;
	background:#f7f7f7;
	border-bottom:1px solid #b5a5cc;
	border-top:1px solid #b5a5cc;
	border-left:1px solid #b5a5cc;
	border-right:1px solid #b5a5cc;
	background-repeat:repeat-y;
	background-position:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}

#sidebox p{
	font-size:13px;
	color:#000000;
	text-align:left;
	margin-right:15px;
	margin-left:15px;
}

#sidebox a{
	font-weight: bold; 
	text-decoration: none; 
	width:80%;
	color: #450365;
]

#sidebox h1{
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
	color:#ffffff;
	text-align:left;
}

#featured{ 
	width:65%; 
	padding-right:35%; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:52%; 
	list-style:none; 
	padding:0; margin:0; 
	width:47%; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Trebuchet; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:80%; height:250px; 
	background:#fff; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:65%; left:0; 
	height:35%;
	width:98%; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Trebuchet; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.clear {
	clear:both
}

#tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }