/* standardize elements */
html		{ height: 100%; }
body		{ background: #FFF; margin: 0; padding: 0; width: 100%; height: 100%; }
blockquote	{ margin: 15px 40px; padding: 0; }
form		{ margin: 15px 0; padding: 0; }
sup			{ font-size: 75%; }
ul, ol		{ margin: 15px 0; padding: 0 0 0 40px; }
ol ol,
ol ul,
ul ol,
ul ul		{ margin: 0; }

/* visible styles */
body, td, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000000; font-size: 12px; font-family: Georgia, Times New Roman, Times, serif; }

h1, .Title		{ color: #000000; font-size: 48px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 48px; }
h2, .Header		{ color: #999999; font-size: 36px; font-weight: normal; letter-spacing: 1px; }
h3, .Subheader	{ color: #999999; font-size: 16px; font-weight: bold; letter-spacing: 1px; }

.Red		{ color: #CC0000; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #BABABA; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; }
.LargeText	{ font-size: 24px; }

/* site structure */
table#shell,
table#outerShell	{ width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
table#shell td,
table#outerShell td#innerShell 		{ width: 100%; height: 100%; text-align: center; vertical-align: middle; }

div#header		{ width: 900px; height: 75px; }
div#header h1	{ display: block; float: left; margin: 27px 0 0 0; padding: 0; }
div#content		{ width: 880px; height: 480px; padding: 10px; background: url('../images/bg_content.gif') no-repeat; }
div#content table { width: 100%; height: 100%; }
div.pagination	{ height: 50px; display: block; }

div#video-frame	{ height: 300px; margin-bottom: 10px; }

TABLE#image		{ height: 480px; }
TABLE#image td	{ vertical-align: middle; text-align: center; padding: 5px; }

TABLE#GalleryDetail			{ height: 500px; }
TABLE#GalleryDetail	TD		{ vertical-align: middle; text-align: center; }

TABLE#ThumbnailsNav			{ height: 50px; width: 100%; }
TABLE#ThumbnailsNav TD 		{ padding: 0 10px; text-align: center; font-size: 10px; color: #999999; }

/* navigation */
ul#nav	  		{ display: inline; float: right; margin: 0; padding: 45px 0 0 0; }
ul#nav li 		{ display: inline; margin: 0 0 0 20px; padding: 5px 0 0 10px; }

/* images */
img.FloatLeft	{ float: left; }
img.FloatRight	{ float: right; }
img.Thumbnail	{ height: 140px; width: 140px; border: 1px solid black; }
img.LargeImage	{ height: 450px; border: 1px solid black; }

/* links */
a			{ text-decoration: underline; }
a:link,
a:visited	{ color: #CC0000; text-decoration: none; }
a:active,
a:hover		{ color: #CC0000; text-decoration: underline; }

a.GrayLink:link,
a.GrayLink:visited	{ color: #999999; text-decoration: none; }
a.GrayLink:active,
a.GrayLink:hover	{ color: #CC0000; text-decoration: none; }

a.BlackLink:link,
a.BlackLink:visited	{ color: #000000; text-decoration: none; }
a.BlackLink:active,
a.BlackLink:hover	{ color: #000000; text-decoration: underline; }

div#header a { color: #000000; text-decoration: none; }

ul#nav li a 	    { color: #BABABA; font-size: 18px; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }
ul#nav li a:hover,
ul#nav li a.active  { color: #000000; }

a.ArrowLink			{ color: #999999; text-decoration: none; text-transform: uppercase; font-size: 32px; }
a.ArrowLink:link,
a.ArrowLink:visited,
a.ArrowLink:hover	{ color: #CC0000; text-decoration: none; }

a.ArrowLinkGray		{ color: #999999; text-decoration: none; text-transform: uppercase; font-size: 32px; }
a.ArrowLinkGray:link,
a.ArrowLinkGray:visited,
a.ArrowLinkGray:hover	{ color: #999999; text-decoration: none; }

a.ThumbnailLink			{ color: #999999; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial; }
a.ThumbnailLink:link,
a.ThumbnailLink:visited { color: #999999; }
a.ThumbnailLink:active,
a.ThumbnailLink:hover	{ color: #CC0000; text-decoration: none; }