@charset "utf-8";
/* CSS Document */

/***************************
GLOBAL/BASE STYLES
***************************/
html,body									{background:url(../img/siteback.jpg) repeat-x #191A40;}
body										{font:14px/20px Arial, Helvetica, sans-serif; color:#fff;}
a											{}
a:hover										{}

/***************************
STRUCTURE
***************************/
#container									{width:980px; margin:auto;}
#header										{text-align:center; margin-top:30px; background:#191A40; border:1px solid #333; padding:5px 0 10px 0;}
#nav										{background:url(../img/navback.jpg) repeat-x; line-height:40px; margin:15px 0;}
#maincont { border:5px solid #896D19; background:url(../img/contback.jpg) repeat-x #272425; padding:20px; min-height:400px; height:auto; box-sizing:border-box; display:flex; flex-direction:row; align-items:flex-start; gap:20px; }
#maincont:after { display:none; }
#short img { display:block; width:300px; height:auto; }
#short ul#images { position:relative; width:300px; height:380px; margin:0; padding:0; list-style:none; }
#short ul#images li { position:absolute; left:0; top:0; width:300px; height:380px; margin:0; padding:0; list-style:none; opacity:0; transition:opacity 1s ease-in-out; }
#short ul#images li:first-child { opacity:1; }
#short ul#images li img { width:300px; height:380px; object-fit:contain; }

/***************************
NAV
***************************/
#nav a										{display:block; float:left; text-decoration:none; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding:0 27px 0 28px; font-size:16px;}
#nav a:hover								{background:url(../img/navhover.jpg);}
#navOn a									{color:#000;}

/***************************
FOOTER
***************************/
#footer										{font-size:10px; color:#A2A3DB; padding:10px;}
#footer a									{color:#A2A3DB; text-decoration:none;}
#footer a:hover								{color:#fff; text-decoration:underline;}
#pom										{float:right;}

/***************************
CONTENT
***************************/
#wide { width:600px; flex:0 0 600px; float:none; box-sizing:border-box; }
#short { width:300px; flex:0 0 300px; float:none; box-sizing:border-box; }

/***************************
BUTTONS
***************************/

/***************************
FONTS
***************************/
h1											{font-size:16px; line-height:22px;}

/***************************
MISC
***************************/
.contpad { margin-right:0; }
#formpad									{margin-top:10px;}
#formpad td									{padding:0 5px 5px 0;}
.formfield									{width:400px; padding:4px; font-size:12px;}
#formpad select								{width:400px;}
.msg										{border:1px solid #211F20; background:#3E3A3B; text-align:left; font-weight:bold; padding:10px; margin:10px 0; font-size:11px;}