/*
Stylesheet For: VSI Template V4.1
URL: http://www.vsitemplate4.co.uk
Version: v1.0
Author: VSI-Thinking, http://www.vsi-thinking.com
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CONTENTS

   A: Universal Elements
      1. Body & Html
      2. Hyperlinks
      3. General Divs
      4. Headings

   B: Structure
      1. Header & Navigation
      2. Content Wrapper
      3. Sidebar
      4. Main Body
	  5. Footer

	C: Modules
                                                               */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* *********************************************************** */
/* A. Universal Elements                                       */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* A1. Body & Html                                             */
/* ----------------------------------------------------------- */
body, html {
	background: #EF7600;
	margin: 0px;
	padding: 0px;
	color: #542A00;
}
body, p, div, td {
	font-family: "Lucida Sans",Arial,Verdana;
	font-size: small;
}

/* ----------------------------------------------------------- */
/* A2. Hyperlinks                                              */
/* ----------------------------------------------------------- */
div#contentArea a.button,#Navigation a.button {
	padding: 2px;
	background: #5F360D;
	border: #5F360D 1px solid;
	color: #FFFFFF;
	text-decoration: none;
}
div#contentArea a.button:hover,#Navigation a.button:hover {
	background: #EF7600;
	color: #FFFFFF;
}

/* ----------------------------------------------------------- */
/* A3. General Divs                                            */
/* ----------------------------------------------------------- */
div.clearfix {
	clear: both;
}
div.content {
	width: 994px;
	margin: auto auto;	
}
div.hr {	
	border-top: #C3C3C3 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.hr hr {
	display: none;
}

/* ----------------------------------------------------------- */
/* A4. Headings                                                */
/* ----------------------------------------------------------- */
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #EF7600;
	font-size: 300%;
	font-weight: normal;
	margin-bottom: 0px;
}

/* *********************************************************** */
/* B. Structure                                                */
/* *********************************************************** */

/* ----------------------------------------------------------- */
/* B1. Header & Navigation                                     */
/* ----------------------------------------------------------- */
#Header {
	background: #EF7600 url(../pics/bg-head.gif) repeat-x bottom left;
	height: auto !important;
	height: 190px;
	min-height: 190px;
	padding-left: 5px;
	padding-right: 5px;
}
#Header .content {
	background: transparent url(../pics/bg-head.jpg) no-repeat bottom right;
	height: auto !important;
	height: 191px;
	min-height: 191px;
}
#Header #Logo {
	height: 159px;
}
#Header img {
	padding-top: 30px;
	padding-left: 10px;
}
#Menu {
	height: 32px;
}
#Menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 32px;

}
#Menu ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
}
#Menu ul li a {
	font-size: small;
	color: #FFEFCA;
	text-decoration: none;
	padding: 8px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 9px;
	display: block;
}
#Menu ul li.selected a {
	background: #EF7600;
	color: #41291F;
	font-weight: bold;
}
#Menu ul li a:hover {
	color: #41291F;
	background: #FFE7CA;
}


#Strapline {
	height: 110px;
	background: #EF7600;
}
#Strapline .content {
	height: 105px;
	padding-top: 5px;
	background: #EF7600 url(../pics/bg-strapline.jpg) no-repeat top right;
}
#Strapline .quote {
	font-size: 140%;
	font-style: italic;
	background: transparent url(../pics/bg-quote.gif) no-repeat 10px 0px;
	padding-right: 450px;
	padding-left: 20px;
	padding-top: 10px;
	font-family: georgia;
}
#Strapline .quoteAuthor {
	font-size: 140%;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 450px;
	text-align: right;
	font-family: georgia;
}

/* ----------------------------------------------------------- */
/* B2. Content Wrapper                                         */
/* ----------------------------------------------------------- */
#Wrapper {
	padding-bottom: 10px;
	background: #FFE7CA;
}
#Wrapper .content {
	background: #FFE7CA url(../pics/bg-content.jpg) no-repeat top right;
}

/* ----------------------------------------------------------- */
/* B3. Side Bar                                                */
/* ----------------------------------------------------------- */
#Wrapper #Navigation {
	width: 330px;
	padding-top: 170px;
	padding-left: 10px;
	float: right;

}
#Wrapper #Navigation ul {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	list-style: none;
}
#Wrapper #Navigation ul li {
	margin-bottom: 1px;
	margin-top: 1px;
}
#Wrapper #Navigation ul li a {
	display: block;
	padding: 5px;
	color: #3F332A;
	font-weight: bold;
	text-decoration: none;
}
#Wrapper #Navigation ul li.buttonSubMenu {
	font-size: 85%;
}
#Wrapper #Navigation ul li.buttonSubMenu a {
	padding-left: 25px;
	color: #00AFFF;
}
#Wrapper #Navigation ul li a:hover {
	background: #FBD0A2;
	text-decoration: none;
}

/* ----------------------------------------------------------- */
/* B4. Main Body                                               */
/* ----------------------------------------------------------- */
#Wrapper #Page {
	width: 644px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;

}

#Wrapper #Page #SiteSearch {
	width: 50%;
	float: right;
	text-align: right;
}
#Wrapper #Page #SiteSearch input {
	border: #003E59 1px solid;
}
#Wrapper #Page #SiteSearch a {
	background: #003E59;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}
#Wrapper #Page #Banner {
	height: 350px;
}

/* ----------------------------------------------------------- */
/* B5. Footer                                                  */
/* ----------------------------------------------------------- */
#Footer {
	background: transparent url(../pics/bg-footer.gif) repeat-x top left;
}
#Footer .content {
	padding-bottom: 10px;
	padding-top: 10px;
}
#Footer #FooterCopyright {
	width: 50%;
	float: left;
	font-size: 85%;
}
#Footer #FooterCredit {
	width: 50%;
	float: right;
	font-size: 85%;
	text-align: right;
}
#Footer #FooterCredit a {
	color: #FFFFFF;
}
#Footer #FooterCredit a:hover {
	color: #542A00;
}

/* *********************************************************** */
/* C. Modules                                                  */
/* *********************************************************** */


.rbox-content {
	clear: both;
	padding: 5px;
	overflow: hidden;	

}
.tl, .tr, .bl, .br {
    background: url(../pics/bg-sprite.gif);
    width: 6px;
    height: 6px;
    font-size: 0;
}
.tl, .bl { float: left; }
.tr, .br { float: right; }

* html .rbox-content { height: 1%; }

.rbox { background: #FBD0A2; overflow: hidden; margin: 0 0 0 0; width: 100%; }
.rbox .tl { background-position: 0px 0px; }
.rbox .tr { background-position: -6px 0px; }
.rbox .bl { background-position: 0px -6px; }
.rbox .br { background-position: -6px -6px; }

.rbox-light { background: #FDDBB5; overflow: hidden; margin: 0 0 0 0; width: 100%; }
.rbox-light .tl { background-position: 12px 0px; }
.rbox-light .tr { background-position: -18px 0px; }
.rbox-light .bl { background-position: 12px -6px; }
.rbox-light .br { background-position: -18px -6px; }

.rbox-content .quote {
	background: transparent url(../pics/bg-quote-tl.gif) no-repeat top left;
	font-size: 130%;
	font-style: italic;
	padding: 10px;
	font-family: georgia;
}
.rbox-content .quote span {
	background: transparent url(../pics/bg-quote-br.gif) no-repeat bottom right;
	display: block;
}
.rbox-content .quoteAuthor {
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	color: #EF7600;
	text-align: right;
	font-family: georgia;
	padding-right: 10px;
}
.rbox-content h2 {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 130%;
	font-weight: bold;
}
.rbox-content input, .rbox-content textarea, .rbox-content select {
	border: 0px;
	font-family: "Lucida Sans",Arial,Verdana;
	font-size: small;
}
.rbox-content input, .rbox-content textarea {
	width: 100%;	
}
.rbox-content textarea {
	overflow: auto;
}
.rbox-content td {
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: top;
}


table#petalTable td.LA, table#petalTable td.LB, table#petalTable td.LC, table#petalTable td.LD, table#petalTable td.LE, table#petalTable td.LF {
	text-align: left;
	width: 300px;

}
table#petalTable td.RA, table#petalTable td.RB, table#petalTable td.RC, table#petalTable td.RD, table#petalTable td.RE, table#petalTable td.RF {
	text-align: right;
	width: 300px;
}
table#petalTable td a {
	font-size: 130%;
	font-weight: bold;
	color: #3F332A;
	text-decoration: none;
	display: block;
}

table#petalTable td.LA a {
	background: transparent url(../pics/petals/LA.gif) no-repeat top left;
	padding-left: 100px;
	padding-top: 30px;
	padding-bottom: 5px;
}
table#petalTable td.LA a:hover { background: transparent url(../pics/petals/LA-on.gif) no-repeat top left; }
table#petalTable td.LB a {
	background: transparent url(../pics/petals/LB.gif) no-repeat top left;
	padding-left: 95px;
	padding-top: 23px;
	padding-bottom: 5px;
}
table#petalTable td.LB a:hover { background: transparent url(../pics/petals/LB-on.gif) no-repeat top left; }
table#petalTable td.LC a {
	background: transparent url(../pics/petals/LC.gif) no-repeat top left;
	padding-left: 95px;
	padding-top: 12px;
	padding-bottom: 6px;
}
table#petalTable td.LC a:hover { background: transparent url(../pics/petals/LC-on.gif) no-repeat top left; }
table#petalTable td.LD a {
	background: transparent url(../pics/petals/LD.gif) no-repeat top left;
	padding-left: 95px;
	padding-top: 12px;
	padding-bottom: 20px;
}
table#petalTable td.LD a:hover { background: transparent url(../pics/petals/LD-on.gif) no-repeat top left; }
table#petalTable td.LE a {
	background: transparent url(../pics/petals/LE.gif) no-repeat top left;
	padding-left: 95px;
	padding-top: 0px;
	padding-bottom: 40px;
}
table#petalTable td.LE a:hover { background: transparent url(../pics/petals/LE-on.gif) no-repeat top left; }
table#petalTable td.LF a {
	background: transparent url(../pics/petals/LF.gif) no-repeat top left;
	padding-left: 90px;
	padding-top: 0px;
	padding-bottom: 5px;
}
table#petalTable td.LF a:hover { background: transparent url(../pics/petals/LF-on.gif) no-repeat top left; }
table#petalTable td.RA a {
	background: transparent url(../pics/petals/RA.gif) no-repeat top right;
	padding-right: 100px;
	padding-top: 20px;
	padding-bottom: 5px;
}
table#petalTable td.RA a:hover { background: transparent url(../pics/petals/RA-on.gif) no-repeat top right; }
table#petalTable td.RB a {
	background: transparent url(../pics/petals/RB.gif) no-repeat top right;
	padding-right: 100px;
	padding-top: 15px;
	padding-bottom: 7px;
}
table#petalTable td.RB a:hover { background: transparent url(../pics/petals/RB-on.gif) no-repeat top right; }
table#petalTable td.RC a {
	background: transparent url(../pics/petals/RC.gif) no-repeat top right;
	padding-right: 100px;
	padding-top: 12px;
	padding-bottom: 8px;
}
table#petalTable td.RC a:hover { background: transparent url(../pics/petals/RC-on.gif) no-repeat top right; }
table#petalTable td.RD a {
	background: transparent url(../pics/petals/RD.gif) no-repeat top right;
	padding-right: 95px;
	padding-top: 12px;
	padding-bottom: 20px;
}
table#petalTable td.RD a:hover { background: transparent url(../pics/petals/RD-on.gif) no-repeat top right; }
table#petalTable td.RE a {
	background: transparent url(../pics/petals/RE.gif) no-repeat top right;
	padding-right: 95px;
	padding-top: 0px;
	padding-bottom: 40px;
}
table#petalTable td.RE a:hover { background: transparent url(../pics/petals/RE-on.gif) no-repeat top right; }
table#petalTable td.RF a {
	background: transparent url(../pics/petals/RF.gif) no-repeat top right;
	padding-right: 95px;
	padding-top: 5px;
	padding-bottom: 5px;
}
table#petalTable td.RF a:hover { background: transparent url(../pics/petals/RF-on.gif) no-repeat top right; }
table#petalTable td a:hover {
	color: #FF6600;
}

#Wrapper #Page #tblDownloads {
	text-align:left;
}
#Wrapper #Page #tblDownloads tr {
	background-color:#FDDBB5;
	vertical-align:top;
}
#Wrapper #Page #tblDownloads tr.header {
	background-color:#EF7600;
}
#Wrapper #Page #tblDownloads td, #Wrapper #Page #tblDownloads th {
	padding:5px;
}