body {
	background-color : #111573;
	text-align : center;
	margin: 0;
}

img {
	border-style: none;
}

#pagecontainer{
	width: 880px;
	margin: 0 auto;
	text-align: left;
	background: #181EA5;
}

#pageheader {
	width: auto;
	height: 100px;
	vertical-align: top;
	font-family: Georgia, "Times New Roman",Times,serif;
	letter-spacing: 12px;
}

#menu {
	width: 175px;
	float: left;
	margin-left: 5px;
	background: #181EA5;
}

#main {
	width: 510px;
	float: left;
	margin-left: 10px;
	background: #F0E471;
	padding: 10px;
	text-align: justify;
	font-family: Verdana,Helvetica,sans-serif;
}

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

#ads {
	width: 120px;
	float: left;
	margin-left: 20px;
	margin-right: -3px;
	text-align: right;
}

#footer, #horznav {
	clear: both;
	text-align: center;
	margin-left: 30px;
	padding: 10px 0 10px 0;
}

#horznav {
	width: 500px;
	margin-left: 0;
}

#main p {
	line-height: 175%;
}

a:link, a:active, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #9CA086;
}

#menu li a {
	height: 24px;
	text-decoration: none;
}


#menu li a:link, #menu li a:visited {
	color: #181EA5;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 10px;
}

#menu li a:hover, #menu li a:active {
	color: #111573;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
}
.sublong li{
	font-size: 80%;
	line-height: 150%
}
.pageheader {
	position: relative;
	float: left;
	top: 10px;
	left: 50px;
	margin-left: 50px;
}

.lcontentimg {
	float: right;
	margin: 10px;
}

.rcontentimg {
	float: left;
	margin: 10px;
}

#contacttable {
	border: none;
	width: 90%;
}

#topanchor {
	position: absolute;
	top: 0;
	left: 0;
}

.logo {
	float: right;
	vertical-align: middle;
}

.bookmark {
	font-size: 75%;
}

#p {
	color: #FF0000;
	text-decoration: line-through;
}


.horzmenu {
width:500px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.horzmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.horzmenu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown horzmenu positon */
.horzmenu li {
float:left;
width:100px;
position:relative;
}
/* style the links for the top level */
.horzmenu a, .horzmenu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:89px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#111573; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .horzmenu a, * html .horzmenu a:visited {
width:100px;
w\idth:89px;
}

/* style the second level background */
.horzmenu ul ul a.drop, .horzmenu ul ul a.drop:visited {
background:#181EA5 url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.horzmenu ul ul a.drop:hover{
background:#181EA5 url(../../graphics/drop.gif) bottom right no-repeat;
}
.horzmenu ul ul :hover > a.drop {
background:#181EA5 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.horzmenu ul ul ul a, .horzmenu ul ul ul a:visited {
background:#181EA5;
}
/* style the third level hover */
.horzmenu ul ul ul a:hover {
background:#181EA5;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.horzmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .horzmenu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout horzmenu */
.horzmenu ul ul ul{
left:100px; 
top:0;
width:100px;
}
/* position the third level flyout horzmenu for a left flyout */
.horzmenu ul ul ul.left {
left:-100px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.horzmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.horzmenu ul ul a, .horzmenu ul ul a:visited {
background:#181EA5; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:79px
/* yet another hack for IE5.5 */
}
* html .horzmenu ul ul a{
width:100px;
w\idth:79px;
}


/* style the top level hover */
.horzmenu a:hover, .horzmenu ul ul a:hover{
color:#fff; 
background:#111573;
}
.horzmenu :hover > a, .horzmenu ul ul :hover > a {
color:#fff;
background:#111573;
}

/* make the second level visible when hover on first level list OR link */
.horzmenu ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.horzmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.horzmenu ul :hover ul :hover ul{ 
visibility:visible;
}





#wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border-collapse: collapse;
}

#title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: verdana, arial;
  font-size: 30px;
  font-weight: bold;
  color: #d0d0d0;
}

#topleft {
  height: 20px;
  width: 20px;
  background-image: url("topleft.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #d4e1f0;
}

#top {
  height: 20px;
  background-image: url("top.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #d4e1f0;
}

#topright {
  height: 20px;
  width: 20px;
  background-image: url("topright.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #d4e1f0;
}

#left {
  width: 20px;
  background-image: url("left.jpg");
  background-repeat: repeat-y;
  background-position: right;
  background-color: #d4e1f0;
}

#center {
  background-color: #ffffff;
  width: 750px;
}

#right {
  width: 20px;
  background-image: url("right.jpg");
  background-repeat: repeat-y;
  background-position: left;
  background-color: #d4e1f0;
}

#bottomleft {
  height: 20px;
  width: 20px;
  background-image: url("bottomleft.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #d4e1f0;
}

#bottom {
  height: 20px;
  background-image: url("bottom.jpg");
  background-repeat: repeat-x;
  background-position: top;
  background-color: #d4e1f0;
}

#bottomright {
  height: 20px;
  width: 20px;
  background-image: url("bottomright.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #d4e1f0;
}

IMG { vertical-align: middle; }
IMG.img-picture { border: 1px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #555555; }
IMG.img-thumbnail { border: 1px solid #333333; }
IMG.img-thumbnail-selected { border: 1px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }

TABLE.table-wrapper {
  padding: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

TD.td-thumbnails-thumb {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #555555;
  font-size:    8pt;
  background-color: transparent;
  white-space: normal;
  vertical-align: bottom;
  text-align: center;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #000000;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:   #000000;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
  color:#cccccc;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align: center;
  background-color: transparent;
}

A.a-spgm-link {
  color: #b7cce0;
  font-size:8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  background-color: transparent;
}

TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {
}

TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
  padding-right: 10px;
}

TD.td-galitem-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  width:        100%;
  text-align: left;
  font-weight: bold;
  color: #999999;
}

TD.td-galitem-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: left;
}

TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777; 
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {}

TD.td-picture-filename {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

TD.td-thumbnails-navi {
  color: #000000;
  border-top: 2px solid #444444;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}

DIV.div-galheader {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color: #000000;
  margin-bottom: 20px;
  padding: 1px;
  width: 100%;
  text-align: left;
}

TABLE.table-shadows {
  border-collapse: collapse;
  margin: auto;
  padding: 0px;
}

TD.td-shadows-right {
  background-image: url(shadow_right.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottom {
  background-image: url(shadow_bottom.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 5px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottomright {
  background-image: url(shadow_bottomright.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-main {
  margin: 0px;
  padding: 0px;
}
