/********************************************/
/*****  css text and photo template     *****/
/*****  http://www.ab9il.net            *****/
/*****                                  *****/
/********************************************/


/* ---------- Text Page container ---------- */
body {
   color: #FFFF99;
   background-image: url(/images/alma_night.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-color: #000000; font-size: 13px;
   font-family: Arial, Helvetica, Courier, Verdana, Times New Roman;
   padding:0px;
}

    pre {text-align: left; font-size: 90%;}
    pre.c19 {text-align: left; font-size: 90%; color: #ffffff;}
    pre.c18 {text-align: left; font-size: 90%; color: #ffffff;}
    table.c17 {margin-left: auto; margin-right: auto; vertical-align: top;}
    td.c16 {VERTICAL-ALIGN: top; BACKGROUND-COLOR: rgb(255,255,255); font-size: 90%}
    table.c15 {margin-left: auto; margin-right: auto; vertical-align: top;}
    span.c14 {font-size: 150%}
    span.c13 {FONT-WEIGHT: bold; COLOR: rgb(255,255,255); FONT-FAMILY: Arial, Helvetica, Courier;}
    table.c12 {WIDTH: 90%; FONT-FAMILY: Arial, Helvetica,  Courier; HEIGHT: 58px; TEXT-ALIGN: left;}
    td.c11 {VERTICAL-ALIGN: top; BACKGROUND-COLOR: rgb(0,0,0); font-size: 10px;}
    span.c9 {FONT-WEIGHT: bold; COLOR: rgb(255,255,255)}
    br.c8 {FONT-FAMILY: Arial, Helvetica, Courier;}
    span.c7 {FONT-FAMILY: Arial, Helvetica, Courier;}
    p.c6 {text-align: right;}
    p.c5 {text-align: center;}
    p.c4 {text-align: left;}
    h1 {text-align: left;font-size:1.5em;}
    h1.c2 {text-align: center; font-size:1.5em;}
    h2 {text-align: center; font-size:1.2em;}
    h2.c3 {text-align: center; font-size:1.2em;}
    h3 {text-align: left; font-size:0.9em;}
    h3.c6 {text-align: center; font-size:0.9em;}
    h4.c6 {font-size:0.7em;}
    div.c10 {font-size: 50%; text-align: left;}
    div.c1 {float: right; margin: 0 0 5px 5px;}

.side_ad {padding-left: 10px; padding-right: 10px;}

.style2 {color: #FFFF99;
         font-size: 12px;
         font-family: Arial, Helvetica, Courier;
}
.style3 {
	font-size: 23px;
	font-weight: bold;
	color: #FFFF99;
}
.style4 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFF99;
}

.style6 {color: #FFFF99}
.style7 {font-size: 12px;
	font-family: Arial, Helvetica, Courier;
	font-weight: bold;
}
.style23 {font-size: 14px;
	font-family: Arial, Helvetica, Courier;
	font-weight: bold;
}
a:link {
	color: #3D81EE;
}
a:active {
	color: #FFFFCC;
}
a:visited {
	color: #993399;
}

/*-----------Navigation Section------------*/
#navigation ul#nav {
	z-index: 5000;
	width:200px;
}

#navigation ul#nav li {
	list-style:none;
	position: relative;
        float: left;
        font-family: Arial, Helvetica, Courier;
	text-align: left;
	line-height: .4em;
	width:220px;
}

#navigation ul#nav li a {
	display: block;
	padding: 8px 0px;
	color: #FFFF99;
	text-decoration: none;
   /*	border-right: 1px solid #ccc;  */
        font-family: Arial, Helvetica, Courier;
	text-align: left;
}

#navigation ul#nav li a span {
	padding:  0px 10px 0 10px;
        background: url(/images/arrow.png) no-repeat 0% 50%;
}

#navigation ul#nav  li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em; /* this makes it more accessible than display:none; */
    width: 220px;
    padding: 0px 10px 0px 10px;
}

#navigation ul#nav  li:hover ul,
#navigation ul#nav  li.over ul {
    display: block;
    left: 0;  /* the postion near main menu */
    top: 0;     /* align with top of main menu */
    position: relative;
    z-index: 4000;
    width: 220px;
}

#navigation ul#nav  li ul li {
    width: 220px;
    height: auto;
    background: transparent;
    text-indent: 0;
    padding: 0;
}

#navigation ul#nav  li:hover ul li a,
#navigation ul#nav  li.over ul li a {
    display: block;
    width: 300px; /*this is to adjust if used some background image for dropdown */
    background: transparent;
    padding: 8px 8px;
    text-decoration: none;
    margin: 0;
    color: #FFFF99;
    text-indent: 0;
    text-align: left;
    border: 0;
    white-space: nowrap;
}

#navigation ul#nav li ul li a:hover {
    color: #FFFFFF;
    background: transparent;
}

#navigation ul#nav li.active a,
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {
    background: transparent;
}

/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:624px;
height:472px;
margin:1em auto;
}

/* ---------- opacity ---------- */
.gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:149px;
height:112px;
margin:2px;
}
.thumb {
border:1px solid #000;
}
.no-thumb {
border:0px solid #000;
}
.thumb a img {display:block;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:300px;
height:225px;
top:123px;
left:160px;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:200px;
top:196px;
left:50px;
-moz-border-radius:12px;
background:#ab5;
color:#036;
font:normal 12px/20px verdana;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}