/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for RAF90 website

Created by:	Lorraine Humm lorraine@divine-creations.com
			
================================================================
*/

/*-- IE6, Firefox 1.5 --*/
/*-- © Divine-Creations.Com Limited 2006 --*/

body {
	margin: 0;
	padding: 0;
	background-color: #54616E;
	background-image: url(../images/structure/tile.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	}

h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #062a5e;
	margin-top: 7px;
	margin-bottom: 5px;
	}
h2 {
	font-size: 1em;
	font-weight: bold;
	}
p {margin: 6px 10px 8px 0; font-size: 0.9em;}
a, a:link, a:visited {color: #0a387b;}
a:hover {color:#1855ae;}

/*-- containers --*/
#container {
	background-image:url(../images/structure/pagetile.gif);
	background-repeat: repeat-y;
	width: 900px; /*940*/
	padding:0 20px 0 20px;
	margin: auto;
	}
#wrapper {
	background-color: #FFFFFF;
	width: 860px; /*900*/
	padding:0 20px 0 20px;
	margin: auto;
	}
#topbar {
	width: 860px;
	height: 100px;
	background-image: url(../images/logos/logos.gif);
	background-position: 1px 21px;
	background-repeat: no-repeat;	
	float: left;
	}
#text {
	width: 857px;
	height: 19px;/*--21--*/
	padding: 2px 3px 0px 0px;
	text-align: right;
	background-image: url(../images/structure/topbar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 0.8em;
	float: left;
	}
#mast {
	width: 860px;
	height: 165px;
	background-repeat: no-repeat;
	margin: 1px 0 1px 0;
	float: left;
	}
	
.one { background-image:url(../images/structure/mast_1.jpg);}
.two { background-image:url(../images/structure/mast_2.jpg);}
.three { background-image:url(../images/structure/mast_3.jpg);}
.four { background-image:url(../images/structure/mast_4.jpg);}
.five { background-image:url(../images/structure/mast_5.jpg);}
.six { background-image:url(../images/structure/mast_6.jpg);}
.seven { background-image:url(../images/structure/mast_7.jpg);}
.eight { background-image:url(../images/structure/mast_8.jpg);}
.nine {	background-image:url(../images/structure/redarrows.jpg);}

#lowerwrap {
	margin:0px;
	float: left;
	}
#footer {
	background-image:url(../images/structure/footbar.gif);
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
	height: 18px; /*21*/
	padding-top: 3px;
	font-size: 0.8em;
	}
	
/*-- portal definitions --*/

#leftcol {
	width: 250px;
	float: left;
	}
#leftcol h2 {
	width: 240px; /*-- 250 --*/
	height: 20px; /*-- 25 --*/
	padding: 5px 5px 0px 5px;
	margin: 0;
	background-color:#b2b2b2;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 0.8em;
	color: #FFFFFF;
	}
#leftcol h2 a {color: #FFFFFF; text-decoration: none;}
.img {
	margin: 0px 5px 0px 0px;
	}
.stripes {
	background-image:url(../images/structure/greytile.jpg);
	}
.portalinner {
	padding: 5px 0 0 5px;
	float: left;
	}
.portalinner p {margin-top: 0px;}

#rightcol {
	width: 600px;
	float: left;
	}

/*--holds 3 portal boxes --*/

#boxpos {height: 140px;}
#boxpos p {margin: 3px;}

/* individual portal box styles and definitions --*/

.boxleft {
	width: 190px;
	float: left;
	margin-right: 5px;
	border: 1px solid #8f8f8f;
	background:url("../images/structure/box1.gif") top left no-repeat;
	}
.boxmid {
	width: 190px;
	float: left;
	margin-right: 5px;
	border: 1px solid #8f8f8f;
	background:url("../images/structure/box2.gif") top left no-repeat;
	}
.boxright {
	width: 190px;
	float: left;
	margin-right: 5px;
	border: 1px solid #8f8f8f;
	background:url("../images/structure/box3.gif") top left no-repeat;
	}
.boxleft h2, .boxmid h2, .boxright h2  {
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	height: 30px;
	}
	
/*--targets have slight dither variations--*/

.boxleft h2 a {background-image:url(../images/structure/target1.gif)}
.boxmid h2 a {background-image:url(../images/structure/target2.gif);}
.boxright h2 a {background-image:url(../images/structure/target3.gif)}

.boxleft h2 a, .boxmid h2 a, .boxright h2 a {
	padding-left: 28px;
	color: #FFFFFF!important;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 25px;
	display: block;
	height: 23px;
	}
	
.boxleft h2 a:hover, .boxmid h2 a:hover, .boxright h2 a:hover {
	background-position: 0px -23px;
	}
	
.boxleft h2 a:visited .boxmid h2 a:visited, .boxright h2 a:visited {color: #FFFFFF;}

/*-- navigation --*/

#navwrap {
	width: 860px;
	height: 29px;
	background-image:url(../images/structure/nav.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	float: left;
	}

#nav {
	padding: 0;
	margin: 0;
	}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#nav li {
	list-style: none;
	float: left;
	padding: 0px;
	width: auto;
	margin: 0;
	}
	
#nav a {
	display: block;
	border-right: solid #fff 1px;
	color: #000;
	text-decoration: none;
	padding: 0.5em 0.8em 0.35em 0.7em;
	margin: 0.4em 0em 0.3em 0em;
	vertical-align: middle;
	}
	
#nav a.last {border-right: none;}
#nav a:hover {background-color: #ceced1;}

/*-- targets nested ul --*/

#nav li ul {
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 10em;
	font-weight: normal;
	border-width: 0.2em;   
	margin: 0;
	}

/*-- targets nested li --*/

#nav li li {}
#nav li li a {
	width: 15em;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0.25em 1em 0.35em 1em;
	background-color: #fff;
	text-align: left;
	}
#nav li li a:hover {}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {}

/*-- Sample Spread pages --*/
.samplehold {
	float: left;
	margin-bottom: 10px;
	}
.samplespread {
	border: 2px solid #ccc;
	padding: 3px;
	float: left;
	margin-right: 4px;
	}
.pdf a {
	background:url("../images/icons/pdf.jpg") top left no-repeat;
	padding-left: 22px;
	display: block;
	height: 22px;
	margin-left: 440px;}
.newwindow a {
	background:url("../images/icons/newwindow.jpg") top left no-repeat;
	padding-left: 22px;
	display: block;
	height: 22px;
	margin-left: 440px;}
.page {width: 100%; margin: auto; text-align: center; color: #999999; font-weight: bold;}
.page a, .page a:link, .page a:visited {color:#FFFFFF;}
.page a:hover {text-decoration: underline; color: #CCCCCC;}

/*-- table --*/
.list {width: 100%}
.list td {width: 33%; }
.list td ul {margin: 0; padding: 0;}
.list td li {margin: 0 0 4px 15px; padding: 0;}
.list th {text-align: left; background-color:#032b5c; color: #FFFFFF; padding-left: 3px;}

/*-- text styling --*/
.quotation {
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	text-align: right;
	margin-right: 10px;
	}
html { height: 100%; margin-bottom: 1px; }

.newwindowurl {
	background:  url("../images/icons/newwindow.gif") no-repeat 0px 2px;
	padding-left: 15px;
	}
.newwindowrev {
	background:  url("../images/icons/newwindowrev.gif") no-repeat 0px 2px;
	padding-left: 15px;
	}
	
/*-- FORM CLASSES --*/

#OrderForm {
	width: 100%;
	}
#OrderForm th {
	text-align: left;
	padding: 1px;
	font-weight: normal;
	}
#OrderForm td {
	padding: 1px;
	font-weight: normal;
	}

#error{
	display:block;
	color:#990000;
	}

#hide{
	display:none;
	}
	
pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	}