/* IAM.css
 * used to format Internet-art-marketing main subscriber site
 $Date: 2008-02-19 23:22:03 -0500 (Tue, 19 Feb 2008) $
 $Rev: 408 $
 $Author: alan $
 Copyright SIME Corp, 2002-2005
 */
 
/* main body now has graphic in upper left corner for banner with title */
body {
color: #000000;
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(images/bannerIAM.jpg);
background-repeat: no-repeat;
}

/* comment out display line to enable counters */
object#Production {
/*display: none;*/
}

#BodyContentArea {
position: static;
top: 0em;
left: 0em;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}

/* tollFree is the field showing the toll free text and number */
#TollFree {
position: absolute;
top: 20px;
left: 70%;
background-color: #ffffff;
border: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;}

/* left nav is the navigation area floated on the left */
#LeftNav {
margin: 70px 0em 10px 10px;
width:150px;
font-size: .8em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
float: left;}

/* right nav is the navigation area floated on the right */
#RightNav {
width:150px;
font-size: .8em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
float: right;
margin-top: 70px;
margin-right: 10px;}

#PageTitle {
font-size: 1em;
font-weight: bold;
margin-bottom: .5em;
margin-top: 90px;
margin-left: 175px;
text-align:center;}

#ContentArea {
font-size: .8em;
margin-left: 185px;
margin-right: 185px;
}

#Column1 {
margin-top: 0em;
width: 45%;
float: left;}

#Column2 {
width: 45%;
float: right;
}


/* area below title that contains menu and content */

#Footer {
text-align: center;
color: #000000;
font-size: x-small;
margin-top: .5em;
position: static;}


/* next is the catalogs and thier sub compinents
 * catalogs are ade up of a list of Catalog blocks, each with thumbnail and short description */
#Catalogs {
background-color: #ffeaa5;
border: 1px #000000 solid;
color: #000000;
}

#Catalogs img {
float: left;
margin: .5em;
border-width:0;}

#Catalogs p {
padding-left: .5em;
font-size: 1em;
padding-right: .5em;
padding-bottom: .5em;
padding-top: .2em;
margin: 0em;}

#Catalogs h1{
text-align: center;
font-weight: bold;
font-size: 1.2em;
padding-top: .2em;
margin: 0em;}

#Catalogs a {
text-decoration: none;
color: #000000;
display:block;
width:100%;}

#Catalogs a:hover {
background: #ccb94a;
color: #000000;
width:100%;
}

#Catalogs a:active {
background: #ccb94a;
color: #000000;
width:100%;
}

#Catalogs a.CurMenu {
background: #ccb94a;
color: #000000;
width:100%;
}


/* testimonials block is mad up of small Testimonial blocks with small photo
 * behavior is the link to the testimonial page clicking anywhere?? */
#Testimonials {
background-color: #ffeaa5;
border: 1px #000000 solid;
color: #000000;
margin-bottom: 10px;}


#Testimonials p {
padding-left: 1em;
margin-top: .2em;
margin-bottom: .2em;
font-size: 1em;}


#Testimonials img {
float: right;
margin: .5em;
border-width:0;}

#Testimonials p.shortTestimonialText {
padding-left: 1em;
margin-top: .2em;
margin-bottom: .2em;}

#Testimonials p.name{
position: relative;
text-align: center;
margin-top: .5em;
margin-bottom: .5em;
font-size: .7em;
font-weight: bold;}

#Testimonials h1{
position: relative;
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin: 0em;
padding-top: .2em;}

#Testimonials a {
text-decoration: none;
color: #000000;
display:block;
width:100%;
}

#Testimonials a:hover {
background: #ccb94a;
color: #000000;
width:100%;
}

#Testimonials a:active {
background: #ccb94a;
color: #000000;
width:100%;
}

#Testimonials a.CurMenu {
background: #ccb94a;
color: #000000;
width:100%;
}


/* content area is the center information panel
 * the panel then contains 2 columns that are placed directly
 */



#ContentArea h1{
font-size: 1.2em;
font-weight: bold;}

#ContentArea h2{
font-size: 1.2em;
font-weight: normal;}

#ContentArea p{
margin-left: 1em;
}

/* the menu is relieved buttons where the active page is shown by 
 * setting the anchor class to curmenu
 */
#Menu {
width: 100px;
background-color: #ccb94a;
font-weight: bold;
font-weight: bold;
padding: 0em;
text-align: center;
/*margin-left: -190px;*/
border: 2px #000000 solid;
}

#Menu a {
background: #ffeaa5;
color: #333300;
padding-bottom: 5px;
padding-left: .5em;
padding-right: 1em;
padding-top: 5px;
text-decoration: none;
width: 100px;
border: outset;
display: block;
font-size: 1em;
}


#Menu a:hover {
background: #ccb94a;
color: #000000;
border: outset;}

#Menu a:active {
background: #ccb94a;
color: #000000;
border: inset;}

#Menu a.CurMenu {
background: #ccb94a;
color: #000000;
border: inset;
}

/* used inside the meny at the top, showing the page they are on (coupled with the page button being pressed
 * like frenchie says
 */
/*
#TitleElement {
z-index: 1;
color: #000000;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align: left;
top: 0em;
background-color: #ffeaa5;
padding: 1em;
width: 100%;
position: relative;
font-weight: normal;}
*/

/* login area */
#LoginSubscriber {
background-color: #ffeaa5;
border: 1px #000000 solid;
color: #000000;
padding: 1em;
margin-top: 10px;}

#LoginSubscriber form {
padding: 0em;
margin: 0em;}

#LoginSubscriber p {
padding: 0em;
margin: 0em;}

#CreditCards {
margin-top: 1em;
margin-bottom: 1em;
text-align: center;}

#CreditCards a {
text-decoration: none;
margin: 5px;}

#CreditCards img {
border: none;}#OneColumn {

margin-top: 0em;
width: 90%;
}