/* CSS Document: linked from amcom.htm */

body {
background: url("amcomb.jpg") #4f6e8f repeat-x;
}

#outerWrapper #contentWrapper {
background: url("news.jpg") no-repeat scroll top;
margin-top: 20px;
}

/* Left column content. */
#outerWrapper #contentWrapper #leftColumn {
background: url("newslcb.jpg") #fff no-repeat scroll bottom;
/*background-color: #fff;*/
margin: 260px 0px 0px 50px;
padding: 10px 20px 10px 20px;
width: 460px;
float: left;
}

/* ShareIt = AddThis button, override base hover */
#outerWrapper #contentWrapper #shareIt {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#outerWrapper #contentWrapper #shareIt a:hover {
background-color: transparent;
}

/* Right column content. */
#outerWrapper #contentWrapper #rightColumn {
background: url("newsrcb.jpg") #fff no-repeat scroll bottom;
/*opacity:0.5;*/
margin: 10px 50px 0px 20px;
padding: 10px 20px 10px 20px;
width: 340px;
float: left;
}

#outerWrapper #contentWrapper #rightColumn #newsMediaPlayer {
background: url("newsmp.gif") no-repeat;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 10px;
height: 460px;
}

#outerWrapper #contentWrapper #rightColumn #eyes {
background: url("newseyes.jpg") no-repeat;
margin: 0px 0px 0px 0px;
padding: 170px 0px 0px 0px;
}

#outerWrapper #contentWrapper .clearFloat {
clear: both;
}

hr {width: 75%;
text-align: right;/*this will align it for IE*/
margin: 20px 0 3px auto; /*this will align it right for Mozilla*/
padding: 0px;
height: 0px;
border: 0px;
border-top: 1px solid #4f6e8f;
}

/* TESMENU START */
.tesMenu {
color: #4f6e8f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:100%;
}

.tesMenu ul {
margin: 0;
padding: 0;
text-align: left;
overflow: hidden;
}

.tesMenu ul li {
display: block;
}

.tesMenu ul li a {
color: color: #4f6e8f;
margin: 0;
padding:0;
text-decoration:none;
}

.tesMenu ul li a:hover {
background: #4f6e8f;
color: #eee;
}
/* TESMENU END */

/* OVERLAY START */
div.overlay {
/* growing background image */
background-image:url(http://www.arielm.org/images/white.png);
/* dimensions after the growing animation finishes  */
width:720px;
height:520px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely  */
padding:50px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
background-image:url(http://www.arielm.org/images/close.png);
position:absolute;
right:10px;
top:10px;
cursor:pointer;
height:35px;
width:35px;
}

/* black */
div.overlay.black {
background:url(http://www.arielm.org/images/black.png) no-repeat !important;
color:#fff;
}

/* petrol */
div.overlay.petrol {
background:url(http://www.arielm.org/images/petrol.png) no-repeat !important;
color:#fff;
}

div.black h2, div.petrol h2 {
color:#ddd;
}

/* use a semi-transparent image for the overlay */
#overlay {
background-image:url(http://www.arielm.org/images/white.png);
color: #4f6e8f;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
height: 500px;
padding: 20px;
overflow-y:auto;
}
/* OVERLAY END */

/* NEWSTABS START */
#newsTabs {  
margin:0 !important; 
padding:0;
width:460px;
height:30px !important;
}

#newsTabs li { 
float:left; 
margin:0; 
padding:0; 
text-indent:0; 
list-style-type:none;
}

/* every tab uses the same background image */
#newsTabs li a { 
display: block;
height: 30px;  
overflow: hidden; 
text-indent: -5000px; 
width: 110px;
background: url(newstabs.jpg) no-repeat;
padding:0px;
margin:0px;
}

#newsTabs a.current{ 
cursor:default;
}

/* adjust the background image position on each tab */
#newsTabs #tab1 { background-position: 0 0; width: 120px; }
#newsTabs #tab2 { background-position: -120px 0; }
#newsTabs #tab3 { background-position: -230px 0; }
#newsTabs #tab4 { background-position: -340px 0; width: 120px; }
 
#newsTabs #tab1:hover { background-position: 0 -30px; width: 120px; }
#newsTabs #tab2:hover { background-position: -120px -30px; }
#newsTabs #tab3:hover { background-position: -230px -30px; }
#newsTabs #tab4:hover { background-position: -340px -30px; width: 120px; }

#newsTabs #tab1.current { background-position: 0 -30px; width: 120px; }
#newsTabs #tab2.current { background-position: -120px -30px; }
#newsTabs #tab3.current { background-position: -230px -30px; }
#newsTabs #tab4.current { background-position: -340px -30px; width: 120px; }

/* panes */
#newsPanes {
background: url(newspanes.jpg) no-repeat;
width:460px;
margin:0px 0px 20px 0px;
}

/* single pane */
#newsPanes div {
display:none;
margin:0px 0px 0px 0px;
padding: 0px 10px 10px 190px;
border-right: 1px solid #4f6e8f;
border-bottom: 1px solid #4f6e8f;
border-left: 1px solid #4f6e8f;
}

/* NEWSTABS END */

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

.vertSpace {
margin-top: 20px;
}