/*MASTER 247 Cascading style sheet Copyright 2007for Transcor */

body{background:url(images/contentbackrepeat.png) repeat-y;color:#000;  /*EOEOEO;*/font-size: 10pt;font-family: Verdana, Arial, sans-serif;margin:0;padding:0;text-align:left;width:670px; height: 100%;}

P{font-size: 10pt;margin: 1em 0 1em 0;  /*to add spacing above and below p*/}
P.red{font-variant: none;color: #FF0000;}
P.redsmall{color: #FF0000;font-size: 7pt;}
P.redbig{color: #FF0000;Font-Size: 12pt;font-weight: bold;}
P.big{Font-Size : 12pt;}
P.small{Font-Size : 8pt;}
p.sevenpt{Font-Size: 7pt;margin-bottom: 2em;text-align: center;margin-left:60px;margin-right:60px;}
P.leading{color: #FF0000;Font-Size: 10pt;font-weight: bold;line-height: 1.5;}
P.introred{line-height: 1.2em;font-size: 9pt;color: #FF0000;Font-Weight : bold;}
P.intro{line-height: 1.5em;font-size: 10pt;color: #000;Font-Weight : bold;font-style:italic;}

B{Font-Weight : bold;}
B.red{Font-weight : bold;Color : #FF0000;}
B.big{Font-Size : 11pt;Font-weight: bold;Color : #000000;}

/* Main heading at top of pages*/
H1{color:#000000; font-size: 11pt;font-weight:bold;text-transform: uppercase;text-decoration: normal;font-style : normal;border-color:#FF0000;border-style:solid;border-bottom-width:2px; border-top-width:0px;border-left-width:0px;border-right-width:0px;padding-bottom:0;letter-spacing:+.5px;margin: 1em 0  -8px; 0; }
H1.red{color: #FF0000;text-transform: uppercase;border-color:#000000;}
H1.lower{color: #000000;text-transform: none;}
H2{Font-Size : 10pt;Color : #000000;text-transform: uppercase;text-transform: none;text-decoration: underline;margin: 1em 0  -8px; 0;  /*to remove leading under heading*/}
H2.red{Font-Size : 10pt;Color : #FF0000;text-transform: none;text-decoration: underline;}
H2.lower{color: #000000;text-transform: none;}
H3{Font-Size : 9pt;Color : #000000;text-transform: uppercase;text-decoration: underline;margin: 2em 0  -7px; 0; } /*to remove leading under heading*/
H3.red{color: #FF0000;text-transform: none;}
H3.lower{color: #000000;text-transform: none;}

/*H4,5,6 are all used for sub-headings*/
H4 {font-size: 10pt;Color:#000000;text-transform: normal;text-decoration: underline;margin: 2em 0  -8px; 0;}
H4.red {font-size: 10pt;Color:#FF0000;text-transform: normal;text-decoration: underline;}

/* subhead with line length of cell*/
H4.xline{Color : #000000;font-size: 10pt;font-weight:bold;text-transform: uppercase;text-decoration: normal;Font-Style : normal;border-color:#FF0000;border-style:solid;border-bottom-width:0px;border-top-width:2px;border-left-width:0px;border-right-width:0px;margin: 2em 0  2px; 0; }
H5{font-size: 9pt;Color:#000000;text-transform: normal;text-decoration: underline;margin: 2em 0  -7px; 0; }
H5.red{Font-Size : 9pt;Color : #FF0000;text-transform: capitalize;text-decoration: underline;}
H6{Font-Size : 8pt;Color : #000000;text-transform: normal;text-decoration: underline;margin: 2em 0  -6px; 0;  }

UL{Font-Variant : normal;Font-Size : 9pt;List-style-type:square;line-height:2em;margin-left: 45px;margin-top: -.1em;}
OL{Font-Variant : normal;Font-Size : 9pt;List-style-type: disc;line-height:1.2em;margin-left: 15px;}
li.intro{margin-bottom: 0px;line-height: 1.5;font-size: 9pt;color: #FF0000;Font-Weight : bold;List-style-image:url("images/bulletsquare.gif");}
.contenttext li{margin-bottom: 0px;line-height: 1.3em;font-size: 9pt;color: #000000;Font-Weight : normal;margin-top:.8em;List-style-image:url("images/bulletsquare.jpg");}

TABLE{ background-color: transparent; empty-cells: show; margin: 0 0 0 0; padding: 0 0 0 0;  }
TH{Font-Variant :  normal;Font-Size :  10pt;Font-Weight :  bold;Font-Style :  normal;}
TD.big{Font-Size : 11pt;Font-Style : normal;}
TD.xsmall{Font-Size : 7pt;Font-Weight: normal;Font-Style: normal;}

/*---------------------------------------------------------------------------*/
html>body #blankframe {background: #BEBEBE;  margin: 0 0px 0 0px;}
#blankframe {background: #BEBEBE;  margin: 0 0px 0 0px;}

/*------MAIN CONTENT BOX ------------------------------*/
.content p, .contenttext p{margin-left: 0px;}
.content{margin-top: 0px;margin-right: 0px;margin-bottom: 0px;;margin-left: 0px;padding-top:0;padding-right:0;padding-bottom: 0px;padding-left: 0;width: 670px;height:auto;  /*leave for reptition*/}
.contenttext{width: 650px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;;margin-left: 0px;padding-top:0;padding-right:0;padding-bottom: 0px;padding-left: 0;height:auto;  /*leave for reptition*/}
.contentpics table{position: absolute;top:375px;left:15px;width: 625px;border: solid 0px;margin: 0 0 0 0px;padding: 0 0 0 0px;}
.contentpics td{border: solid 0px;margin: 0 0 0 0px;padding: 0px;border-spacing:3px;}
.contentpics img{border: solid 1px;border-color:#FF0000;margin: 0 0 0 0px;padding: 0 0 0 0px;}
.contentpics td.bestview {font-size:7pt;text-align:center;padding: 0 0 0 0px;}
.contenttext p.dedicated{line-height:1.9em;font-weight:bold;width:500px;margin-left:85px;}
#dynloadarea img{border: solid 0px;color:#FFffff;margin: 0 0 0 0px;padding: 0 0 0 0px;}

/*==== CENTERING OF A DIV with an outer frame AND THEN CLEAR AFTER THE DIV =======but div cannot be more than 50 percent wider than the outer div.*/
/* TOP PIC  WRAPPER DIV */
.toppic{width:288px;height:220px;background:url(images/picback.gif) no-repeat;position:relative;left:30%;float:left;clear:both;margin:0px 0 0 0;padding-top:25px;}

/* OUTER WRAPPER DIV */
.xouter{position:relative;left:50%;float:left;clear:both;margin:10px 0;text-align:left;}

/*INNER DIV WITH CONTENTS*/
.xinner{border:1px solid #00ff00;padding:10px 10px 10px 10px;position:relative;left:-50%;text-align:center;}

/* USE THIS TO CLEAR ON A BR AFTER THE DIV OTHERWISE FOLLOWING TEXT MOVES UP BEHIND DIV ---*/
.clr{clear: both;}

/* END OF CENTERING OF A DIV -----------------------*/


/*----------------- TABLE - PICS THIN GREY OUTLINE OFFSET FROM A PIC IN A TD CELL ------------------- */
.contenttext td.picframe, .contenttext table.picframe{margin: 0 0 0 0px;display:table-cell;border-style:solid;border-width:1px;border-color:#F00;  /*red*/padding-top:10px;padding-right:15px;padding-bottom: 10px;padding-left:15px;Font-Family: Verdana, Arial, SansSerif;Font-Size : 9pt;font-variant: small-caps;text-align:center;vertical-align: middle;}

/* BORDER AROUND IMAGES - ALL IMG FILES*/
img.bord {margin-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-style:solid;border-color:#000000; /*black*/border-width:1px;}

/* NO BORDER AROUND IMAGES - ALL IMG FILES*/
img.nobord {margin-width:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-style:solid;border-width:0px;}
/* ----------------------- end of content styles ---------------------------------- */

/* ----------------------------- Main Footer in a table at bottom or every page ----------------------------------- */
.footline td{  inherit: none;  color: #FF0000;/*RED*/  font-size: 8pt;  font-weight:normal;  font-variant: small-caps;  font-family: Verdana, Arial;  border-color:#000;  border-style:solid;  border-top-width:2px;  /*blue line*/  border-bottom-width:0px;  border-left-width:0px;  border-right-width:0px;  padding: 3px 0 3px 0;}/*HEIGHT OF THE CELL I.E. THE COLOURED BOX*/
.footlinecontainer {display: block;font-family: Verdana, Arial, Helvetica, sans-serif;font-variant: small-caps;color: #FF0000;border: none;width:650px; }
.footline table{padding:0;margin:0;width:650px;}
/* END OF BOTTOM MENU LINKS --------------------------------------------------------------------- */

.contentpics a:link img {border:solid 1px rgb(255,0,0);}
.contentpics a:visited img {border:solid 1px rgb(255,0,0);}
.contentpics a:hover img {border:solid 1px rgb(0,0,255);}
.contentpics a:active img {border:solid 1px rgb(255,0,0);}

.content a:link{color: #0000FF;  text-decoration: underline;}
.content a:hover{color: #0000FF;  text-decoration: underline;}
.content a:visited{color: #0000FF;text-decoration: underline;}

/*.content a:focus {outline-style: dotted;outline-width: 1;outline-color: #FFFFFF;background-color: #FFFFFF;}/*this avoids having image replacement sections display a dotted outline*/*/
/*.content a:focus { -moz-outline-style: none; -moz-outline-color: #FFF;}/*mozilla this avoids having image replacement sections display a dotted outline*/*/


/*----ALL LINKS AND HOVERS*/
.footlinecontainer a:link {display:block; color: #FF0000;padding: 3px 3px 3px 3px;text-decoration: none;background-color: #cccccc;font-variant: small-caps;}
.footlinecontainer a:hover {display:block; color: #0000ff;padding: 3px 3px 3px 3px;text-decoration: underline;background-color: #cccccc;font-variant: small-caps;}
.footlinecontainer a {display:block; color: #FF0000;padding: 3px 3px 3px 3px;text-decoration: none;background-color: #cccccc;font-variant: small-caps;}