/* Generated by KaZcadeS */

html {
  
border: 0;
  
margin: 0;
  
padding: 0;
  
height: 100%;
  
max-height: 100%;
  
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}


body {
  
border: 0;
  
margin: 0;
  
padding: 0;
  
height: 100%;
  
max-height: 100%;
  
overflow: hidden;
  
font-family: verdana,arial,helvetica,sans-serif;
  
font-size: 1em;

background-color: #000066;

}


body p {
  
font-size: 11px;
  
color: #cccccc;

line-height: 1.3em;
}


#head {
  
border-top: 3px solid #000066; 
width: 100%;
  
height: 200px;
  
z-index: 5;
  
right: 17px;
  
position: absolute;
  
background-color: #000066;

}


#head_container {
position: relative; 
left: 50%;
margin-left: -372px;
width: 761px;
} 

#caption {
  
position: absolute;
  
top: 15px;
  
left: -50px;
  
width: 400px;
  
z-index: 8;
  
font-size: 46px;
  
font-style: italic;
  
color: #ffffff;

}

#picnavbx {
width: 761px;
height: 200px;
} 

#blendme {
 
width: 760px; 
height: 175px;
overflow: hidden;
border-bottom: 2px ridge #00ff00;
}


#menubx {
width: 760px;
height: 21px;
background: #006600;
border-bottom: 3px ridge #00ff00;
z-index: 50;
}

#content {
  
display: block;
  
height: 100%;
  
max-height: 100%;
  
overflow: auto;
padding: 10px 0 50px 0;
  
position: relative;
  
z-index: 3;

}


.pad1 {
  
display: block;
  
height: 190px;

}


#container {
  
text-align: center;
   
}


#text {
 
width: 613px;
margin-left: auto;
margin-right: auto;
  
text-align: left;
 
padding: 15px 63px 20px 85px;
  
background: #000;  
}

#rtcolumn {
 
float: right;
    
width: 160px;
  
margin-left: 5px;
}


#footer {
 
height: 100px;
 
width: 760px;

margin: 0 0 100px 0;
  
margin-left: auto;
margin-right: auto;
   
padding: 0;
    
}


#footer p {
  
color: #cccccc;

text-align: center;
}

.item {float:left; margin: 0 20px 10px 10px; clear: left; top:10px; left:10px; width:124px; background-color:#000; z-index: 4;}
.item a img {border:0;}
.item a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}

.item a.p1, .item a.p1:visited {display:block; width:125px; height:86px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p2, .item a.p2:visited {display:block; width:125px; height:94px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p3, .item a.p3:visited {display:block; width:125px; height:90px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p4, .item a.p4:visited {display:block; width:125px; height:94px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p5, .item a.p5:visited {display:block; width:125px; height:94px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p6, .item a.p6:visited {display:block; width:125px; height:94px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}
.item a.p7, .item a.p7:visited {display:block; width:125px; height:94px; text-decoration:none; background:#000; top:0; left:0; border:0; margin: 0 20px 10px 0px;}

.item a.p1:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p2:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p3:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p4:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p5:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p6:hover {text-decoration:none; background-color:#cccccc; color:#000;}
.item a.p7:hover {text-decoration:none; background-color:#cccccc; color:#000;}

.item a.p1:hover .large {display:block; position:absolute; top:210px; left:300px; width:500px; height:343px; border:10px solid #000;}
.item a.p2:hover .large {display:block; position:absolute; top:210px; left:300px; width:500px; height:375px; border:10px solid #000;}
.item a.p3:hover .large {display:block; position:absolute; top:510px; left:300px; width:500px; height:362px; border:10px solid #000;}
.item a.p4:hover .large {display:block; position:absolute; top:680px; left:300px; width:500px; height:375px; border:10px solid #000;}
.item a.p5:hover .large {display:block; position:absolute; top:680px; left:300px; width:500px; height:375px; border:10px solid #000;}
.item a.p6:hover .large {display:block; position:absolute; top:980px; left:300px; width:500px; height:375px; border:10px solid #000;}
.item a.p7:hover .large {display:block; position:absolute; top:980px; left:300px; width:500px; height:375px; border:10px solid #000;}

.divide {
border-bottom: 3px ridge #777;
clear:both;
height: 3px;
font-size: 3px;
line-height: 3px;
} 

#text li {
  
font-size: 80%;
  
font-weight: bold;
  
line-height: 1.8em;
}
.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}

.floatright {
float: right;
margin: 2px 0 2px 5px;
border: none;
}

h1 {
  
text-align: center;
  
color: #ff6600;
  
font: bold 20px/24px "trebuchet MS",arial,sans-serif;
}

h2 {
  
text-align: left;
  
color: #ff6600;
  
font: bold 16px/20px "trebuchet MS",arial,sans-serif;
}


h3 {
  
text-align: left;
  
color: #ff7722;
  
font: bold 13px/17px "trebuchet MS",arial,sans-serif;
}

.blue {
color: #000066;
border-top: 1px solid #666666;
padding-top: 10px;
}#text, a {
  
color: #cccccc;

}


#text ul {
padding:0px;
margin: 0;
margin-top: 30px;

margin-bottom: 30px;
}

.space {
padding-top: 25px;
}

.strong {
  
font-size: 100%;
  
font-weight: bold;
}


.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}

.end_nav {
text-align: center;
color: #777;
}

.end_nav a {
color: #777;
text-decoration: none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
position:absolute;
top: 177px;
left: 126px;
width: 508px;
height: 20px; 
z-index:100;
font-size:0.7em;  
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
letter-spacing: 0.03em;
}
.menu ul ul {
width: 8em;
font-size:0.85em;
}
* html .menu ul ul {
font-size:0.65em;
f\ont-size:0.85em;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:126px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
text-align:left; 
color:#bfbfbf; 
width:120px; 
height:20px; 
border:1px solid #777; 
border-width:0px 0px 2px 1px; 
background:#004411; 
padding-left:5px; 
line-height:20px;
}

.menu a.arrow, .menu a.arrow:visited { background:#004411 url(images/arrow.gif) center right no-repeat;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:130px;
w\idth:120px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#000;
 font-weight: bold;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#00cc00;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:22px;
left:-0; 
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:21px;
t\op:22px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#000; 
color:#bfbfbf;
font-weight: 600;
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:175px;
border-width:0px 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:185px;w\idth:175px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
background:#00cc00;
visibility:visible;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#000;
background:#00cc00;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}


#active {
background: #00cc00;
color: #fff;
font-weight: bold;
}