/*----------------------------------
Name: joaglobal.css
Developed by: David Gilmour
Date Created: 2009
Copyright: doigman 2009
----------------------------------*/

/* Style
----------------------------------*/
body{
	color: #505367;
	background: #545454;
	background-image: url(../images/common/JOAsite_bkgd.gif);
	background-repeat:repeat-x;
	background-position: fixed center top;
}

body, p, td, th, li, ul{
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
}

/* neutralize browser spacing for vertical elements */
 h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}
	
p {
	font-size: 12px;
	color: #FFFFFF;
	
}

h1 {
	color:#B0562E;
	margin-left: 20px;
	width: 600px;
	font-size: 24px;
	line-height: 1.0;
	margin-top: 1em;
 	margin-bottom: .5em;
}

h2
{
	color:#FFFFFF;
	margin-left: 30px;
	font-size:16px;
	line-height: 1em;
	margin-top: 1em;
 	margin-bottom: .5em;
}

h3
{
	color:#69A8E1;
	margin:.825em 0 .5em 0;
	font-size:1.5em;
}

h4
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	margin-left:0px;
	list-style-type:none;
}

ol
{
	margin-left:0px;
	
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}


#container {
	width: 811px;
	text-align: left;
	border: 0px;
	height: auto;
	padding: 0px;
	margin-top: 7pt;
	margin-right: auto;
	margin-left: auto;
}
	
#logo {
	height: 140px;
	width: 140px;
	float: left;
	clear: left;
	background: #B0562E url(../images/common/JOAfinal_logo.gif);
}

/** Logo **/

#logo h1 {
	width: 140px;
	height: 140px;
	text-indent: -9999px;
	background: #B0562E url(../images/common/JOAfinal_logo.gif);
	margin: 0px;
}

#logo h1 a {
	cursor:pointer;
	display:block;
	width: 140px;
	height: 140px;
}

/* Nav
----------------------------------------*/

#nav_container {
	height: 62px;
	width: 664px;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	float: right;
	background: #000000;
	overflow: hidden;
		display:block;

}
#nav {
	width: 664px;
	height: 32px;
	margin: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	list-style: none;
}

#nav li {
	float: left;
	top: 0px;
}

#nav li a {
	height: 32px;
	width: 166px;
	display: block;
	text-indent: -50000px;
	text-decoration: none;
}
.address {
float: left;
	top: 0px;
height: 23px;
	display: block;
	text-indent: -50000px;
	text-decoration: none;
}

/* Nav Buttons
----------------------------------------*/

		/*ABOUT*/
		
		#nav #about {
			background-image:url(../images/common/about.png);
			background-repeat: no-repeat;
			background-position:left bottom;	
		}
		
		#nav #about:hover {
	background-position:left top;
	top: 0px;
		}
		
		/*PORTFOLIO*/
		
		#nav #portfolio {
			background-image:url(../images/common/portfolio.png);
			background-repeat: no-repeat;
			background-position:left bottom;	
		}
		
		#nav #portfolio:hover {
			background-position:left top;	
		}
		
		/*CONTACT*/
		
		#nav #contact {
			background-image:url(../images/common/contact.png);
			background-repeat: no-repeat;
			background-position:left bottom;
		}
		
		#nav #contact:hover {
			background-position:left top;	
		}
		
		/*HOME*/
		
		#nav #home {
			background-image:url(../images/common/home.png);
			background-repeat: no-repeat;
			background-position:left bottom;
		}
		
		#nav #home:hover {
			background-position:left top;	
		}
		


/* Address Bar
----------------------------------------*/
#adressbar {
	border: none;
	margin: 0 0 25 7;
	height: 445px;
	float: right;
	top: 0px;
	width: 664px;
	padding: 0px;
	background: #000000;
}


/* Left Nav Buttons
----------------------------------------*/
#leftmenu {
	display: block;
	float: left;
	clear: left;
	width: 140px;
	height: 360px;
	top: 0px;
	padding: 0px;
	left: 0px;
	text-align: left;
	background-image:url(../images/common/leftbarNav.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 7px;
}

#leftmenu li {
	float: left;
	top: 0px;
}

#leftmenu li a {
	height: 32px;
	width: 166px;
	display: block;
	text-indent: -50000px;
	text-decoration: none;
}

#leftmenu a:hover {
		background-position:-140px 0px;
		top: 0px;
		}
		



/*NEWS*/
		#leftmenu #news {
		width: 140px;
		background-image: url(../images/aboutbar/news_btn.png);
		background-repeat: no-repeat;
		background-position:left top;
		}
		
		#leftmenu #news:hover {
		background-position:-140px 0px;
		top: 0px;
		}
		#leftmenu #news.current {
		background-position:-140px 0px;
		top: 0px;
		cursor: default;

		}
		
		

/*PUBLICATION*/
		#leftmenu #pubs {
		width: 140px;
		background-image: url(../images/aboutbar/pubs_btn.png);
		background-repeat: no-repeat;
		background-position:left top;
		}
		
		#leftmenu #pubs:hover {
		background-position:-140px 0px;
		top: 0px;
		}
		#leftmenu #pubs.current {
		background-position:-140px 0px;
		top: 0px;
		cursor: default;


		}

/*SERVICES*/
		#leftmenu #serv {
		width: 140px;
		background-image: url(../images/aboutbar/services_btn.png);
		background-repeat: no-repeat;
		background-position:left top;
		}
		
		#leftmenu #serv:hover {
		background-position:-140px 0px;
		top: 0px;
		}
		#leftmenu #serv.current {
		background-position:-140px 0px;
		top: 0px;
		cursor: default;
}
		
		
		
		
/* Main Content
----------------------------------------*/

#content {
	border: none;
	margin: 0 0 25 7;
	height: 445px;
	float: right;
	top: 0px;
	width: 664px;
	padding: 0px;
	background: #000000;
}

#contentflash {
	border: none;
	margin: 0 0 25 7;
	height: 445px;
	float: right;
	top: 0px;
	width: 664px;
	padding: 0px;
}

.home_text  {
	margin-left: 30px;
	width: 600px;
	padding-top: 10px;
	font-size: 12px;
	margin-top: 20px;
	line-height: 1.5em;
	margin-top: 0em;
	margin-bottom: 0em;
}

.contact_text {
	margin-left: 30px;
	padding-top: 10px;
	width: 600px;
	font-size: 12px;
	margin-top: 20px;
	line-height: 1.5em;
	margin-top: 0em;
 	margin-bottom: 0em;
}


.contact_text a {color:#FFFFFF; font-size:12px; }
.contact_text a:hover { color: #B0562E; text-decoration: underline; }

#footer {
	margin-top: 10px;
	color:#333;
	font-size:11px;
	width: 99%;
	height: 20px;
	text-align: right;
	line-height: 20px;
	float: left;
	bottom: 0px;
	position: relative;
	padding-right: 10px;
}
#footer a {color:#333; font-size:11px;}
#footer a:hover { color:#000; text-decoration: underline;font-size:11px;	}