/* GENERAL FORMATTING ********************************************************************/

a img          { border: 0 }
a              { color: #ff2525 }
a:visited      { color: #ff8080 }
body           { margin: 0; font-size: 12px; font-family: verdana; background-color: #333333; color: #dddddd }
td             { vertical-align: top }
.line          { border-bottom: 1px #666666 solid; height: 1px; font-size: 1px }
p              { margin: 1em 0 1em 0 }

/* HEADER ********************************************************************/

#main {
   width: 970px; 
   margin: 1em auto 0 auto;
   filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, color='#444444');
}

#hdr, #hdr_small { 
   width: 970px; 
   height: 65px;
   text-align: left;
   background-color: black;    /* force backgound for the shadow to be cast */
}

#hdr_small { height: 25px }

#hdr h1 { 
   width: 960px;
   height: 35px; 
   background-color: #aaaaaa; 
   position: absolute; 
   left: 0px; 
   font-size: 20px; 
   color: white;
   padding: 5px 0 0 10px;
   margin: 0;
}

#hdr_small h1 { 
   background-color: #aaaaaa; 
   position: absolute; 
   width: 300px;
   height: 20px;
   font-size: 12px; 
   color: white;
   padding: 5px 0 0 15px;
   margin: 0;
}

#hdr #search { 
   display: none;
   width: 250px; 
   height: 50px; 
   background-color: #3399CC; 
   position: absolute; 
   left: 720px; 
   font-size: 20px; 
   color: white;
   padding: 20px 0 0 0;
}

#hdr #search input { border: 1px solid #006699 }

#hdr #menu {
   background-color: #666666; 
   position: absolute; 
   left: 0px; 
   top: 40px;
   height: 25px;
   width: 970px;
}

#hdr_small #menu {
   background-color: #666666; 
   position: absolute; 
   left: 315px; 
   height: 25px;
   width: 655px;
}

#menu .menu_item { 
   float: left;
   padding: 5px 10px 0px 10px;
   height: 20px;
   width: 100px;
   color: black;
   font-weight: bold;
}

#menu .menu_item_sel {
   float: left;
   width: 100px;
   background-color: black;
   color: #ff2525;
   height: 20px;
   font-weight: bold;
   padding: 5px 10px 0px 10px;
}

#menu .menu_dummy { 
   width: 100px;
   cursor: hand;
}

#menu .menu_item a, #menu .menu_item a:visited { text-decoration: none; color: black }
#menu .menu_item a:hover { text-decoration: underline; color: black }

#menu .menu_item_sel a, #menu .menu_item_sel a:visited { text-decoration: none; color: #ff2525 }
#menu .menu_item_sel a:hover { text-decoration: underline; color: #ff2525 }

/* GENERAL CONTENT *******************************************************************/

#content {
   background-color: black;
   padding: 15px 15px 15px 15px;
   width: 940px;
}

.crumbs { color: #888888 }
.crumbs a, .crumbs a:visited { color: #888888 }
.crumbs a:hover { text-decoration: underline; color: #dddddd }
   
#content h2 { 
   font-size: 18px;
   color: #ff2525;
   border-bottom: 1px solid #666666;
   margin: 10px 0 20px 0;
   font-weight: normal;
}

#content h2 .page { 
   color: #888888}

.page_nav {
   margin: 1em 0 1em 0;
   clear: both;
   background-color: #333333;
   padding: 5px;
}

/* HOME ********************************************************************/

#left_pane {
   float: left; 
   width: 740px;
}

#eyecatcher {
}

#right_pane { 
   float: left; 
   margin-left: 20px; 
   width: 180px; 
   padding: 0; 
}

#right_pane h2 {
   color: #ff2525;
   margin: 0 0 1em 0;
   font-size: 14px;
   border: 0;
}

/* PAGE PHOTO *******************************************************************/

.photo {
   float: left;
   width: 640px;
}

.photo_text {
   float: left;
   margin: 0 15px 0 0;
   width: 285px;
}

.photo_nav {
   margin: 0 0 1em 0;
   clear: both;
   background-color: #333333;
   padding: 5px;
}

.photo_text .flash {
	float: left; 
	font-size: 50px; 
	background-color: #666666; 
	color: black;
	margin-right: 10px;
	width: 30px;
	height: 70px;
	text-align: center;
}

/* PHOTO THUMB *******************************************************************/

.photo_thumb {
   float: left;
   width: 160px;
   height: 160px;
   background-color: #333333;
   text-align: center;
   padding: 10px;
   border: 1px #666666 solid;
   position: relative;
   overflow: hidden;
}

.thumb_icon_overlay { 
   background-color: #000000; 
   color: #cccccc; 
   padding: 2px 8px; 
   border: 1px solid #cccccc; 
   position: absolute; 
   left: 121px; 
   top: 113px;
   display: none;
}   

.thumb_vsep {
   clear: both;
   height: 20px;
}

.photo_thumb .title {
   padding-top: 10px;
   overflow: hidden;
   height: 30px;
}

.photo_thumb .title a { color: #dddddd; }
.photo_thumb .title a:visited { color: #888888; }

.photo_thumb_hsep {
   float: left;
   height: 180px;
   width: 70px;
}

.photo_thumb_2 {
   width: 160px;
   height: 120px;
   background-color: #333333;
   text-align: center;
   padding: 9px;
   border: 1px #666666 solid;
   position: relative;
}

/* ALBUM THUMB *******************************************************************/

.album_thumb {
   float: left;
   width: 160px;
   height: 200px;
   background-color: #333333;
   text-align: center;
   padding: 10px;
   border: 1px #666666 solid;
   border-left: 8px solid #666666;
   position: relative;
}

.album_thumb .title {
   margin: 1em 0 .5em 0;
   overflow: hidden;
   height: 43px;
}


.album_thumb .title a { color: #dddddd; }
.album_thumb .title a:visited { color: #888888; }

.album_thumb_hsep {
   float: left;
   height: 180px;
   width: 60px;
}

/* FOOTER *******************************************************************/

#footer {
   clear: both;
   background-color: #666666; 
   padding: 5px 15px 5px 15px;
   color: white;
   margin-bottom: 1em
}

#footer a, #footer a:visited {
   color: white
}

/* CMS ARTICLE *************************************************************/

.article p             { margin-top: 1em; margin-bottom: 1em; }
.article p.ap_no_gaps  { margin-top: 0; margin-bottom: 0 }
.article p.ap_hdr_1    { font-size: 20pt; font-weight: bold; margin-top: 0.8em; margin-bottom: 0.2em; color: #ff2525 }
.article p.ap_hdr_2    { font-size: 15pt; font-weight: bold; margin-top: 0.8em; margin-bottom: 0.2em; color: #ff2525 }
.article p.ap_hdr_3    { font-size: 12pt; font-weight: bold; margin-top: 0.8em; margin-bottom: 0.2em; color: #ff2525 }
.article p.ap_code     { font-family: Courier; font-size: 8pt; margin-top: 0em; margin-bottom: 0em; background-color: #e0e0e0 }

.article ul            { margin-top: 1em; margin-bottom: 1em }
.article ul ul         { margin-top: 0em; margin-bottom: 0em }
.article li            { margin-top: 0.5em; }

.article ol            { margin-top: 1em; margin-bottom: 1em }
.article ol ol         { margin-top: 0em; margin-bottom: 0em }

.article li.ap_hdr_1    { font-size: 20pt; font-weight: bold; }
.article li.ap_hdr_2    { font-size: 17pt; font-weight: bold; }
.article li.ap_hdr_3    { font-size: 13pt; font-weight: bold; }
.article li.ap_code     { font-family: Courier; font-size: 8pt; background-color: #e0e0e0 }

/* Do not use padding. Padding corrupts the image properties dialog behavior, because
it's added to the size automatically after the size is set --> the image is growing */
.article img           { margin: 1em }
.article img.ap_limg   { float: left; margin: 1em 1em 1em 0 }
.article img.ap_rimg   { float: right; margin: 1em 0 1em 1em }
.article img.ap_bimg   { margin: 0em 1em 0em 1em }
.article img.ap_mimg   { margin: 0em 1em 0em 1em; vertical-align: middle; }

/* Default table */
.article table { border: 2px #999999 solid; width: 100%; margin: 1em 0 1em 0 }
.article td { border-right: 1px #999999 solid; border-bottom: 1px #999999 solid; padding: 0.25em; vertical-align: middle }
.article th { border-right: 1px #999999 solid; border-bottom: 1px #999999 solid; padding: 0.25em; font-weight: bold; vertical-align: middle; background-color: #cccccc; text-align: left }
.article table p { margin: 0; padding: 0 }

/* Layout table */
.article table.ap_ltbl { border: 1px #999999 dashed; width: 100%; margin: 1em 0 1em 0 }

.article table.ap_ltbl td, 
.article table.ap_ltbl th 
{ 
   border-right: 1px #999999 dashed; border-bottom: 1px #999999 dashed; padding: 0.25em; vertical-align: middle
}
?>