/*  links on black: #ff9933
links on white: #cc6600
BACKGROUND: #191919
*/



/* ********************** COMMON ELEMENTS *****************  */


body,html	{
	background-color:#191919; 
	font-family: arial, verdana, geneva, sans-serif; 
	font-size: 11px;
	margin:0;
	color: #666666;}
	
H1, H2, H3	{ FONT-FAMILY: Garamond, Times New Roman, times,serif;}
H1		{font-size: 24px; color: #ffffff;margin-top:0px;}
H2		{ font-size: 16px; color: #333;margin-top:0px;}
H3 		{font-size: 14px; color: #333;margin-top:0px;}

a:link, a:hover, a:active, a:visited   {text-decoration: none; background: transparent;outline:none;}
a:link    	{color: #666666;}
a:hover		{color: #cc6600;}
a:active   {color: #ff9933;}
a:visited   {color: #555555;}

span.plain a:link {color:#999;}
span.plain a:hover {color:#ff9933;}
span.plain a:active {color:#ff9933;}
span.plain a:visited {color:#999;}

#uberContainer	{
	margin:0 auto;
	width: 955px;
	height: 620px;
	padding: 0;
	text-align: left;
	background-color:#191919;
	z-index:0;
	margin-bottom:100px;
	/*border: 1px solid #00ff00;*/
}


#headersContainer {
	position:relative;
	left:0px;
	top:10px;
	width:955px;
	height:150px;
	z-index:50;
	/*border:solid 1px #ff0000;               this could extend lower for 4th sub menu */
}

#paula-allen-photography {
	position:absolute;
	left:0px;
	top:4px;
	width:557px;
	height:28px;
}

#home {
	position:absolute;
	left:812px;
	top:19px;
	width:34px;
	height:16px;
	z-index:20;
}

#home-o {
	position:absolute;
	left:812px;
	top:19px;
	width:34px;
	height:16px;
	z-index:21;
}
#bar1 {
	position:absolute;
	left:846px;
	top:19px;
	width:14px;
	height:16px;
}

#about {
	position:absolute;
	left:860px;
	top:19px;
	width:35px;
	height:16px;
	z-index:20;
}

#about-o {
	position:absolute;
	left:860px;
	top:19px;
	width:35px;
	height:16px;
	z-index:21;
}



#bar2 {
	position:absolute;
	left:895px;
	top:19px;
	width:14px;
	height:16px;
}

#contact {
	position:absolute;
	left:909px;
	top:19px;
	width:45px;
	height:16px;
	z-index:20;
}

#contact-o {
	position:absolute;
	left:909px;
	top:19px;
	width:45px;
	height:16px;
	z-index:21;
}


#linksContainer {                   /*delete this one eventually; identical to next */
	position:absolute;
	left:50%;
	margin-left:-391px;
	top:72px;
	width:783px;
	height:18px;
	text-align:center;
	z-index:2;
	/*border: solid 1px 00ff00;     this could move up for 4th sub menu*/
}


#photoLinksContainer {
	position:absolute;
	left:50%;
	margin-left:-428px;
	top:72px;
	width:783px;
	height:18px;
	text-align:center;
	z-index:2;
	/*border: solid 1px 00ff00;     this could move up for 4th sub menu*/
}

#subHeader {
	position:absolute;
	left:13px;
	top:28px;
	width:100px;
	height:18px;
	z-index:20;
}

#chile {
	position:absolute;
	left:0px;
	top:0px;
	width:37px;
	height:18px;
	z-index:20;
}

#chile-o {
	position:absolute;
	left:0px;
	top:0px;
	width:37px;
	height:18px;
	z-index:21;
}
#tilde1 {
	position:absolute;
	left:37px;
	top:0px;
	width:21px;
	height:18px;
}

#cuba {
	position:absolute;
	left:58px;
	top:0px;
	width:40px;
	height:18px;
	z-index:20;
}

#cuba-o {
	position:absolute;
	left:58px;
	top:0px;
	width:40px;
	height:18px;
	z-index:21;
}
#tilde2 {
	position:absolute;
	left:98px;
	top:0px;
	width:21px;
	height:18px;
}

#drc {
	position:absolute;
	left:119px;
	top:0px;
	width:49px;
	height:18px;
	z-index:20;
}

#drc-o {
	position:absolute;
	left:119px;
	top:0px;
	width:49px;
	height:18px;
	z-index:21;
}

#tilde3 {
	position:absolute;
	left:168px;
	top:0px;
	width:21px;
	height:18px;
}

#foxy {
	position:absolute;
	left:189px;
	top:0px;
	width:36px;
	height:18px;
	z-index:20;
}

#foxy-o {
	position:absolute;
	left:189px;
	top:0px;
	width:36px;
	height:18px;
	z-index:21;
}

#tilde4 {
	position:absolute;
	left:225px;
	top:0px;
	width:21px;
	height:18px;
}

#gavins {
	position:absolute;
	left:246px;
	top:0px;
	width:48px;
	height:18px;
	z-index:20;
}

#gavins-o {
	position:absolute;
	left:246px;
	top:0px;
	width:48px;
	height:18px;
	z-index:21;
}

#tilde5 {
	position:absolute;
	left:294px;
	top:0px;
	width:21px;
	height:18px;
	z-index:51;
}

#humanRights {
	position:absolute;
	left:315px;   
	top:0px;
	width:104px;
	height:18px;
	z-index:50;
	text-align:left;
}

#humanRights-o {
	position:absolute;
	left:315px;   
	top:1px;
	width:104px;
	height:18px;
	z-index:51;
	text-align:left;
}
	

#tilde6 {
	position:absolute;
	left:419px;
	top:0px;
	width:21px;
	height:18px;
	z-index:51;
}
	
#kenya {
	position:absolute;
	left:440px;
	top:0px;
	width:44px;
	height:18px;
	z-index:20;
	}
	
#kenya-o {
	position:absolute;
	left:440px;
	top:0px;
	width:44px;
	height:18px;
	z-index:21;
	}
	
#tilde7 {
	position:absolute;
	left:484px;
	top:0px;
	width:21px;
	height:18px;
}
	
#kosovo {
	position:absolute;
	left:505px;
	top:0px;
	width:52px;
	height:18px;
	z-index:20;
}

#kosovo-o {
	position:absolute;
	left:505px;
	top:0px;
	width:52px;
	height:18px;
	z-index:21;
}

#tilde10 {
	position:absolute;
	left:557px;
	top:0px;
	width:21px;
	height:18px;
}

#mother {
	position:absolute;
	left:578px;
	top:0px;
	width:54px;
	height:18px;
	z-index:20;
}

#mother-o {
	position:absolute;
	left:578px;
	top:0px;
	width:54px;
	height:18px;
	z-index:21;
}

#tilde8 {
	position:absolute;
	left:631px;
	top:0px;
	width:21px;
	height:18px;
	z-index:51;
}

#newOrleans {
	position:absolute;
	left:652px;
	top:0px;
	width:97px;
	height:18px;
	text-align:left;
	z-index:20;
}

#newOrleans-o {
	position:absolute;
	left:652px;
	top:0px;
	width:97px;
	height:18px;
	text-align:left;
	z-index:21;
}


#tilde9 {
	position:absolute;
	left:749px;
	top:0px;
	width:20px;
	height:18px;
	z-index:51;
}

#windwalker {
	position:absolute;
	left:769px;
	top:0px;
	width:88px;
	height:18px;
	z-index:20;
}

#windwalker-o {
	position:absolute;
	left:769px;
	top:0px;
	width:88px;
	height:18px;
	z-index:21;
}


/* **************************** PAGES **********************  */


#homeMainImageContainer	{
	position:relative; 
	left:50%; 
	margin-left:-313px; 
	top:20px; 
	z-index:50;
	width:628px; 
	height: 600px;
	/*border: solid 1px #ff0000;*/
}

#subImagesContainer	{
	position:relative; 
	left:50%; 
	margin-left:-360px; 
	top:10px; 
	z-index:48;
	width:730px; 
	height: 450px;
	/*border: solid 1px #ff0000;*/
}

#sixThumbs	{
	position:absolute;
	left:0px;
	top:0px;
	width:52px;
	height:402px;
	border: dotted 0px #ff00ff;
}

.thumbnail	{
	position:relative;
	top:0px;
	left: 0px;
	width: 52px;
	height:70px;
	}

#mainImage	{
	position:absolute;
	left: 95px;
	top:0px;
	width: 632px;
	height:448px;
	/*border: solid 1px #ffff00;*/
}

#navArrows	{
	position:absolute;
	bottom: -30px;
	left:0px;
	width:50px;
	text-align:center;
	border: dotted 0px red;
}

#caption	{
	position:relative; 
	top:0px;
	left:0px;
	text-align:left;
	margin-top:12px;
	color:#777777;
}

.caption-hi	{
	color:#999;
	font-size:13px;
}

.bordered1	{
	border: solid 1px #666666;
}
.bordered2	{
	border: solid 2px #666666;
}

#mainText	{
	position:absolute;
	left: 95px;
	top:0px;
	width: 592px;
	height:360px;
	color:#666;
	font-size:13px;
	line-height:18px;
	background-color:#eeeeee;
	overflow:auto;
	padding:25px 20px 20px 20px;

}


#contactContainer	{
	position:relative;
	left:50%
	margin-left:-478px;
	top:10px;
	width:955px;
	height:600px;
	z-index:0;
	/*border: solid 1px #ff0000;*/
}

#contactImage	{
	position:relative; 
	left:50%;
	margin-left:-416px;
	top:40px;
	width:439px;
	color:#ccc;
	/*border: solid 1px #fff;*/
	z-index:50;	
}

#contactBox	{
	position:relative; 
	left:50%; 
	margin-left:60px;
	top:-296px; 
	width: 600px;
	height:400px;
	color:#ccc;
	font-size:14px;
	line-height:18px;
	/*border: solid 0px #000;*/
	z-index:50;
}

#biographyContainer	{
	position:relative; 
	left:50%;
	margin-left:-407px;
	top:10px; 
	width: 817px;
	height:500px;
	z-index:0;
	border: dotted 1px #999;
	background-color:#eeeeee;
	background-image: url(/images/bioBG11.jpg);
}

#biographyBox	{ 
	position:relative;
	top:0px;
	left:0px;
	width: 707px;
	height:390px;
	padding: 30px 50px 40px 60px;
	color:#666;
	font-size:13px;
	line-height:18px;
	z-index:50;
	overflow:auto;
}

#swfContainer	{
	position:relative; 
	left:50%; 
	margin-left:-459px; 
	top:11px; 
	height:600px;
	z-index:50;
}

/* **************************** MENU  ***************** */

.menu {width:104px; height:20px; position:relative; top:1px;z-index:50;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:104px;}

/* float the list to make it horizontal and a relative position for control of the dropdown menu position */
.menu li {float:left;width:104px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#cc6600; width:104px; height:20px; background:#191919; padding-left:0px; line-height:10px;}

/* hide the sub levels and give them an absolute position so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:104px;border-top:1px solid #191919;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#191919; color:#ffffff; height:auto; line-height:13px; padding:0px 0px 5px 0px; width:104px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#cc6600; background:#191919;}
.menu :hover > a, .menu ul ul :hover > a {color:#cc6600;background:#191919;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }