/*PAGE FORMATING*/

body {
		background-color:#FFFFFF;
	margin:0px;
}
body, p, ul, li{
	font-family:Verdana,Arial,sans-serif;
	color:#000;
	font-size:0.9em;
	line-height:1.3em;
	}
.pyroban-logo{text-align:left;padding:10px 0px 0px 20px;height:78px;}
.pyroban-tagline{text-align:right;padding:10px; font-size: 0.8em;vertical-align:middle;color:#333;}

.main-nav-bg{
border-bottom:1px solid #000000;
padding-left: 258px; /*238px + left margin of content */
height:25px;
width: 85%;
}

.main-nav-bg a { padding-right: 15px;font-size:0.9em;line-height:25px;font-family:Verdana,Arial,sans-serif;font-weight: bold;}

/* formats the date at the top of the page */
.date{
font-family:Arial, sans-serif;
color:#666666;
text-align:right;
padding:0px 10px 0px 0px;
background-repeat:repeat;
border-bottom:1px solid #000000;
}

#moveImages DIV {
	VISIBILITY: visible; WIDTH: 200px; POSITION: absolute; TOP: 0px; HEIGHT: 200px; BACKGROUND-COLOR: #ffffff
}

/*TEXT STYLING*/
h1{font-family:Arial,sans-serif;color:#000000;font-size:1.4em;line-height: 1.8em;}
h2{font-family:Arial,sans-serif;color:#000000;font-size:1.2em;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}

/*This creates the bolded text with red lines at the top and bottom*/
div.pullquote{
float:right;
width:140px;
color:#000;
border:solid #C40030;
border-width:1px 0;
font:bold 0.95em Arial,Helvetica,sans-serif;
padding:3px 0px 3px 5px;
margin:1px 0px;
text-align:left;
}

/*bottom of page copyright*/
.copyright{
text-align:right;
font-family:Arial,sans-serif;
font-size:0.7em;
color:#fff;
padding:3px 5px 3px 0px;
border-top:1px solid #777;
}


/*LINK STYLES*/
/*all links on the website follow these rules and colours*/
a:link{color:#C40030;text-decoration:none;}
a:visited {color:#C40030;text-decoration:none;}
a:hover{color:#3366FF;text-decoration:underline;}
a:active{color:#C40030;text-decoration:none;}

.rhs-content a img {border: none;}

/*just for the footer section*/
.footer-link{text-decoration:none;font-size:0.7em;}
.footer-link:link{color:#FFF;}
.footer-link.active{color:#FFF;}
.footer-link:visited{color:#FFF;}
.footer-link:hover{color:#C40030;text-decoration:none;}


/*CONTENT AREA STYLING*/


.lhs-content{margin:0px;background-color:#DCE1E7; vertical-align:top; width: 15%; } /* width 238px for background image */

/*this forjmats the right side and adds the grey fade that is visable*/
.rhs-content{
margin:0px;
border-left:1px solid #000000;
background-image:url(rhs-grey-fade-bg.jpg);
background-repeat:repeat;
width: 185px;
}

/*this give the red fade behind the lear about pyroban header*/
.rhs-header{
background:url(rhs-header-bg.jpg);
background-repeat:repeat-x;
color:#CCCCCC;
font-size:0.8em;
font-family:Arial,sans-serif;
text-align:left;
padding-left:10px;
font-weight:bold;
}

.rhs-grey-fade{
background-image:url(../images/rhs-nav-bg.jpg);
background-repeat:repeat;
}

/*FAQ and contact us formatting*/
.rhs-sub-header{
font-size:0.8em;
font-family:Arial,sans-serif;
font-weight:bold;
text-align:left;
color:#000000;
padding:20px 0 0px 0;
border-bottom:1px solid #ccc;
}

/*Right side formatting*/
.rhs-sub-content{padding:20px 0 0 0;font-size:0.8em;}

.rhs-sub-content p{font-size:0.8em;}

.listspacing, p.listspacing {line-height: 1.6em;}


/*Right side formatting*/
.rhs-sub-content,.rhs-sub-content ul,.rhs-sub-content li {
list-style-type:square;
margin-left:15px;
padding-right:0px;
}

/*################################
MAIN COPY - deals with the main copy you will be adding
################################## */
.main-content,.rhs-sub-content,.main-content p {
	font-family:Verdana,Arial,sans-serif;
	color:#000;
	font-size:0.9em;
	line-height:1.3em;
}

ul.menu
{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
}
ul.menu li
{
background-image:url(../common/list-bullet.gif);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:20px;
font-family:Verdana,Arial,sans-serif;
color:#000;
font-size:0.9em;
line-height:1.8em;
font-weight: bold;
vertical-align: middle;
}

table.menutable {
border-right: 1px dotted #6699CC;
background-color: #fafafa;
border-collapse: collapse;
border-spacing: 0px;
margin: 15px 0px;}



table.menutable th { 
border-bottom: 2px solid #618C0B;
border-right: 1px dotted #6699CC;
background-color: #E0E0E0;
text-align: center;
font-family: Arial, Verdana,sans-serif;
font-weight: bold;
font-size: 0.8em;
line-height:0.9em;
color: #404040;
padding:2px;
}

table.menutable td { 
border-bottom: 1px dotted #6699CC;
border-left: 1px dotted #6699CC;
font-weight: normal;
color: #404040;
background-color: white;
text-align: center;
padding: 5px 0px 5px 3px;
font-family:Verdana,Arial,sans-serif;
color:#000;
font-size:0.9em;
line-height:1em;
vertical-align: middle;
}

table.menutable td.systems {
	border-left: 1px dotted #6699CC; text-align:left; 
	} 
.style1 {font-size: 0.8em}


/* ################################
arranges the margins in the main content area
######################################*/
.main-content-box{
padding:10px 10px 30px 20px;
border-left:1px solid #000000;
min-width: 570px;
}

/*...I think this is pretty straight forward*/
.back-to-top{font-family:Verdana,Arial,sans-serif;font-size:10px;}

/*only used for the footer text in red */
.footer-header{
color:#C40030;;
}

.footer-content p{
padding:4px 0px 0px 20px;
font-size:11px;
vertical-align: middle;
height: 45px;
}

.footer-navigation{
font-family:Arial,sans-serif;
color:#FFFFFF;
padding:0px 0px 3px 5px;
border-top:1px solid #777;
}

.footer-box{
background-color:#E0E0E0;
height: 74px;
}

.footer-box-left{
border-right: 1px solid #000;
height: 74px;
width: 238px;
}

.footer-box-right{
height: 74px;
border-top:1px solid #000;
}




/*COLOR STYLING*/
/*background colours - and one border colour that is used for the outer table of the whole website*/
.black-bg{background-color:#000000;}
.white-bg{background-color:#FFFFFF;}
.grey-bg{background-color:#E0E0E0;}
.darkgrey-bg {background-color: #333333;}

.black-border{border:1px solid #000000;}


/*IMAGE STYLING*/

.caption-text{
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#777;
font-size:0.75em;
width:100%;
text-align: center;
}

.image-padding-right{
padding:0px 0px 10px 10px;
float:right;
}

.image-padding-left{
padding:0px 10px 10px 0px;
float:left;
}

.width125 {width: 125px;}
.width150 {width: 150px;}
.width175 {width: 175px;}
.width200 {width: 200px;}
.width225 {width: 225px;}
.widthauto {width: auto;}

hr {
	display: block;
position: relative;
padding: 0;
margin: 8px auto;
height: 0;
max-height: 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #AAA;
border-bottom: 1px solid #FFF;
font-size: 1px;
line-height: 0;
}