/* CSS Document by Ben Carew - www.illegal.com.au */

html {
	height:100%;
}

body {
	height:100%;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;
}	

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#231F20;
	margin-bottom:8px;
}

/* positioning divs */
/*
#outerouter {
	position:absolute;
	top: 50%;
	left: 50%;
	width:100%;
	height:730px;
	border-top:1px solid #58595B;
	border-bottom:1px solid #58595B;
	margin-top: -365px;
	margin-left: -50%;
}	

#outer {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 908px;
	height: 730px;
	margin-top: -365px;
	margin-left: -454px;
}
*/
#outerouter {
    height:730px;
    margin-top:15px;
    border-top:1px solid #58595B;
    border-bottom:1px solid #58595B;
}
 
#outer {
    position:relative;
    width: 908px;
    height: 730px;
    margin:auto;
}


#logo {
	position:absolute;
	top:26px;
	left:26px;
}

#tag {
	position:absolute;
	top:96px;
	right:30px;
}


#maincopy {
    position:absolute;
    left:29px;
    top:180px;
    width:423px;
}

.maincopy_staff
{
	position:absolute;
	left:29px;
	top:205px;
	width:423px;
}


#leftcolcontact {
	position:absolute;
	left:29px;
	top:205px;
	width:300px;
}

#rightcolcontact {
	position:absolute;
	left:420px;
	top:260px;
	white-space:nowrap;
}

a {
	color:#ed1c24;
}	
	

#homepagepic {
	position:absolute;
	top:184px;
	left:25px;
	width:860px;
	height:484px;
 
}

#homepictext {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#FFFFFF;
	font-size:1em;
	position:absolute;
	top:217px;
	left:56px;
	width:325px;
}	

#homepictext p {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#FFFFFF;
	font-size:1em;
}

#innerpagepic {
	position:absolute;
	left:25px;
	bottom:65px;
}

#innerpicbox {
	position:absolute;
	bottom:65px;
	left:374px;
	width:510px;
	height:285px;
	background-color:#034EA2;
}	

#innerpiccopy {
	position:absolute;
	left:20px;
	top:35px;
	width:425px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:.9em;	
}

#innerpiccopy p {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;	
}	

#littlepic {
	position:absolute;
	left:25px;
	bottom:65px;
}

#littlepiccopy {
	position:absolute;
	top:413px;
	left:53px;
	width:255px;
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#FFFFFF;
	font-size:2em;
}	

#footer {
	position:absolute;
	left:25px;
	bottom:25px;
	width:860px;
	height:26px;
	background-color:#58595B;
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#FFFFFF;
	font-size:.6em;
	text-align:right;
}

#footertext {
	position:absolute;
	top:5px;
	right:10px;
}	


/* Text styles */

h1 {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#034EA2;
	font-size:1.4em;
	font-weight:lighter;
	margin-bottom:-4px;
}	

h2 {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#FFFFFF;
	font-size:2em;
}	

h3 {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#034EA2;
	font-size:2em;
}	

h4 {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#000000;
	font-size:1.2em;
	font-weight:lighter;
	margin:0;
}

h5 {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#fff;
	font-size:.9em;
	font-weight:lighter;
	margin:0;
}	

.smlwhite {
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	color:#fff;
	font-size:.7em;
}	

/* MENU */

#wrapper {
	width:316px;
	height:26px;
	background-color:#939598;
	position:absolute;
	left:25px;
	top:143px;
	padding-left:540px;
}

#holdingpage {
	width:840px;
	height:115px;
	background-color:#939598;
	position:absolute;
	left:25px;
	top:135px;
	padding:10px;
}

#holdingpage a {
	color:#FFFFFF;
}	

#nav, #nav ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	font-family:"Century Gothic", AvantGarde, "Tw Cen MT", "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size:11px;
	position:relative; 
	z-index:200;
}

#nav {
	height:25px; 
	padding:0;
}


#nav table {
	border-collapse:collapse;
}

#nav li {
	float:left; 
	text-transform:uppercase;
	padding:0 20px 0 10px;	
}

#nav li li {
	float:none;
}

li.first {
	margin-top:10px;
}

#nav li li a.last {
	border-bottom:1px solid #939598;
}


/* IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	font-size:13px;
	display:block; 
	float:left;
	color:#58595B; 
	height:25px; 
	padding:0 7px 0 6px; 
	margin-left:-8px;
	margin-right:0;
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap;

}

#nav li li a {
	border:1px solid #939598;
	text-transform:none;
	font-size:11px;
	height:20px; 
	border-bottom: 0;
	line-height:20px; 
	float:none; 
	color:#6D6F71;
	background-color:#FFFFFF;
}

#nav li:hover {
	position:relative; 
	z-index:300; 
}

#nav li a:hover.white {
	color:#FFFFFF;
}	

#nav a:hover {
	position:relative; 
	z-index:300; 
	color:#034EA2;
}

#nav :hover ul {
	left:0; 
	top:22px;
}

/* hack for IE5.5 and IE6 */

#nav a:hover ul {
	left:-5px;
}

#nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}

/* it could have been this simple if all browsers understood */

/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {color:#fff;}
#nav li li:hover > a {font-weight:bold; color:#034EA2;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* Joel Signature */

#footer a {
    color:#FFFFFF;
}

#jsd {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#ccc;
    position:absolute;
    top:6px;
    left:10px;
}