html, body { font-family:arial,sans-serif; font-size:12px; margin:0px; padding:0px; background-color:black; color:#848283; height:100%; width:100%; }
#Wrapper   { background:#000 url('pictures/gs_webgraphics/bg_main.jpg') top center no-repeat; }

div, table, td { margin:0; padding:0; }

a { color:#3b88d7; outline:none; }
a:visited { color:#3b88d7; }
a:hover   { color:white; text-decoration:underline; }
a img     { border:none; outline:none; }
ul, ul ul { list-style:square; }
p, ul     { line-height:1.7em; }

h1 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold   1.6em/1.5em arial,sans-serif; color:#bababa; }
h2 { clear:both; padding:0.5em 0 0 0; margin:0; font:bold   1.2em/1.5em arial,sans-serif; color:white; }
h3 { clear:both; padding:0.5em 0 0 0; margin:0; font:normal 1.0em/1.5em arial,sans-serif; color:white; }

strong { font-weight:bold; color:white; }

.Button { display:block; width:7em; text-align:center; background:#848283; border:1px solid #111; padding:0.2em 0; font-weight:bold; color:#000; text-decoration:none; font-size:12px; }
.Button a { text-decoration:none;  }
.Button:hover { background:#333; text-decoration:none; border:1px solid #777; }
.Button a:visited { color:white; }

/* ------------------------------------------------------------------ Main Nav */

#PageHeader .PageMenu { position:absolute; top:460px; right:0; margin:30px 0; }
#PageHeader .PageMenu .MenuItem { float:left; }
#PageHeader .MenuItem.First { border-left:0; }
#PageHeader a { display:block; font-style:italic; padding:3px 0; margin:0 15px; color:#fff; text-decoration:none; text-align:center; white-space:nowrap; font-size:18px; line-height:19px; }
#PageHeader a:hover    { color:#848283; }
#PageHeader a.Selected { text-decoration:underline; }

/* Popup header */
#PageHeader ul { list-style:none; padding:0; margin:0; position:relative; }
#PageHeader li { padding:0; margin:0; line-height:14px; }

/* Popup menu */
#PageHeader .Drop {  }
#PageHeader .PageMenu ul.l3 { width:600px; }
#PageHeader .PageMenu li.l3 { float:right; padding:0; margin:0; }
#PageHeader .PageMenu ul.l3 a { padding:0px 5px; margin:0 10px; width:auto; color:#bababa; font-size:12px; text-align:left; float:left; }
#PageHeader .PageMenu ul a:hover ul a, /*IE6*/
#PageHeader .PageMenu ul li:hover ul a { padding:0px 5px; color:#bababa; font-size:12px; text-align:left; float:left; }
#PageHeader .PageMenu ul ul a:hover    { color:#fff; }
#PageHeader .PageMenu ul ul { position:absolute; top:20px; right:-92px; z-index:200; }
#PageHeader .PageMenu ul a:hover ul, /*IE6*/
#PageHeader .PageMenu ul li:hover ul   { display:block; z-index:999999; }
#PageHeader .PageMenu ul li a:hover ul { display:block; }
#Container #PageHeader .PageMenu ul ul a:hover { color:#fff; cursor:pointer; }

#PageHeader .PageMenu ul.l3 a.SubSelected { text-decoration:underline; }

#AlbList   { display:none; width:900px; position:absolute; top:48px; left:50%; margin-left:-450px; z-index:999999; }
.TitleText { width:150px; float:right; font-style:italic; font-weight:bold; color:#fff; text-align:center; padding:4px 0; background:#000; border:2px solid #fff; }
body.aid_DEFAULT #AlbList { display:block; }

/* ------------------------------------------------------------------ Main Area */

#Container   { width:900px; margin:10px auto; padding-top:0px; position:relative; z-index:100; }
#MainArea    {  }
#PageContent { width:750px; margin:160px 0 0 50px; padding-bottom:30px; border-bottom:2px solid #fff; }

#MainArea #MainImage    { width:750px; height:450px; border:2px solid #fff; margin-left:50px; background:#000; }
#MainArea #flashcontent { width:890px; height:455px; margin-left:10px; }

/* ------------------------------------------------------------------ Page Footer */

#PageFooter { display:none; }

#Footer { width:750px; float:left; margin:10px 0 0 50px; color:#333333; overflow:auto; padding:0;}
* html #Footer { margin-left:25px; }
#FooterMain { margin:0 0 25px 0; }
#FooterMain a       { color:#444; text-decoration:none; }
#FooterMain a:hover { color:#666; text-decoration:underline; }
#Footer .Copyright  { width:250px; color:#999; float:left; line-height:10px; padding:0; margin:0; }
#Footer .Phosys     { width:300px; color:#444; float:right; text-align:right; line-height:10px; font-size:10px; padding:0; margin:0; }

#FooterLogin { width:900px; height:20px; margin:0 auto; }
#Alignment { width:325px; float:left; margin-left:50px; }
#FooterLogin .Label     { display:none; }
#FooterLogin .UserID    { display:none; }
#FooterLogin .Password  { display:none; }
#FooterLogin .TextLogin { float:left; color:#fff; margin-right:10px; font-size:10px; font-style:italic; line-height:8px; }
*+html #FooterLogin .TextLogin { margin-top:10px; }
* html #FooterLogin .TextLogin { margin-top:10px; }
#AlbumLogin .Row input  { color:#fff; width:120px; margin-top:5px; border:1px solid #333; font-size:10px; padding:2px; background:#111; float:left; }
#FooterLogin .Button    { float:right; margin-top:5px; width:70px; padding:2px 1px 3px 1px; font-size:10px; }
#FooterLogin .Button { color:#000; }
#FooterLogin .Button:hover { color:#fff; }

#Search { width:375px; float:right; display:none; }
body.cat_EVENTS #Search { display:block; }
#Search input { color:#fff; width:120px; margin-right:5px; border:1px solid #333; font-size:10px; padding:2px; background:#111; float:left;  }
#Search button { display:block; width:70px; margin:5px; text-align:center; background:#848283; border:1px solid #111; padding:2px 1px 2px 1px; font-weight:bold; color:#000; text-decoration:none; font-size:9px;  }
#Search button { color:#000; }
#Search button:hover { background:#333; text-decoration:none; border:1px solid #777; color:#fff; cursor:pointer; }
#Search span { display:none; }
.SearchText { float:left; color:#fff; margin-right:10px; font-size:10px; font-style:italic; line-height:8px; }
*+html .SearchText { line-height:25px; }
* html .SearchText { line-height:25px; }
*+html #Search input { margin-top:5px; }
* html #Search input { margin-top:5px; }
*+html body.aid_DEFAULT #Container { top:10px; }
* html body.aid_DEFAULT #Container { top:10px; }

/* ------------------------------------------------------------------ Contact Form */

#ContactForm { width:711px; height:370px; padding:40px 20px; border:2px solid #fff; margin-left:50px; background:#000; }
#ContactForm .Row { clear:both; margin:15px 0; overflow:auto; }
#ContactForm .Label   { float:left; width:190px; padding-right:20px; text-align:right; }
#ContactForm .Field   { margin:0 5px 0 0; padding:3px 0; width:300px; font-size:16px; }
#ContactForm input    { height:20px;  }
#ContactForm textarea { height:130px; }
#ContactForm select   { height:30px; }
#ContactForm .Button  { margin:0 0 0 210px; }

/* ------------------------------------------------------------------ Image Thumbnail List */

#MainArea #ImageList { width:731px; height:410px; padding:20px 20px; border:2px solid #fff; margin-left:50px; background:#000; }
#MainArea #ImageList .Item { float:left; height:120px; width:135px; padding:5px;  }
#MainArea #ImageList .Item .ThumbTable { float:left; height:100px; width:100%; }
#MainArea #ImageList .LightBox { display:none; }

body.cat_EVENTS #MainArea #ImageList .Item,
body.cat_SPORTS #MainArea #ImageList .Item { width:150px; height:120px; margin:0 9px; }

#MainArea .Pager           { clear:both; width:730px; margin:0 auto; color:#fff;  }
#MainArea .Pager .Button   { color:#fff; background:none; width:auto; margin:0; padding:0; clear:none; border:0; }
#MainArea .Pager .Next     { float:right; text-decoration:underline; margin:3px 0 0 0; }
#MainArea .Pager .Previous { float:left; text-decoration:underline; margin:3px 0 0 0; }

/* Pagination */

.Pages { width:120px; margin:0 auto; }
.Pages a { text-decoration:underline; }
.Pages ul ul a { text-decoration:none; }
.Pages ul li ul li a { text-align:left; white-space:nowrap; }
.Pages ul { padding:0; margin:0; list-style-type:none; display:block; margin:0 auto; }
.Pages li { float:left; width:auto; position:absolute; }
.Pages ul ul { visibility:hidden; position:absolute; height:150px; top:-150px; left:0; width:100px; background:black; overflow:hidden; border:1px solid #999999; }
* html .Pages ul ul { top:-165px; }
/*\*/
html>body*.Pages ul ul {overflow:auto;}
/**/
.Pages table { position:relative; top:0; left:0; border-collapse:collapse; }
.Pages ul ul li,
.Pages ul ul a { height:auto; line-height:1em; padding:5px 0px; width:80px; text-align:center; }
.Pages ul ul li { top:0px; position:relative;}
.Pages ul ul li:hover,
.Pages a:hover,
.Pages ul ul a:hover { color:#848283; background:black; }
.Pages :hover > a,
.Pages ul ul :hover > a { color:#848283; background:black; }
.Pages ul li:hover ul,
.Pages ul a:hover ul,
.Pages ul ul a:hover {visibility:visible; overflow:auto;}
.Pages ul ul ul a,
.Pages ul ul ul a:visited { height:auto; line-height:1em; padding:5px 0px; width:80px; }
.Pages ul ul ul a:hover { }
.Pages ul li:hover ul,
.Pages ul a:hover ul {visibility:visible;}
.Pages ul a:hover ul ul,
.Pages ul :hover ul ul { visibility:hidden; position:absolute; height:0; left:50px; top:0; }
.Pages ul :hover ul :hover ul,
.Pages ul a:hover ul a:hover ul { visibility:visible; }
.Pages .Selected { font-weight:bold; }
.Pages ul ul ul { height:220px !important; width:auto; background:black; z-index:500; padding-top:1px; }

/* ------------------------------------------------------------------ Image Popup Window */

#PopupWindow { background:none; background:black; }
#PopupWindow #MainImage_TheImage { }
#PopupWindow .ImageControls { overflow:auto; }
#PopupWindow .ImageControls .Previous { float:left; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow .ImageControls .Next { float:right; font-size:0.7em; color:#fff; margin:5px 0 0 0; }
#PopupWindow a[disabled] {display:none;}

/* ------------------------------------------------------------------ Buy Prints Popup */

#MetaData { cursor:pointer; color:#3b88d7; }
.MetaData { float:left; color:#CCCCCC; text-align:left; background:black; border:1px solid #CCCCCC; }
.MetaData .MetaDataTitle { font-weight:bold; color:white; background-color:#333333; text-align:left; padding:5px; font-size:11px; }
.MetaData .MetaDataField { padding:5px; font-size:11px; }
.MetaData .MetaDataFieldOver   { padding:5px; cursor:pointer; font-size:11px; }
.MetaData .MetaDataHeading     { padding:5px; font-size:11px; }
.MetaData .MetaDataHeadingOver { font-size:11px; color:#848283; }
.MetaData .MetaDataCommand     { text-align:right; padding:5px; font-size:11px; }
.MetaData .MetaDataCommandOver { cursor:pointer; color:white; text-align:right; background:#555555; padding:5px; font-size:11px; }

/* ------------------------------------------------------------------ Shopping Cart */

#ShoppingCart { width:731px; height:410px; padding:20px 20px; border:2px solid #fff; margin-left:50px; background:#000; }

#ShoppingCart .Header { float:left; clear:both; border-bottom:1px #717171 solid; }
#ShoppingCart .Header .Thumbnail { display:none; }
#ShoppingCart .Header .Product   { display:none; }
#ShoppingCart .Header .Option    { float:left; text-align:center; font-weight:bold; width:530px; }
#ShoppingCart .Header .Price     { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Quantity  { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Total     { float:left; text-align:center; font-weight:bold; width:50px; }
#ShoppingCart .Header .Remove    { float:left; text-align:center; font-weight:bold; width:25px; margin:0 5px 0 0; }

#ShoppingCart .List { height:358px; overflow:auto; clear:both; }
#ShoppingCart #BasnketList_List { width:100%; }
#ShoppingCart .Quantity input { text-align:right; width:45px; }

#ShoppingCart .Row { height:110px; margin:5px 0; padding:0; border-bottom:1px #717171 solid; overflow:auto; clear:both; }
#ShoppingCart .Row .Thumbnail table { width:100%; max-width:100px; }
#ShoppingCart .Row .Thumbnail img { max-width:100px; }
* html #ShoppingCart .Row .Thumnail img { width:100px; }
#ShoppingCart .Row .Thumbnail { float:left; text-align:center; width:110px; }
#ShoppingCart .Row .Product   { display:none; }
#ShoppingCart .Row .Option    { float:left; text-align:left;   width:395px; padding:3px 0 0 20px; color:#fff; font-weight:bold; }
#ShoppingCart .Row .Price     { float:left; text-align:center; width:50px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Quantity  { float:left; text-align:center; width:50px; }
#ShoppingCart .Row .Total     { float:left; text-align:center; width:50px;  padding:3px 0 0 0; }
#ShoppingCart .Row .Remove    { float:left; text-align:center; width:22px; }

#ShoppingCart .Footer { height:40px; overflow:hidden; position:relative; }
#ShoppingCart .Footer .Total { font-weight:bold; font-size:2em; width:auto; position:absolute; right:0; top:15px; text-align:center; }
#ShoppingCart .Footer .Button { float:left; margin:18px 10px 0px 10px; clear:none; }
#ShoppingCart .Footer .Button.Continue { float:left; width:12em; }
#ShoppingCart .Footer .Button.Update { float:left; }

/* ------------------------------------------------------------------ */

body.aid_DEFAULT #AlbumList { width:155px; height:400px; padding:0; position:absolute; top:45px; right:0; overflow:hidden; }
body.aid_DEFAULT #AlbumList .Row              { width:150px; height:110px; cursor:pointer; background:#000; border:2px solid #fff; margin:15px 0; position:relative; }
body.aid_DEFAULT #AlbumList .Row:hover { border-color:#777; }
body.aid_DEFAULT #AlbumList .Row .ThumbTable  { width:auto; margin:0 auto; }
body.aid_DEFAULT #AlbumList .Row .Title       { position:absolute; bottom:25px; right:5px; color:#fff; font-weight:bold; font-style:italic; font-size:1.5em; }
body.aid_DEFAULT #AlbumList .Row .Description { position:absolute; bottom:12px; right:5px; color:#fff; font-weight:bold; font-style:italic; font-size:1em; }
body.aid_DEFAULT #AlbumList .Row .Button      { position:absolute; bottom:0px; right:1px; background:0; border:0; color:#fff; padding:0; margin:0; font-size:11px; width:auto; color:#ccc; text-transform:lowercase; }

body.aid_EVENTS  #AlbumList { width:750px; height:450px; border:2px solid #fff; margin-left:50px; background:#000; position:relative; overflow:auto; }
body.aid_EVENTS  #AlbumList .Row              { float:left; height:200px; width:150px; padding:5px; margin:10px; cursor:pointer; position:relative; border:1px solid #ccc; }
* html body.aid_EVENTS  #AlbumList .Row { margin:8px; }
body.aid_EVENTS  #AlbumList .Row:hover { border-color:#777; }
body.aid_EVENTS  #AlbumList .Row .ThumbTable  { width:auto; margin:0 auto; }
body.aid_EVENTS  #AlbumList .Row .Title       { color:#fff; font-weight:bold; font-style:italic; font-size:1.5em; }
body.aid_EVENTS  #AlbumList .Row .Description { color:#fff; font-weight:bold; font-style:italic; font-size:1em; }
body.aid_EVENTS  #AlbumList .Row .Button      { width:150px; text-align:right; position:absolute; bottom:0px; right:0px; background:0; border:0; color:#666; }
* html body.aid_EVENTS  #AlbumList .Row .Button { padding-top:10px;}

body.aid_SPORTS  #AlbumList { width:750px; height:450px; border:2px solid #fff; margin-left:50px; background:#000; overflow:auto; }
body.aid_SPORTS  #AlbumList .Row              { float:left; height:200px; width:150px; padding:5px; margin:10px; cursor:pointer; position:relative; border:1px solid #ccc; }
body.aid_SPORTS  #AlbumList .Row:hover { border-color:#777; }
body.aid_SPORTS  #AlbumList .Row .ThumbTable  { width:auto; margin:0 auto; }
body.aid_SPORTS  #AlbumList .Row .Title       { color:#fff; font-weight:bold; font-style:italic; font-size:1.5em; }
body.aid_SPORTS  #AlbumList .Row .Description { color:#fff; font-weight:bold; font-style:italic; font-size:1em; }
body.aid_SPORTS  #AlbumList .Row .Button      { width:150px; text-align:right; position:absolute; bottom:0px; right:0px; background:0; border:0; color:#666; }

body.aid_COMMERCIAL  #AlbumList { width:750px; height:450px; border:2px solid #fff; margin-left:50px; background:#000; overflow:auto; }
body.aid_COMMERCIAL  #AlbumList .Row              { float:left; height:200px; width:150px; padding:5px; margin:10px; cursor:pointer; position:relative; border:1px solid #ccc; }
body.aid_COMMERCIAL  #AlbumList .Row:hover { border-color:#777; }
body.aid_COMMERCIAL  #AlbumList .Row .ThumbTable  { width:auto; margin:0 auto; }
body.aid_COMMERCIAL  #AlbumList .Row .Title       { color:#fff; font-weight:bold; font-style:italic; font-size:1.5em; }
body.aid_COMMERCIAL  #AlbumList .Row .Description { color:#fff; font-weight:bold; font-style:italic; font-size:1em; }
body.aid_COMMERCIAL  #AlbumList .Row .Button      { width:150px; text-align:right; position:absolute; bottom:0px; right:0px; background:0; border:0; color:#666; }





// from System Meta Data