body
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    font-family: VAGRoundedBT, Arial, Helvetica, sans-serif;
    font-size: 80%;
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    color:#333333;
}

@font-face {font-family: VAGRoundedBT; src: url('VAGRoundedBT.ttf'), url('VAGRoundedBT.eot');} /* IE9 */
@font-face {font-family: Ampersand; src: url('ampersand.ttf'), url('ampersand.eot');} /* IE9 */
    
img.bg {
    z-index:-99999;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {img.bg {left: 50%; margin-left: -512px;}}

.container  
{
    width: 960px; 
    margin: 5px auto 0px auto;
    border: solid 1px #CCC;
    background-color: #8FD3D4;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2);    
}

.headersection  
{
    height: 120px; 
    width: 960px; 
    margin: 5px auto 5px auto;
    background-color: #FFF;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.headleft, .headright 
{
    width: 251px;
    height: 120px;
    clear: none;
    display: table;

    text-align: center;
    color: #C10F33;
    font-weight: bold;
    float: left;
    overflow: hidden;
}

.headleft           {font-size: 3em;}
.headright          {font-size: .9em;}
.headmid            {float: left; clear:none; width: 458px; height: 120px; overflow: hidden;}

.pnlcentered, 
.pnllarge
{
    min-height: 470px;
    height: auto !important; 
    height: 100%;
    /*height: 470px;*/
    margin-top: 5px; 
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    border: solid 1px #C0C0C0;     
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2);
    background: #FFF url(Images/foil1.png) repeat top left;   
}

.ring               
{
    height: 470px; 
    width: 46px;
    float:  left;
    position: relative;
    z-index: 2;
    margin-top:  5px;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background-image: url("Images/ring1.png"), url(Images/foil1.png); 
    background-repeat: repeat-y, repeat;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2); 
                 
}


.pnllefthalf, .pnlrighthalf {
    height: 470px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    background-color: #FFF;
    width: 440px;
    float: left;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    background: #FFF url(Images/foil1.png) repeat top left;                  
}

.pnllefthalf {
    margin-left: 10px;
    border-left: double thick #C0C0C0;        
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2);
}

.pnlrighthalf
{       
    z-index: 3;
    border-right: double thick #C0C0C0;        
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2);
 }


a               {text-decoration: none;}
a img           {outline : none;}
h1,h2,h3,h4,h5  {margin: 4px 5px 3px 5px;}
h1, h3          {color: #C10F33;}
h2, h4, h5      {color: #93A923;}
h1              {font-size: 1.8em; text-shadow: 1px 1px 3px rgba(0,0,0,.2);}
h1 span         {font-size: .6em; font-style: normal}
h2              {font-size: 1.2em;}
h3              {font-size: 1.1em;}
h4              {font-size: 1.0em;}
h5              {font-size: 1em;}
img             {margin:0; border-style: none; vertical-align:middle;}
p               {margin: 3px 5px 3px 5px;}
ul              {margin:0px;}

.contentsection {min-height: 470px; height: auto !important; height: 100%; vertical-align: text-top; position: relative;}
.footersection  {text-align: center;margin-top: 10px; margin-bottom: 10px;}
.pnlcentered    {width: 70%; margin-right: auto; margin-left: auto;}
.pnllarge       {width: 90%; margin-right: auto; margin-left: auto;}
.pnlleftnarrow, 
.pnlrightnarrow {width: 200px; float: left; margin-left: 15px;}
.pc10           {width: 10%;}
.pc20           {width: 20%;}
.pc30           {width: 30%;}
.black          {color: #000;}
.blue           {color: #024C9A;}
.green          {color: #93A923;}
.grey           {color: #333333;}
.lightgrey      {color: #CCC;}
.red            {color: #C10F33;}
.white          {color: #FFF;}
.backdarkred    {background-color: #C10F33;}
.backbrightred  {background-color: #FF0000;}
.backred        {background-color: #EE2D53;}
.backblue       {background-color: #8FD3D4;}
.backdblue      {background-color: #014F99;}
.backorange     {background-color: #F8B25B;}
.backgreen      {background-color: #BED843;}
.backpink       {background-color: #E996B5;}
.backpurple     {background-color: #D27BD2;}
.backwhite      {background-color: #FFF;}
.smalldiv       {padding: 0px 5px 0px 10px;}
.slideTitle     {padding: 5px 0px 0px 0px;}
.gmap           {margin: 10px auto 10px 10px; border: 3px solid #FFF;}
.contact        {margin: 0px auto 0px 5px;}
.clear          {clear:both; margin: 0px; padding: 0px; }
.strong         {font-weight: bold;}
.centext        {text-align:center;}
.quote          {font-size: 1.2em; font-style:oblique; color: #93A923;margin: 10px auto; text-align: center; width: 100%;}
.bold           {font-weight: bolder;}
.cenmargin      {display: block; margin: 5px auto 5px auto;}
.spacer         {display: block; height: 40px;}
.stdmargin      {margin: 10px;}
.topbotpad      {padding-top: 5px; padding-bottom: 5px;}    
.smallmargin    {margin: 5px;}
.leftext        {text-align:left;}
.rightext       {text-align:right;}
.extralargetext {font-size: 1.8em;}
.largetext      {font-size: 1.2em;}
.medtext        {font-size: 1em;}
.smalltext      {font-size: .8em;}
.textshadow     {text-shadow: 2px 2px 3px rgba(0,0,0,.2);}
.fleft          {float:left;}
.fright         {float:right;}
.titlemargin    {margin: 10px 10px 1px 10px;}
.loctop         {position:absolute; width:100%; top:0;}
.locbottom      {position:absolute; width:100%; bottom:0; }
.locright       {position:absolute; right:0px; }
.floatleft      {margin: 0px 10px 0px 3px; float: left;}
.floatright     {margin: 0px 10px 0px 3px; float: right;}
.leftcolumn     {display: table-cell; width: 50%;}
.rightcolumn    {vertical-align: top; display: table-cell; width: auto;}
.fullwidth      {width:95%}
.valign         {vertical-align: middle; display:table-cell;}
.fblink         {margin: 1px 10px 10px 10px;}       
.fblike         {vertical-align: middle; margin-bottom: 6px;}
.cenarea        {width: 79%;}
.tstbrd         {border: solid 1px red;}
.largepad       {padding: 10px;}          
.prev_page      {left:0;}
.next_page      {right:0;}
.tabular        {table-layout: auto; border-collapse: collapse; empty-cells: show; width: 97%; margin: 5px auto; border: solid 1px #CCC;}
.tabular td     {padding: 2px; font-size: 1em;}
.tabular th     {padding: 2px; font-size: 1.2em; color: #000; font-weight: bolder; text-align: left;}
.doclink        {margin-top: 20px; margin-bottom: 20px;}
.expanded li,    
.standard li,
.compressed li  {background-image: url(Images/bullet-red.png); background-repeat: no-repeat; background-position: 0px 2px;}
.expanded,           
.standard,         
.compressed     {list-style-type: none; margin-left: 5px; padding: 0px;}
.expanded       {font-size: 1.1em;}
.standard       {font-size: 1em;}
.compressed     {font-size: .9em; margin-top: 1px;}
.expanded li    {padding-left: 15px; margin-right: 5px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}
.standard li    {padding-left: 15px; margin-right: 5px; margin-left: 5px; margin-top: 4px;}
.compressed li  {padding-left: 15px; margin-right: 5px; margin-left: 5px;margin-top: 2px;}
.contactitem,
.contactdescr   {padding-top: 3px; padding-bottom: 3px; padding-left: 5px; vertical-align: top; display: table-cell;}
.contactitem    {width: 60px; font-weight: bold;}
.contactdescr   {width: 360px;}
.promo          {font-weight:bold; color: #00ACCE; text-shadow: 1px 1px 0px #024C9A, 2px 2px 0px #024C9A;}
.wrap           {z-index: 9000; position: absolute;}
.err            {color: #C10F33; margin-left: 10px;}
.emlogo         {float:right; position: relative;  height:100px; top:-22px; left: -5px}

.em_sticky
{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    padding:.3em;
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0, .7);
    -moz-box-shadow: 5px 5px 7px rgba(0,0,0, .7);
    box-shadow: 5px 5px 7px rgba(0,0,0, .7);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-transition: -webkit-transform .15s linear;
    -moz-transition: -moz-transform .15s linear;
    -ms-transition: -ms-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    transition: transform .15s linear;
    float: left; 
    
    position: relative; 
    width: 110%; 
    left:10px; 
    top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    height:9em;
    width:32em;    
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.em_2
{
    position:relative;
    top:25px;
    background:#fcf;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.em_3
{
    position:relative;
    top:40px;
    background:#cfc;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}
.em_4
{
    position:relative;
    top:40px;
    background:#cff;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(21deg);
    transform: rotate(2deg);
}
.em_5
{
    position:relative;
    top:60px;
    background:#ccf;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(01deg);
    -ms-transform: rotate(01deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.em_6
{
    position:relative;
    top:80px;
    background:#fcc;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.bulletin {
    z-index: 110;
    position: absolute;
    text-align: center;
    top: 40px;
    left: 275px;
}.bulletin2 {
    z-index: 110;
    position: absolute;
    text-align: center;
    top: 60px;
    left: 240px;
}

.promobox {
    width:70%;
    margin: 10px auto 0px auto;
    background-color: #C10F33;
    color: #FFF;
    padding: 5px 10px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
       -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
            box-shadow: 2px 2px 3px rgba(0,0,0,.2); 
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.3)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:    -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:     -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:      -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:         linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
}

.webdesign
{
    padding: 3px 15px;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background-color: rgba(255, 255, 255, .7);
    color: #808080;
    font-size: .8em;
    position: relative; 
    bottom: 0px;
}

.webdesign a
{
    color: #808080;
    height: 16px;
    text-decoration:none;
}


.standout
{
    outline: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0, 0.2);
       -moz-box-shadow: 4px 4px 4px rgba(0,0,0, 0.2);
            box-shadow: 4px 4px 4px rgba(0,0,0, 0.2);
}

.gradient
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(255,255,255,0.2)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:    -moz-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:     -ms-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:      -o-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:         linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
}
	


/*navigation bar css ____________________________________________________________________________________________________________________*/

.navsection                     {width: inherit; height: 36px; float: left; z-index: 10; margin-top: 0px;}
#navbar                         {width:100%; padding: 0; margin: 5px auto 0px 5px; font-size: 1.4em;  }
#navbar li a.btngreen           {background-color: #93A923;}
#navbar li a.btnred             {background-color: #C10F33;}    
#navbar li a.btnblue            {background-color: #014F99;}    
#navbar li a.btnorange          {background-color: #F27022;}    
#navbar li a.btnpurple          {background-color: #854484;}    
#navbar li a.btnpink            {background-color: #E01185;}    
#navbar li a.btnltblue          {background-color: #00ACCE;}    
#navbar li a.btndrbrown         {background-color: #631812;} 
#navbar li                      {list-style: none; float: left;}
#navbar li li a                 {margin-top: 5px; width: 7em;}
#navbar li:hover li
#navbar li:focus li                 {float: none;}
   

#navbar li:focus ul ul, 
#navbar li:focus ul ul ul, 
#navbar li:focus ul ul ul ul,    
#navbar li:hover ul ul, 
#navbar li:hover ul ul ul, 
#navbar li:hover ul ul ul ul    
{
    display:none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in;
       -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
         -o-transition: all 0.5s ease-in;
            transition: all 0.5s ease-in;    
}

#navbar li:focus ul, 
#navbar li li:focus ul, 
#navbar li li li:focus ul, 
#navbar li li li li:focus ul,    
#navbar li:hover ul, 
#navbar li li:hover ul, 
#navbar li li li:hover ul, 
#navbar li li li li:hover ul    
{
    opacity: 1;
    display: block; 
    visibility: visible;  
    position: absolute; 
    background-color: #FFF;    
}

#navbar li a
{
    z-index: 60000;
    margin-left: 8px;
    margin-right: 8px;
    display: block;
    padding: 3px 13px 5px 13px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.3);
       -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.3);
            box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.3)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:    -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:     -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:      -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:         linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
    -webkit-transition: all .2s linear; /** Chrome & Safari **/
       -moz-transition: all .2s linear; /** Firefox **/
        -mo-transition: all .2s linear; /** IE **/
         -o-transition: all .2s linear; /** Opera **/
            transition: all .2s linear; 
}
 
#navbar li:hover a, #navbar li:focus a
{
	z-index: 888;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.3)), to(rgba(255,255,255,0.2)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:    -moz-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:     -ms-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:      -o-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:         linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.3);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.3);
            box-shadow: 5px 5px 5px rgba(0,0,0,.3);
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

#navbar li a:active
{
    position:relative;
    top:2px;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.2);
       -moz-box-shadow: 0px 0px 0px rgba(0,0,0,.2);
            box-shadow: 0px 0px 0px rgba(0,0,0,.2);    
}

#navbar li ul
{
    z-index: 60000;
    padding: 0px 0px 5px 0px;
    border: 1px solid #C0C0C0;
    width: 9.5em;
    /*display: none;*/
    margin-right: -150px;   /*prevent the parent menu li object from being same width of this child ul element*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in;
       -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
         -o-transition: all 0.5s ease-in;
            transition: all 0.5s ease-in; 
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 5px 5px 5px rgba(0,0,0,.2);    
    background-color: rgba(255,255,255,.2);
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.3)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:    -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:     -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:      -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:         linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
}


#navbar li:hover li a, #navbar li:focus li a  /*turn off the effect on nested lists */
{   
/*    margin-top: 5px; 
    margin-bottom: 5px; */
    z-index: 60000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.3)));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:    -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:     -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:      -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
	background-image:         linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.3));
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
} 

#navbar li li a:hover, #navbar li li a:focus
{
    z-index: 6000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.3)), to(rgba(255,255,255,0.2)));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:    -moz-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:     -ms-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:      -o-linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));
	background-image:         linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.2));

    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

/* Gallery CSS__________________________________________________________________________*/
#gallery ul
{
    margin: 0px 25px 0px 25px;
    border: solid 1px red;
}
#gallery li
{
    float: left;
    margin: 25px 10px 10px 10px;
    list-style: none outside;
    text-align: center;
    width: 135px;
}


#gallery li a .piccount
{
    background-color: #93A923;
    color:  #000;
    font-weight: normal;
    text-shadow: none !important;
    padding: 0em .5em;
    border: 2px solid #FFF;
    position:  relative;
    left: -15px; 
    top: -45px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0;
       -moz-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0;
            box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0;

}
#gallery li a
{
    display: block;
    float: left;
    min-width: 140px;
    width: auto!important;
    width: 140px;
    height: 130px;
    text-decoration: none;
    font-family:"Ampersand",cursive;
    color: #FFF;
    text-shadow: 1px 1px 0px #333333;
    font-weight: bolder;
    font-size: 1em;
    padding-top: .7em;
    padding-left: .4em;    
    background:  url('Images/callout1.png') no-repeat top center;
    -webkit-transition: all .3s linear; /** Chrome & Safari **/
       -moz-transition: all .3s linear; /** Firefox **/
        -mo-transition: all .3s linear; /** IE **/
         -o-transition: all .3s linear; /** Opera **/
            transition: all .3s linear;
}

#gallery li a:hover, #gallery li a:focus
{
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
}

.galleryinstr   {margin: 30px auto 5px auto; display: block; text-align: center; position:absolute; width:100%; bottom:0;}

#pictures li
{
    float: left;
    margin: 18px 10px 5px 10px;
    list-style: none outside;
    text-align: center;
}

#pictures li a img
{
    outline: none;

    height: 66px;
    border: 5px solid #FFF;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 5px 5px 5px rgba(0,0,0,.2);
       -moz-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 5px 5px 5px rgba(0,0,0,.2);
            box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 5px 5px 5px rgba(0,0,0,.2);
    -webkit-transition: all .3s linear; /** Chrome & Safari **/
       -moz-transition: all .3s linear; /** Firefox **/
        -mo-transition: all .3s linear; /** IE **/
         -o-transition: all .3s linear; /** Opera **/
            transition: all .3s linear;
}

#pictures li a img:hover, #pictures li a img:focus
{

    -webkit-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 8px 8px 8px rgba(0,0,0,.2);
       -moz-box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 8px 8px 8px rgba(0,0,0,.2);
            box-shadow: 1px 1px 0px #C0C0C0, -1px -1px 0px #C0C0C0, -1px 1px 0px #C0C0C0, 1px -1px 0px #C0C0C0, 8px 8px 8px rgba(0,0,0,.2);
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
} 

.prev, .next, .prev_page, .next_page, .backindex
{
    position: absolute;
    z-index: 99999;
    bottom: 0;
    border-style: none;
    margin: 0px;
    border: 0px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: width 3s linear; /** Chrome & Safari **/
       -moz-transition: width 3s linear; /** Firefox **/
        -mo-transition: width 3s linear; /** IE **/
         -o-transition: width 3s linear; /** Opera **/
            transition: width 3s linear;            
}

.prev_page              {left:0; bottom: 0;}
.next_page              {right:0; bottom: 0;}
.prev_page:after        {content: "Prev..."}
.next_page:before       {content: "Next..."}

.prev_page img:hover,
.next_page img:hover    {width: 60px;}
.backindex img:hover    {width: 45px;}

.prev               
{
    left:0;
    bottom: 0;
    -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.3);
       -moz-box-shadow: 4px 4px 3px rgba(0,0,0,.3);
            box-shadow: 4px 4px 3px rgba(0,0,0,.3);
}

.next               
{
    right: 0;
    bottom: 0;
    -webkit-box-shadow: -4px 4px 3px rgba(0,0,0,.3);
       -moz-box-shadow: -4px 4px 3px rgba(0,0,0,.3);
            box-shadow: -4px 4px 3px rgba(0,0,0,.3);
}

.backindex
{
    right: 0; top: 0; margin: 5px 5px 0px 0px;
}