/* CSS Document */

body {
     margin: 0px; /* to avoid margins */
     text-align: center; /* to correct the centering IE bug*/
     }

h3
{
    font-size: 13.5px;
}

A
{
    
    TEXT-DECORATION: none;
}


 a:link {
       COLOR: gray;
       text-decoration:none;
}

a:visited {
       COLOR: gray;       
}

a:hover {
       COLOR: #906427;
}

.outerframe
{
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
     width: 750;
     text-align: left; /* to realign your text */    
}


.left {
	position: absolute;
	left: 00px;
	top: 0px;
	width: 0px;
	height: 800px;	
	background-color:#FFFFFF;
	}
.innerleft 
{
    padding:5px;
}
	
.leftSub {
       color: Maroon;
       font-family: Verdana;
       text-align: center;
       font-size: 9pt;        
}

.innermenu {
	color:Maroon;
    font-family: Verdana;
    font-size:11px;
	text-align: left;
    BACKGROUND: #DDDDDD;
    text-decoration:none;
    left: 0px;   
    width:80px;	
    top: 43px; 
    height: 100px; 
    position:absolute;
   border-left: gray thin solid;  
   z-index:100;
    
	}
	
.innermenu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
     }
.innermenu UL LI
{
    DISPLAY: inline;
    FLOAT: left;
    POSITION: relative
}
.innermenu UL LI A
{
    
    PADDING-RIGHT: 00px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    BACKGROUND: #DDDDDD;
    PADDING-BOTTOM: 6px;
    COLOR: #2d2b2b;
    PADDING-TOP: 6px;
    TEXT-DECORATION: none;
    width:80px;	
    height:15px;
   border-bottom: gray 1px solid;  
}
* HTML .innermenu UL LI A
{
    DISPLAY: inline-block
}
.innermenu UL LI A:link
{
    COLOR: black
}
.innermenu UL LI A:visited
{
    COLOR: black
}
.innermenu UL LI A:hover
{
    BACKGROUND: #EEEEEE;
    COLOR: black
}
	
.spacer
{
    position:relative;
    height:20px;	
}
.logo 
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0;
	height: 85px;
	background-color:#FFFFFF;
	border-style:none;

	}
.banner 
{
    
	top: 20px;
	height: 95px;
	width: 750px;
	font-family: Verdana;
	font-size: 1pt;
	border-right: gainsboro thin solid; border-top: gainsboro thin solid; border-left: gainsboro thin solid; border-bottom: gainsboro thin solid;

    border-right-style:solid;
    border-right-color:Gray;
    border-right-width:thin;
    border-left-style:solid;
    border-left-color:Gray;
    border-left-width:thin;
    border-top-style:solid;
    border-top-color:Gray;
    border-top-width:thin;

	}
.main 
{
	top: 95px;
	position: absolute;
	width:  750px;
	height: 830px;
	background-color:#FFFFFF;
	color: black;
	font-family:Verdana;
	font-size: 10pt;
}
.innermain 
{
    padding:0px;
    width:750px;
    height:520px;
	BORDER-TOP: gainsboro thin solid; 
	BORDER-LEFT: gainsboro thin solid; 
	BORDER-BOTTOM: gainsboro thin solid;
    border-left-style:solid;
    border-left-color:Gray;
    border-left-width:thin;
    border-bottom-style:solid;
    border-bottom-color:Gray;
    border-bottom-width:thin;
    border-right-style:solid;
    border-right-color:Gray;
    border-right-width:thin;
}

.leftcolumn
{
    position: absolute; 
    top: 200px; width: 350px;  
    border-width:2px; 
    left: 10px; 
    padding-right: 5px; 
    padding-left: 5px; 
    height: 181px; 
    padding-bottom: 5px; 
    padding-top: 5px;
     font-family:Verdana;
     font-size:9pt;
z-index: 500;
}

.bottom
{
    top: 620px;
	width:750px;
    height:49px;
}

.rightcolumn
{
    position: absolute; 
    top: 200px; 
    left:380; 
    width: 350px;  
    border-width:2px;  
    padding-right: 10px; 
    padding-left: 10px; 
    height: 181px; 
    padding-bottom: 5px; 
    padding-top: 5px;
     font-family:Verdana;
     font-size:9pt;
z-index: 500;
}

.flashlocation
{
   border-right: gainsboro thin solid;    
   border-left: gainsboro thin solid; 
   border-bottom: gainsboro thin solid;  
   position: absolute; 
   top: 24px; 
   height: 147px; 
   width: 750px;  
   left: 0px;   
    border-right-style:solid;
    border-right-color:Gray;
    border-right-width:thin;
    border-left-style:solid;
    border-left-color:Gray;
    border-left-width:thin;
}

.prodheadertextlocation1
{
   position: absolute; 
   top: 24px; 
   height: 147px; 
   width: 150px;  
   left: 120px; 
   text-align:center;
   font-family:Georgia;
   font-size:18pt;
   color:White;
}

.prodheadertextlocation2
{
   position: absolute; 
   top: 24px; 
   height: 147px; 
   width: 650px;  
   left: 330px;   
   font-family:Georgia;
   font-size:14pt;
   color:White;
   line-height:25px;
}


.innerflashlocation
{
   border-bottom: gainsboro thin solid;  
   position: absolute; 
   left: 100px;   
   width: 650px;  
   top: 25px; 
   height: 145px; 
    text-align:center;
z-index: 0;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
    color:Blue;
}

.thumbnail:hover{
background-color: #EEEEEE;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:White;
padding: 0px;
left: 0px;
height:0px;
border: 0px solid gray;
visibility: hidden;
color: maroon;
text-decoration: none;
z-index: 520;
}
a:link.thumbnail, a:visited.thumbnail, a:hover.thumbnail, a:active.thumbnail{
color: blue; 
}

.thumbnail span img{ /*CSS for enlarged image*/
    /*
border-width: 0;
padding: 0px;
position:absolute;
left: 20px;
width:500px;
*/
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
border: solid thin maroon;
z-index: 500;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
/* background: transparent url('media/roundedge-gray-left.gif') no-repeat top left;
*/
display: block;
float:right;
font: bold 13px Arial; /* Change 13px as desired */
font-family:Sans-Serif;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 24px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('button.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}








/*
from
http://sophie-g.net/jobs/css/e_buttons.htm
*/

a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

a.button:link, a.button:visited {
color: maroon;
background-position: 0 -72px;
}
a.button:hover, a.button:active {
background-position: 0 0px;
color: maroon;
}