/******************************************************
DOCUMENT INFORMATION
	- Document: BeginningwithA Stylesheet
	- Version:  1.2.3
	- Client:   --
	- Author:   Garry Neale
*******************************************************
COLOR THEME
	- Red: #ff0000
	- Grey: #4d4d4d (70% black)
	- Grey: #666666 (60% black)
*******************************************************/
* {margin:0; padding:0;}
/*************************************
 Layout Divs 
*************************************/
#container {
background-color:#fff;
width: 960px;
margin: -15px auto;
}
#logodiv {
float:left;
width: 930px;
height: 55px;
margin: 0 15px;
background-image:url(images/widelogo.png);
background-position:left;
background-repeat:no-repeat;
}
#pubs #logodiv {
width: 960px;
height: 160px;
background-image:url(images/bg_bannerlogo.jpg);}



/* to make banner clickable*/
#logodiv a
{
display:block;
width:100%;
height:100%;
}
#logodiv p
{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:24px;
text-align:left;
margin: 20px 0px 20px 650px;
}

.twitter-follow-button {
margin-right:-150px;
}

#menubar {
float:left;
width: 930px;
height: 40px;
margin: 0px 15px 10px 15px;
background-image:url(images/bg_menubar.jpg);
}
#bannerpic {
float:left;
width: 930px;
height: 114px;
margin: 0px 15px 10px 15px;

}
#home #bannerpic {background-image:url(images/bg_bannerpic_06.jpg);}
#courses #bannerpic {background-image:url(images/bg_bannerpic_04.jpg);}
#consultancy #bannerpic {background-image:url(images/bg_bannerpic_03.jpg);}
#forum #bannerpic {background-image:url(images/bg_bannerpic_08.jpg);}
#store #bannerpic {background-image:url(images/bg_bannerpic_03.jpg);}
#contact #bannerpic {background-image:url(images/bg_bannerpic_05.jpg);}
#about #bannerpic {background-image:url(images/bg_bannerpic_07.jpg);}
#brs #bannerpic {background-image:url(images/bg_bannerpic_07.jpg);}
#webchest #bannerpic {
float:left;
width: 830px;
height: 0px;
margin: 0px 15px 10px 0px;
}

#content {
float:left;
width: 930px;
min-height: 300px;
margin: 0px 15px 0px 15px;
background-image:url(images/bg_content.jpg);
background-repeat:no-repeat;
}
#mainwide {
float:left;
width: 710px;
margin: 15px 10px 20px 20px;
}
#mainfull {
float:left;
width: 900px;
margin: 15px 10px 20px 20px;
}
#main {
float:left;
width: 600px;
margin: 15px 20px 20px 20px;
}
#main ul li{
list-style-type:square;
}
#contactform form ol li{
list-style-type:none;
}
#ebooking {
float:left;
width: 710px;
margin: 15px 10px 0px 20px;
}
#side {
float:right;
width: 280px;
margin: 15px 10px 20px 0px;
}
#sidenarrow {
background-color:#eeeedd;
float:right;
width: 170px;
margin: 70px 20px 50px 0px;
}
#sidenarrow p {
text-align:center;
margin: 10px 0px;
}
#footer {
clear:both;
width: 930px;
height: 55px;
margin: 0px 15px 10px 15px;
background-image:url(images/bg_footer.jpg);
background-repeat:no-repeat;
}
#footer p {
font-family:Arial, Helvetica, sans-serif;
color:#4d4d4d;
font-size:10px;
text-align:left;
line-height:110px;
}
#content p, h1 , h2{
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
margin-right:20px;
}
#content p {
color:#4d4d4d;
font-size:14px;
}
#content  h1 {
font-size:16pt;
font-weight:normal;
color: #ff0000;
margin-top: 15px;
}
#content  h2 {
font-size:14pt;
font-weight:normal;
color: #222222;
margin-top: 15px;
}
#content  h3 {
font-size:12pt;
font-weight:normal;
color: #222222;
margin-top: 15px;
}
.likeh2{
font-size:16pt;
font-weight:normal;
color: #222222;
}
.editlink{

font-size:12pt;
font-weight:normal;
}
#quotes p {
font-size:140%;
color: #888888;
margin: 25px 0;
}
#sidepanel {
background-color:#eeeedd;
background-image:url(images/bg_tick.jpg);
background-repeat:no-repeat;
background-position:60% 65%;
border-style:double;
font-size:80%;
font-weight:normal;
text-align:left;
color: #666666;
padding: 5px;
margin: 60px 0 0 0;
}
#alert {
background-color:#eeeedd;
border-style:solid;
border-width:thin;
width:43em;
margin: 1em 0 1em 0em;
padding: 5px 5px;
}
#alert p{
color: #000000;
}
#bookingform #alert {
width:26em;
margin: 1em 0 1em 9em;
}
#conf_section {
background-color:#FFFFD4;
border-style:solid;
border-width:thin;
width:620px;
padding: 10px 10px 10px 10px;
margin: 10px 0;
}
/*************************************
 HTML tag styles
*************************************/
body{
font-family: Trebuchet MS,sans-serif;
font-size:100%;
color:#333333;
line-height: 1.3;	
margin: 20px;
padding: 0px;
background-color:#ffffff;
}
p {margin-bottom: 10px;}
h1 {margin-bottom: 5px;}
h4{margin-bottom: 5px;}
blockquote {
 border-top : 0px solid #999;
 border-bottom : 0px solid #999;
 font-size:120%;
 color: #999;
 width: 220px;
 float: right;
 margin: 20px 20px 0px 0;
 padding: 10px;

 quotes: "\201C" "\201D";
 }
 blockquote:before { content: open-quote; font-weight: bold; }
 blockquote:after { content: close-quote; font-weight: bold; }
 
 dt {
 font-weight:bold;
 margin: 20px 0 5px 0;
 }
/*************************************
Main Menu styles
*************************************/
#menubar ul li {
width:120px;
height:39px;
float:left;
margin: 5px 10px 0 0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:100%;
}

#menubar ul li a {
color:#fff;
text-decoration:none;
width:140px;
margin: 5px auto;
display:block;
text-align:center;
}
#menubar ul { /*Align menu to left*/
	margin: 0 0px;
	padding:0px
	}
#menubar ul li a:hover {
color:#bbb;
	}
#home #menubar ul li a.home,
#courses #menubar ul li a.courses,
#consultancy #menubar ul li a.consultancy,
#forum #menubar ul li a.forum,
#store #menubar ul li a.store,
#contact #menubar ul li a.contact,
#about #menubar ul li a.about

{
color:#ff0000;
}

/*************************************
Side Menu styles
*************************************/
#sidebar {
margin-top: 0px;
}
#sidebar ul li {
list-style-type: none;
height: 30px; 
width: 215px;
background-color:#CCCC66;
background-image:url(images/side_button.jpg);
margin: 5px 10px 10px 60px;
  margin-left: auto;
  margin-right: auto;
padding: 5px 0 5px 0;
font-size:16px;
font-weight:bold;
text-align:center;
}
#sidebar ul li a {
color:#4d4d4d;
text-decoration:none;
margin-top: 8px;
display:block;
}
#sidebar ul li:hover {
background-position: 0px 40px;
}
#sidebar ul li.selected {
background-position: 0px 40px;
}

/*************************************
Classes
*************************************/
.contactitems {
font-size:120%;
font-weight:normal;
text-align:right;
color: #666666;
margin: 60px 0 0 0;
}

.emphasis {
font-style: italic;
}

.emphasis2 { 
font-weight:bold;
}

.empred { 
color:red;
}

.imageleft {
float:left;
margin:10px 10px 10px 0px;
border: solid;
}
.sidepic {
float: left;
margin: 0px 10px 20px 0px;
border: none;
}
.rightpic {
float: right;
margin: 0px 10px 20px 0px;
border: none;
}
.footnote {
margin: 50px 0 0 0;
font-style: italic;
}
.topnote {
font-size:120%;
margin: 20px 0 0px 0;
font-weight: bold;
}
div.figure_l, div.figure_r, div.figure_c {
  float: right;
  width: 200px;
  border: thin silver solid;
  /*margin:10px 10px 10px 0px;*/
  
  display: block;
  margin-left: auto;
  margin-right: 40px;
  padding: 5px;
}
div.figure_l p, div.figure_r p, div.figure_c p, div.figure_map p {
  text-align: center;
  font-style: italic;
  font-size: 10pt;
  text-indent: 0;
  width: 100%;
  display: block;
  margin-bottom: 0px
}
img.scaled {
  width: 100%;
  margin-bottom:0px;
  margin-top:0px;
}
div.figure_l {
  float: left;
  width: 200px;
  border: thin silver solid;
  margin:0px 10px 10px 0px;
  padding: 5px;
}
div.figure_map {
  float: left;
  width: 300px;
  border: thin silver solid;
  display: block;
  padding: 5px;
}
.button {
margin: -5px 0;
}
.quotenote {
display:block;
font-style: italic;
  font-size: 8pt;
  margin-left: 30px;
 color: #999;
}
/*************************************
Table
*************************************/
table.schedule {
margin-top: 20px;
border: 1px solid #C1DAD7;
border-collapse:collapse;
}
.label {
width: 120px;
}
.item {
width: 480px;
font-weight: bold;
}
table, th, td
{
border: 1px solid #C1DAD7;
padding:5px 5px 5px 5px;
}



ol {
list-style-type: decimal;
list-style-position: inside;
}

#consultancy li{
margin: 10px 0;
list-style-type: circle;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#4d4d4d;
}
#main li{
margin: 10px 20px;
list-style-type: circle;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#4d4d4d;
}
/*************************************
 General Form Styles
*************************************/

#contactform ol {
padding: 0em 1em 0 0em;
list-style: none;
margin: 0 0 0 0;
}
#contactform li {
/************/
float:left;
clear:left;
width:100%;
/************/
padding-bottom: 0;
}
#contactform.submit{
float: none;
width: auto;
border-style: none;

}
#contactform label {
float: left;
width: 8em;
margin-right: 1em;
text-align:right;
}
#contactform input.widetext {
width: 24em;
background-color: #eaeaff;
border: solid;
border-width: 1px;
}
#contactform select.custype {
background-color: #eaeaff;
margin-top: 0.2em;
}
#contactform textarea{
background-color: #eaeaff;
border: solid;
border-width: 1px;
width: 24em;
margin-top: 1em;
}
input.extrawidetext {
width: 34em;
}
#contactform .cmd_save {
margin: 1em 0 0 11em;
}
/*************************************
 Booking Form Styles
*************************************/

#bookingform ol {
padding: 0em 1em 0 0em;
list-style: none;
margin: 0 0 0 0;
}
#bookingform li {
float:left;
clear:left;
width:100%;
margin-bottom:2px;
padding-bottom: 0;
}
#bookingform.submit{
float: none;
width: auto;
border-style: none;

}
#bookingform label {
float: left;
width: 8em;
margin-right: 1em;
text-align:right;
color:#817370;
}
#bookingform input.widetext {
height:18px;
background-color: #ffffff;
border: solid;
border-width: 1px;
}
#bookingform select.widetext {
height:20px;
background-color: #ffffff;
border: solid;
border-width: 1px;
}
#bookingform textarea{
background-color: #eaeaff;
border: solid;
border-width: 1px;
width: 42em;
margin-top: 1em;
}
input.extrawidetext {
width: 34em;
}
#bookingform .cmd_next {
margin: 1em 0 0 10em;
width: 6em;
}
#bookingform .cmd_next_left {
margin: 1em 0 0 0em;
width: 6em;
}
#bookingform .cmd_submit {
background-color: blue;
color: white;
margin: 1em 0 0 11em;
width: 6em;
height: 2em;
}
/**************************************************/
table.cust 
{
margin-top:10px;
padding:0px 0px 0px 0px;
border-style: none;
border-collapse: collapse;
}
table.cust td  {
	border-style: none;
	padding:0px 10px 0px 0px;
}
.ralign {
text-align:right;
color:gray;
}
/*<table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="800">*/
table.order 
{
margin-top:10px;
padding:0px 0px 0px 0px;
border-style: none;

border-collapse: collapse;
}
table.order td  {
border: 1px solid #C1DAD7;
	padding:0px 10px 0px 10px;
}
.ralign {
text-align:right;
color:gray;
}
.calign {
text-align:center;
color:red;
padding-top:5px;
}