/* General Style */

* html .page {
height: 100%
}
html {
height: 100%;
overflow-y: yes;
overflow-x: hidden;
scrollbar-3dlight-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-highlight-color:#565656; 
scrollbar-shadow-color:#565656;
scrollbar-face-color:#232323; 
scrollbar-arrow-color:#ffff77;
scrollbar-track-color:#000000;
}
body {
height:100%;
background-color: #000000;
background-image:url(img/tile-bg.jpg);
background-repeat:repeat-x;
padding:0;
margin:0px;
text-align: center; 
}
.pagebg{
background-image:url(img/tile-page.jpg);
width: 974px;
margin:auto;
}
.page {
margin: 0px auto; 
width: 974px;
}
.left { 
background-image:url(img/tile-left.jpg);
vertical-align:bottom;
}
.right { 
background-image:url(img/tile-right.jpg);
vertical-align:bottom;
}
.nav { 
background-image:url(img/tile-nav.jpg);
vertical-align:bottom;
}
.flash { 
background-image:url(img/tile-flash.jpg);
vertical-align:middle;
text-align:center;
}
.noflash{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.noflash a:link, .noflash a:visited {
text-decoration: none;
color: #cccccc;
}
.noflash a:hover, .noflash a:active {
text-decoration: none;
color: #ffffff;
}
.homesubnav{
background-image:url(img/home-tile-subnav.gif);
text-align:right
}
.breadcrumb{
background-image:url(img/tile-breadcrumb-right.gif);
background-position:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
color: #c8c876;
vertical-align:top;
text-align:right;
padding:10px 37px 0px 0px;
}
.breadcrumb a:link, .breadcrumb a:visited {
font-size: 10px;
text-decoration: none;
color: #999999;
}
.breadcrumb a:hover, .breadcrumb a:active {
text-decoration: none;
color: #ffffff;
}
.subnav{
padding: 21px 0px 0px 25px;
border-left:solid 1px #000000;
background-image:url(img/tile-content.jpg);
background-repeat:repeat-x;
vertical-align:top;
text-align:left
}
.submenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #cccc66;
vertical-align:middle;
text-align:left;
}
.submenu a:link, .subnav a:visited {
font-size: 10px;
text-decoration: none;
color: #999999;
}
.submenu a:hover, .subnav a:active {
text-decoration: none;
color: #ffffff;
}
.content {
padding: 21px 25px 20px 0px;
border-right: solid 1px #000000;
background-image: url(img/tile-content.jpg);
background-repeat: repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color: #aaaaaa;
vertical-align: top;
text-align: left
}
a:link, a:visited {
font-size: 12px;
text-decoration: none;
color: #169dd1;
}
a:hover, a:active {
text-decoration: none;
color: #91e0fe;
}
.heading{
font-size:13px;
color: #cccc66;
letter-spacing: 1px;
font-weight: bold;
}
.subheading{
font-size:12px;
color: #cccc66;
letter-spacing: 1px;
}



ul { 
Margin-Left: 20px;
Margin-Top: 9px;
Margin-Bottom: 2px;
font : 12px Arial, Helvetica, sans-serif;
color : #aaaaaa;
}
li {
Margin-Left: 5px;
Margin-Top: 1px;
Margin-Bottom: 1px;
font: 12px Arial, Helvetica, sans-serif;
color : #aaaaaa;
}





/* Additional Styles */

/* Special Font Variation */
.bold { font-weight : bold; }
.italic {	font-style :  italic; }
.bolditalic { font-style :  italic; font-weight : bold; }
.justify { text-align : justify; }
.link { color : #000fff; }
.data { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #aaaaaa; }

/* Paragraph Spacing */
P {margin-top: 6px; }
P.10 {margin-top: 10px; }
P.15 {margin-top: 15px; }
P.20 {margin-top: 20px; }
P.30 {margin-top: 30px; }
P.40 {margin-top: 40px; }
P.50 {margin-top: 50px; }

/* Special Layouts */
td { font: 12px Arial, Helvetica, sans-serif; color : #aaaaaa; }
.box { border: 1px solid #cccccc; background-color: White; }
.tabox { border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #f8f8ff; border-right: 1px solid #f8f8ff; }
.pic { border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; 	border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; border-thickness: 1px ; margin-right: 0px; margin-bottom: 0px; }

/* Text and Headings */
.pageheader { font-family : Arial, Helvetica, sans-serif; font-size : 14px; color : #dcdcdc; font-weight :  bold; font-style : normal; }
.header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #aaaaaa; font-weight: bold; font-style : normal; }
.pagefooter { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #aaaaaa; font-weight :  bold; font-style : normal; }
.bodyvlge { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #aaaaaa; font-weight: bold; font-style : normal; }
.bodylge { font-family: Arial, Helvetica, sans-serif; color: #aaaaaa; font-size: 13px; font-weight: bold; font-style : normal; }
.bodybold { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #aaaaaa; font-weight :  bold; font-style : normal; }
.body { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #aaaaaa; font-style : normal; }
.bodysmall { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #aaaaaa; font-style : normal; }
.bodyvsmall { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : #aaaaaa; font-style : normal; }
.bodyvvsmall { font-family : Arial, Helvetica, sans-serif; font-size : 9px; color : #aaaaaa; font-style : normal; }

/* Coloured Text */
SPAN.blue { color : #0033ff; }
.blue { color : #0033ff; }
SPAN.blue-1 { color : #00008b; }
.blue-1 { color : #00008b; }
SPAN.black { color : #000000; }
.black { color : #000000; }
SPAN.gray { color : #777777; }
.gray { color : #777777; }
SPAN.green { color : #339900; }
.green { color : #339900; }
SPAN.red { color : #dc143c; }
.red { color : #dc143c; }
SPAN.silver { color : #c0c0c0; }
.silver { color : #c0c0c0; }
SPAN.tan { color : #d2b48c; }
.tan { color : #d2b48c; }
SPAN.teal { color : #008b8b; }
.teal { color : #008b8b; }
SPAN.white { color : #ffffff; }
.white { color : #ffffff; }
SPAN.yellow { color : #ffff00; }
.yellow { color : #ffff00; }
SPAN.orange { color : #ffaf02; }
.orange { color : #ffaf02; }

/* Page Objects */
.fieldtext {
vertical-align: middle;
border: 1px ridge #555555;
background-color: #242424;
font-family: Arial, Helvetica, sans-serif;
color: #eeeeee;
font-size: 11px;
font-weight: normal;
}
.fielddropdown {
vertical-align: middle;
border: 1px ridge #555555;
background-color: #242424;
font-family: Arial, Helvetica, sans-serif;
color: #eeeeee;
font-size: 11px;
font-weight: normal;
}
.fieldtextarea {
vertical-align: middle;
border: 1px ridge #555555;
background-color: #242424;
font-family: Arial, Helvetica, sans-serif;
color: #eeeeee;
font-size: 11px;
font-weight: normal;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-highlight-color:#565656;
scrollbar-shadow-color:#565656;
scrollbar-face-color:#232323;
scrollbar-arrow-color:#ffff77;
scrollbar-track-color:#242424;

}
.formbutton {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color : #294362;
font-size: 11px;
text-align : center;
cursor : hand;
border: 1px ridge #eaeaea;
}