@charset "utf-8";
/* CSS Document */

/* this section thanks to eric meyer of meyerweb.com */
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.2;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end section */


/* this section thanks to Marco Battilana of accessites.org

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx"></font>: Shouldnt be used.  CSS should dictate font attributes.
 2. <center>: Shouldnt be used. CSS should dictate horizontal alignment.
 3a. <div align="xxx"></div>
 3b. <p align="xxx"></p>
 3c. <table align="xxx"></table>: Shouldnt be used. CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 /* CSS Begin */
 font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/warning.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}
/* end section */



strong {font-weight:bold;}
h4 {font-weight:bold; font-size:13px;margin-bottom:6px;}





body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; background-color:#333333; }

a {color:#333333; text-decoration:none; font-weight:bold;}

#container { position:absolute; left:50%; width:800px; height:500px; top:50%; margin-top:-250px; margin-left:-400px; background:white; z-index:1; }
#innercontainer { position:absolute; left:50px; width:700px; height:308px; top:120px; margin-top:00px; background:white; z-index:1; }
.copyright { position:absolute; font-size:10px; left:20px; bottom:10px; width:150px; height:15px; z-index:20; }
.title { position:absolute; left:20px; top:20px; width:400px; height:40px; z-index:40; font-size:30px; }
.arafalogo { position:absolute; right:25px; top:8px; width:128px; height:75px; z-index:40; }
.strapline { position:absolute; right:25px; bottom:10px; width: 310px; height:30px; z-index:50; font-size:22px; }
.navcontainer { font-size: 13px; position:absolute; left: 22px; top: 70px; z-index:100; }
.left_box { position:absolute; left:0px; top:0px; }
.center_box { position:absolute; left:261px; top:0px; }
.right_box { position:absolute; left:522px; top:0px; }

.image {width:178px;height:178px;}
.image img { position:absolute; left:0px; top:0px; }
.cyc img { position:absolute; left:0px; top:0px; }
.logoscyc { width:178px; height:130px; float:right; }
.arafacyc { width:168px; height:266px; float:right; }
.logo { }

ul.nav {

}
#innercontainer p {margin-bottom:10px; font-size:12px; width:507px; }
img.right {float:right; margin-left:15px;}
ul.nav li {
	display:block;
	float:left;
	/*border:1px orange solid;
	*/padding:5px;
	background:#ffffff;
}
.invisible {
visibility:hidden;
display:none;
}