/* Generic Selectors */ 

body { 

font-family:Verdana, Sans-Serif, MS Sans Serif;
font-weight:700;
color: #000; 
background-color: silver; 
margin: 0 5% 0 5%;
    font-family: Verdana;
    font-style: normal;
    font-variant: normal;
    font-size: 11px;
    line-height: 16px;
} 

p { 

width: 90%;
text-align:center;
font-weight:bold;
margin: 7px 5% 7px 5%;
    font-variant: normal;
    font-size: 11px;
    line-height: 16px;
    font-family: Verdana;
} 

li { 

line-height: 150%; 

} 

h1 { 

font-family: Verdana, Sans-Serif, MS Sans Serif;
font-size: 18px; 
font-weight: bold; 
width:40%;
color: #000000; 
text-align:right;
border-bottom: solid 1px silver;
padding-bottom: 3px;

} 

h2 { 

font-family: Verdana, Sans-Serif, MS Sans Serif; 
font-size: 16px; 
font-weight: bold;
text-align:center; 
color: #000000; 

} 

table 
{
    border: solid 1px black;
    text-align:center;
    width:90%;
    margin: 0 5% 0 5%;
}

tr
{
    text-align:center;
}

td 
{
border: solid 1px silver;
}

/*****img
{
 margin: 5px 5px 5px 5px;
    width: 322px;
    height: 153px;
}
******/ 
 

/**************** Pseudo classes ****************/ 

a:link { 

text-decoration: underline; 
font-weight: bold; 

} 

li :link { 

color: #00CC00; 
text-decoration: none; 
font-weight: bold; 

} 

a:visited { 

text-decoration: underline; 
font-weight: bold; 

} 

li a:visited { 

text-decoration: none; 
font-weight: bold; 

} 

a:hover { 

color: rgb(0, 96, 255); 
font-weight: bold; 
text-decoration: underline; 

} 

li a:hover { 

display: block; 
color: rgb(0, 96, 255); 
font-weight: bold; 

} 

a:active { 

color: rgb(255, 0, 102); 
font-weight: bold; 

} 

/************************* ID's *************************/ 

#navigation { 

position: absolute; 
width: 12em; 
height: 300px; 
margin: 0; 
margin-top: 125px; 
background-color: #A73841;
border: solid 2px black;
font-weight: normal;
text-align:right; 

} 

#centerDoc { 

position: absolute;
padding: 10 0 20px 0; /*top right bottom left*/ 
margin-top: 125px; 
margin-left: 13em; 
width: 700px;
height: auto; 
border: solid 2px black;
background-color:White;

} 

.images
{
   border: solid 2px black;   
}

#page_head {

position: absolute;
margin-top: 0px;
margin-left: 0px;
height:120px;
width: 843px;
border: solid 2px black;

}

html, body, #wrap 
{
    height: 750px;
    width:800px;
    
    }

body > #wrap 
{
    height: auto; 
    min-height: 750px;
    margin: 0 auto;
    width: 800px;
    
    }

#main {padding-bottom: 15px;}  /* must be same height as the footer */

#footer 
{

    position: relative;
	top:25px;
	height: 15px;
	clear:both;
	font-size:xx-small;	
	width:700px;
	color:Gray
	} 
	
	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.gridTable
{
    line-height: 120%;
    font-weight: bold;
    font: 11px/16px Verdana; 
    color: #000000;
    text-align: center;
    border: solid 1px white;
    margin-left: auto;
    margin-right:auto;
    width: 90%;
    border: solid 1px black;
}
.gridaltrow
{
    line-height: 120%;
    font-weight: normal;
    font: 11px/16px Verdana; 
    background-color: #E6BFFF;
    color: black;
    text-align: center;
    border: solid 1px black;
}
.gridrow
{
    line-height: 120%;
    font-weight: normal;
    font: 11px/16px Verdana; 
    color: black;
    text-align: center;
    border: solid 1px black;
}
.gridHeader
{
    line-height: 120%;
    font: 13px/18px Verdana; 
    color: white;
    background-color:#A73841;
    text-align: center;
    border: solid 1px black;
    font-weight:bold;
}
.textbox
{
    border: solid 1px black;
}
.lists { 

line-height: 120%; 
font: 11px/16px Verdana; 
font-weight:bold;
list-style-type:square;
margin: 7px 5% 7px 5%;
} 
.images{
 margin: 5px 5px 5px 5px; 
 border: solid 1px black  
}        
        
#enlarge_images {
position:relative; 
top:10px; 
width:690px; 
height:50px;
z-index:100;
text-align:center;
margin-right:auto;
}

#enlarge_images a.p1, #enlarge_images a.p1:visited {
display:block; 
text-decoration:none;
background-color:white; 
top:0; 
left:0; 
padding: 5px 5px 5px 5px;
}

#enlarge_images a img {
border:0;
}

#enlarge_images a.p1:hover {
text-decoration:none; 
background-color:white; 
color:#000;
}

#enlarge_images a .large1 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large2 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large3 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large4 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large5 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large6 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large7 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large8 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large9 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#enlarge_images a .large10 {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
/* Enlarged images */
#enlarge_images a.p1:hover .large1 {
display:block; 
position:absolute; 

left:400px; 
width:600px; 
height:343px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large2 {
display:block; 
position:absolute; 

right:400px; 
width:600px; 
height:443px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large3 {
display:block; 
position:absolute; 

left:400px; 
width:600px; 
height:271px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large4 {
display:block; 
position:absolute; 

right:400px; 
width:436px; 
height:600px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large5 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:333px; 
height:384px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large6 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:512px; 
height:234px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large7 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:389px; 
height:460px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large8 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:512px; 
height:296px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large9 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:184px; 
height:300px; 
border:2px solid black;
}
#enlarge_images a.p1:hover .large10 {
display:block; 
position:absolute; 
top:-200px; 
left:400px; 
width:201px; 
height:300px; 
border:2px solid black;
}
.CustomTab .ajax__tab_body
{
    color: #333333;
    border: 1px solid #0033CC;
    border-top:0;
    padding: 2px ;
    line-height: 1.4em
}

.CustomTab .ajax__tab_body p
{
    color: #333333;
    border-top:0;
    padding: 4px ;
    line-height: 1.4em
}

.CustomTab .ajax__tab_active
{
    margin: 0px 2px -2px 0px;
    font: 10pt verdana,tahoma,helvetica;
    font-weight: bold;
    color: #FFFFFF;
    height: 22px;
    border-bottom: 1px solid #FF0000;
}
.CustomTab .ajax__tab_header
{
    font: 10pt verdana;
    background: url(images/tab_line.gif) repeat-x bottom;
    height: 35px;
    border-bottom: 1px solid #003366;
}
.CustomTab .ajax__tab_outer
{
    background: url(images/tab_tab_right.gif) no-repeat right bottom;
    margin: 0px 2px 0px 0px;
}
.CustomTab .ajax__tab_inner
{
    border-top: 1px solid #003366;
    border-left: 1px solid #003366;
    border-right: 1px solid #003366;
}
.CustomTab .ajax__tab_tab
{
    background: url(images/tab_bg.jpg) repeat-x 0 top;
    padding: 6px;
    height: 20px;
    width: 160px;
    border-bottom: 1px;

}
.CustomTab .ajax__tab_hover .ajax__tab_outer
{
    background: url(images/tab_tab_right.gif) no-repeat right bottom;
}
.CustomTab .ajax__tab_hover .ajax__tab_inner
{
    /*background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;*/
}
.CustomTab .ajax__tab_hover .ajax__tab_tab
{
    background: url(images/tab_bg_hover.jpg) repeat-x 0 top;
}
.CustomTab .ajax__tab_active .ajax__tab_outer
{
    background: url(images/tab_right.gif) no-repeat right bottom;
}
.CustomTab .ajax__tab_active .ajax__tab_inner
{
      /*border-left: 1px solid #FF0000;
    background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;*/
}
.CustomTab .ajax__tab_active .ajax__tab_tab
{
    background: url(images/thbg.jpg) #FFFFFF repeat-x 0 0;
    margin: 2px;
    height: 18px;
}