body
{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;

  color: #052a3a;
  background: #999966;
/*
   amit: moved to html
   direction: rtl;
*/
}

#page-header h1 a:link,
#page-header h1 a:visited,
#page-header h1 a:active,
#page-header h1 a:hover
{
  color: #ffcc00;
  background: transparent;
  text-decoration: none;
}

#page-header h1 a:hover
{
  text-decoration: underline;
}

.dummy-clear /* used to clear floating divs */
{
  clear: both;
  height: 10px;
  margin: 2px;
/*
  border: 1px solid #cc3366;
*/
  font-size: 50%;
}

/*
#page-wrapper
{
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: right;
  background: #FFFFFF url("/apmedia/img/content_bg_1.gif") top left repeat-y;
}*/

#page-wrapper
{
/*
  border: 2px dashed red;
  padding: 3px;
*/
  width: 760px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;

  padding: 0;

  text-align: right;

  color: black;
  background: #ffffff url("/apmedia/img/content_bg_1.gif") top left repeat-y;
}

#page-header
{
  height: 140px;
  color: #000;
  background: #7a2e40;
}

#content-wrapper
{
/*
  border: 2px solid red;
*/
  padding: 0;
  margin: 0;

/*
* in IE6 float:right messes everything,
* and overflow:hidden or none of them
* works somehow but the right-side menu
* drops bellow its container (content-wrapper).
* in FF and Konqy either of these settings
* works the same and okay.
*/
/*  float: right;*/ /* problem */
  overflow: hidden;
}

#center
{
  font-family: arial, sans-serif;
  line-height: 16px;
  width: 560px;
  margin-right: 160px;
  padding: 5px;

/*
  border: 1px solid blue;
*/

  /*float: right;*/ /* this causes the div to be under the right-side */
  overflow: hidden;
}

#right-side
{
  margin-right: 8px;
  margin-left: 8px;
  width: 140px;
  float: right;
/*
  border: 1px solid black;
*/
}

#page-header h1
{
  padding-top:20px;
  padding-right:30px;
  margin:0px;
  font-family: arial, sans-serif;
  font-size: 180%;
  color: #fa7393;
  background: transparent;
  line-height: 1.2em;
  letter-spacing: -0.03em;
}

#page-header h2
{
  margin:0px;
/*  padding-left:15px;*/ /*amit*/
  padding-right: 30px;
  font-family: arial, sans-serif;
  font-size: 100%;
  color: #fff;
  background: transparent;
  line-height: 1.1em;
}

.additional-info
{
  padding: 0;
  margin: 30px 30px 0 0;
  height: 35px;
  font-family: arial, sans-serif;
  font-size: 90%;
  color: #fa7393;
  background: transparent;
  line-height: 35px;
  /*border: 1px solid;*/
}

.additional-info a
{
  color: #ffcc00;
  background: transparent;
  text-decoration: none;
}

.additional-info a:hover
{
  text-decoration: underline;
}


.award-2007
{
  float: right;
  margin: 0 10px;
  border: none;
}


#menu-bar
{
  margin:0px;
  padding:0px;
  border:0px dashed #cccccc;
  height:31px;
  clear:both;
  color: #000;
  background: #ffffff url("/apmedia/img/menu_bg.gif") bottom left no-repeat;
}



/* new - amit */
#center h1
{
  padding-top: 10px;
  padding-right: 10px;
  margin: 0px;
  font-family: arial, sans-serif;
  font-size: 150%;
  color: #7a2e40;
  background: transparent;
  line-height: 1.2em;
}

#center h3
{
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: verdana, arial, sans-serif;
  font-size: 110%;
  color: #ffffff;
  background: #739240;
  padding: 4px;
  border: 1px solid #425227;
}

#center h4
{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 10px;
  font-family: arial, sans-serif;
  font-size: 90%;
  color: #cc3366;
  background: transparent;
}

#center p
{
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  padding: 0.2em;
  font-family: arial, sans-serif;
  font-size: 100%;
  line-height: 1.5em;
}


#center blockquote
{
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 4px;
  font-family: arial, sans-serif; /*amit*/
  font-size: 80%;
  line-height: 1.4em;
}

#center span.comment
{ 
  font-size: 85%;
  font-weight: normal;
}

#center ul
{ 
  font-style: normal;
  line-height: 2em;
  text-indent: 5px;
  list-style-position: outside;
  list-style-type: square;
  padding: 0 10px 0 0;
  margin: 0 20px 0 0;

  /*color: #cc3366;
  background: transparent;*/
  list-style-image: url("/apmedia/img/bullet.png")
}

#center-old ul
{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  line-height: 2em;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #7a2e40;
  background: transparent;
  text-decoration: none;
  text-indent: 5px;
  list-style-position: outside;
  list-style-type: square;
  padding: 0 10px 0 0;
  margin: 0 20px 0 0;
}

#center ol
{         
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  line-height: 2em;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-indent: 5px;
  list-style-position: outside;
  color: #7a2e40;
  background: transparent;
  padding: 0 10px 0 0;
  margin: 0 20px 0 0;
}

#center ol p, #center li p
{ 
  color: black;
  background: transparent;
}

#center p.summary
{ 
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  padding: 0.2em;
  font-weight: normal;
}

#center p.post-data
{ 
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  padding: 0.2em;
  font-weight: normal;
  font-size: 85%
}

#center a:link,
#center a:active,
#center a:visited
{
  color: #7a2e40;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}

#center  a:hover
{
  color: #7a2e40;
  background: transparent;
  font-weight: bold;
  text-decoration: underline;
}


#left-side
{
  float: left;
/*  width:140px;*/ /*amit*/
  width:0px;
  border:0px dashed #cccccc;
}

#left-side h3
{
  margin-top:0px;
  margin-bottom:5px;
  font-family: arial, sans-serif;
  font-size: 85%;
  color: #ffffff;
  background: #fa7393;
  padding:4px;
  border: 1px solid #425227;
}

#left-side p
{
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: arial, sans-serif;
  font-size: 85%;
  line-height: 1.5em;
  color: #666666;
  background: transparent;
}


#right-side h3
{
  margin-top:0px;
  margin-bottom:5px;
  font-family: arial, sans-serif;
  font-size: 85%;
  color: #ffffff;
  background: #7a2e40;
  padding:4px;
  border: 1px dotted #cc3366;
}

#right-side p
{
  margin-top:5px;margin-bottom:15px;
  padding:4px;
  font-family: arial, sans-serif;
  font-size: 100%;
  line-height: 1.5em;
  color: #666666;
  background: transparent;
}


#right-side a:link,
#right-side a:visited,
#right-side a:active,
#right-side a:hover
{
  color: #7a2e40;
  background: transparent;
  text-decoration: none;
}

#right-side a:hover
{
  text-decoration: underline;
}

#right-side a:active
{ 
  color: white;
  background: black;
}




#page-footer
{
  height: 60px;
  color: #000;
  background: #7a2e40;
  clear: both;
  padding: 0;
  margin: 0;
  /*border: 1px solid green;*/
}

#page-footer p
{
  padding-top: 0px;
  padding-left: 20px;
  text-align: left;
  font-family: arial, sans-serif;
  font-size: 70%;
  line-height:1.2em;
  color: #d5d0b0;
  background: transparent;
}

#django-site
{
  border: 0;
}

#django-site img
{ 
  border: 0;
  position: relative;
  top: 15px;
  /*display: block;
  float: right;
  margin: 3px 10px 3px 10px;*/
}
#valid-html img
{ 
  border: 0;
  position: relative;
  top: 15px;
}

#page-footer a:link,
#page-footer a:visited,
#page-footer a:active,
#page-footer a:hover
{
  color: #cc3366;
  background: transparent;
  text-decoration: none;
}

#page-footer a:hover
{
  text-decoration: underline;
}


#navcontainer ul
{
/*  padding-left: 0;*/ /*amit*/
  padding-right: 0;
/*  margin-left: 0;*/ /*amit*/
  margin-right: 0;
  margin-top:0px;
  color: white;
  background: #c86000 url("/apmedia/img/bar.jpg") top left no-repeat; 
/*  float: left;*/ /*amit*/
  float: right;
  width: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
  font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left:10px;
  padding-right:10px;
  color: white;
  background: transparent;
  text-decoration: none;
/*  float: left;*/ /*amit*/
  float: right;
/*  border-right: 1px solid #BD620E;*/ /*amit*/
  border-left: 1px solid #BD620E;
}

#navcontainer ul li a:hover
{
  color: #fff;
  background: #de6b02 url("/apmedia/img/bar_bg_hover.gif") bottom right repeat-x; 
}

ul.linklist
{
/*  padding-left: 0;*/ /*amit*/
  padding-right: 0;
/*  margin-left: 0;*/ /*amit*/
  margin-right: 0;
  border-bottom: 1px solid #ccc;
  width: 140px;
}

ul.linklist li
{
  list-style: none; 
  margin: 0;
  line-height: 2em;
  border-top: 1px solid #ccc;
  font-family: arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

ul.linklist li a { text-decoration: none; }

.thumbnail-left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail-right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}


/* amit: new additions */

table.form-class
{ 
  font-family: arial, sans-serif;
  font-size: 85%;
}

.form-error
{ 
  color: red;
  background: transparent;
}

#sig-table
{
  margin-left: 3px;
  margin-right: 3px;
  font-size: 75%;
/*  border: 2px solid #000;*/
}

#sig-table table
{
  table-layout: fixed;
  font-family: sans-serif;
  color: black;
  background: white;
  border: 1px solid green;

 /* it seems width need to be slightly less than 100%,
    otherwise the layout is messed on IE. could be some
    problem with border. i also made the widths of the 
    table columns to sum up to less that 100%. */
  width: 98%;
  padding: 0;
  /*border-collapse: collapse;*/
}

#sig-table th
{
  font-family: sans-serif;
  color: black;
  background: #cc9;
  width: 100px;
  margin: 0;
}

#sig-table td
{
  padding-right: 5px;
  padding-left: 5px;
  font-family: sans-serif;
  color: black;
  background: #ffc;
  /*border: 1px solid red;*/
  margin: 0;
  /*width: 100px;*/
}

#sig-table .sig-index { width: 5%; }

#sig-table .sig-name
{
  width: 28%;
  border-left: 1px dashed #cc9;
  border-right: 1px dashed #cc9;
}

#sig-table .sig-comment { width: 64%; }
#sig-table th.sig-name { text-align: center; }
#sig-table th.sig-comment { text-align: center; }
#sig-table td { border-bottom: 1px dashed #cc9;}

#sig-form
{ 
  margin-right: 20px;
}

#sig-form table
{ 
  table-layout: fixed;
  width: 75%;
/*  border: 1px solid green;*/
 }

#sig-form-table input
{
  color : #000;
  background : #ffc;
  border: 1px solid green;
  width: 100%;
}

#sig-form-table th { width: 30%; }
#sig-form-table td { width: 70%; }
/*#sig-form-table tr { padding: 40px; }*/

img.in-par /* inside-paragraph image style */ 
{
  border: 1px dotted #7a2e40;
  float: left;
  margin-right: 1.5em;
  margin-top: 0.7em;
}

img.logo
{
  float: left;
  margin-left: 20px;
  margin-top: 7px;
}

img.logo-link
{
  margin: 15px 0 0 0;
/*  border: 1px dotted #7a2e40;*/ /*amit*/
/*  border: 1px solid #7a2e40;*/ /*amit*/
  border: 1px solid #999;
}


#go2petition
{
  width: 120px;
  height: 115px;
  margin-right: 15px;
  margin-top: 20px;
  color: black;
  background: #ffffff url("/apmedia/img/petition_bg_2s.jpg") top left no-repeat; 
  text-align: center;
  padding-top: 5px;
  border: 1px dotted #7a2e40;
}


#go2petition  a:link,
#go2petition  a:visited,
#go2petition  a:active,
#go2petition  a:hover
{
  color: #ffcc00;
  background: transparent;
  text-decoration: none;
  font-size: 150%;
  font-weight: bold;
  font-family: arial, sans-serif;
}

#go2petition  a:hover
{
  text-decoration: underline;
}




.right-align
{ 
  text-align: right;
}

.left-align
{ 
  text-align: left;
}





/*
* stockphoto
*/

/* Styles used by the stockphoto default templates. */
/* Don't feel compelled to use these in your installation */
#breadcrumbs
{
  color: #7a2e40;
  background: transparent;
  margin: 0;
  padding: 0 1px 2px 1px;

  }

#large-image-box
{
  margin: 0 30px 0 30px;
  padding: 25px 0 10px 0;
  text-align:center;
  border: 2px solid #666;
  color: #000;
  background: #ccc;
  clear: both;
}

#large-image-box div p
{
  text-align: center;
}

#large-image-box-img
{ 
  margin: 0 auto 0 auto;
}

#large-image-box-img img
{
  margin: auto;
  border: 2px solid #666;
}

#large-image-box-img a:hover img
{
  border: 2px solid #7a2e40;
}


#large-image-box-txt
{ 
  margin: auto;
 /* border: 3px dashed #cccc66;*/
}

#thumbnail-box
{
/*
  border: 1px solid orange;
*/
  float: right;
  width: 98%;
  margin-right: 0;
  margin-left: auto;
  padding: 15px 0px 0 5px;
}

#thumbnails
{
  /*list-style-type: none;*/
  margin: 0;
  padding: 0;
  /*    float:left;*/ /*amit*/
  float: right;

  border: 2px solid black;
}
#thumbnails li
{
  margin:0;
  padding:0;
/*  float:left;*/ /*amit*/
  float: right;
}

#imageboxes-break
{
/*  clear: left;*/ /*amit*/
  clear: right; /* why we need it??? */
}

div.small-image-box
{
  color: #000;
  background: #ccc;
  width: 150px;
  height: 130px;
  padding: 10px 0 5px 0;
  margin: 0 15px 25px 0;
  text-align: center;
  overflow: hidden;
  float: right;
  border: 2px solid #666;

/*
  max-height: 170px;
  min-height: 170px;
  margin-bottom: 10px;
  margin-left:15px;
*/ /*amit*/
}

div.small-image-box img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
/*
  max-height: 120px;
  min-height: 120px;
  max-width: 150px;
*/
  border: 2px solid #666;
}

div.small-image-box a:hover img
{ 
  border: 2px solid #7a2e40;
}

div.small-image-box span
{
  height:20px;
/*
  max-height: 20px;
  min-height: 20px;
  width:160px;
  min-width: 160px;
  max-width: 160px;
*/
  color: #000;
  background: #ccc;
  display: block;
  font-size: 85%;
  text-align:center;
  overflow: visible;
  margin-top: 0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
}

/* amit's additions */

#logged-in-user
{ 
  color: #fff;
  background: #666;
  font-size: 80%;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
}

#logged-in-user span
{ 
  font-weight: normal;

}

#logged-in-user a:link,
#logged-in-user a:visited,
#logged-in-user a:active,
#logged-in-user a:hover
{
  color: #fff;
  background: transparent;
  text-decoration: none;
}

#logged-in-user a:hover
{
  text-decoration: underline;
}



#next-prev
{
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 30px;
  margin-left: 30px;
/*
  border: 1px dashed #6666ff;
*/
  padding: 0 3px 0 3px;
  overflow: hidden;
}

#prev-img, #next-img
{ 
  text-align: center;
/*
  border: 1px dashed red;
*/
}

#prev-img
{
  float: right;
}

#next-img
{
  float: left;
}

#next-img img, #prev-img img
{
  border: 2px solid #666;
}

#next-img a:hover img,
#prev-img a:hover img
{
  border: 2px solid #7a2e40;
}

#user-actions
{ 
  border: 2px solid #666;
  float: left;
  width: 70%;
  margin: 40px auto 0 50px;
  text-align: left;
}

#large-image-box-txt h2
{ 
  padding: 0;
  margin: 5px 0 5px 0;
  font-family: arial, sans-serif;
  font-size: 105%;
  line-height: 1.2em;
  color: #7a2e40;
  background: transparent;
  border: none;
}

#large-image-box-txt h3
{ 
  padding: 0;
  margin: 10px 0 5px 0;
  font-family: arial, sans-serif;
  font-size: 90%;
  line-height: 1.2em;
  color: #7a2e40;
  background: transparent;
  border: none;
}

#large-image-box-txt p
{ 
  padding: 0;
  margin: 0;
  font-family: arial, sans-serif;
  font-size: 85%;
  line-height: 1.2em;
  color: #333333;
  background: transparent;
  border: none;
}



/* #### Django calendar stuff #### */
.calendarbox { color: black; background: white;  }
.calendarnav-previous { position: absolute; left: 0;  }
.calendarnav-next { position: absolute; right: 0; }
.calendar-cancel { text-align: center; }
span a img { border: none; }




/*
* special style for the 'partners' page
*/

#partners
{ 
  overflow: hidden;
}

#partners div
{ 
  float: right;
  padding: 5px 5px 0 0;
  margin: 5px;
}


#pagination
{
  /*border-top: 1px solid #ffb300;*/
  margin: 15px 20px 10px 0;
  padding: 10px 0 0 0;
  font-size: 80%;
}

#pagination a
{
  background-color: transparent;
  text-decoration: none;
  padding: 1px 2px;
  margin: 2px;
}

#pagination a:hover
{
  color: #7a2e40;
  background: #ffcc00;
  text-decoration: none;
}

#pagination strong
{
  color: white;
  background-color: #7a2e40;
  padding: 1px 2px;
  margin: 2px;
}

#page-banner
{ 
  font-size: 80%;
  margin: 0 5px 0 0;
  padding: 0;
  height: 60px;
  /*border: 1px solid #7a2e40;*/
}

#page-banner img
{ 
  float: right;
  margin: 0 0 0 1em;
  padding: 0;
  border: none;
}