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

/*NOTES: display:inline = Displays elements in a ul in a horizontal line.
         display:block = Displays elements in a ul in a vertical line, or stacked.
         ul has display:inline.
         ul li has float:left. */

/* These are for index.html */
.homebody {
margin:0;
padding:0;
background:transparent url(../../images/2009/interface/water_bg_4.gif) repeat-y scroll left top;
/*background-color: #40C3D3;*/
background-color: #222;
width: auto;
height: auto;
border: none 1px #F00;
}

.homecontents {
margin:0;
padding:0;
width:auto;
height:auto;
position:static;
border: none 1px #F00;
background-color:none;
}

.homecontents ul {
list-style-type:none;
display:block;
}

.homecontents ul li {
float:left;
clear:both;
}

#homelogo {
margin:0;
padding:0;
width:286px;
height:777px;
position:absolute;
left:0px;
top:0px;
z-index:5;
}

.homeimage {
margin:0;
padding:0;
width:286px;
height:777px;
background:url(/images/2009/interface/sprites_random_home.png) no-repeat scroll;
}

.hometopnav {
margin:0;
padding:0 0 0 250px;
height:400px;
width:300px;
background:none;
position:relative;
top:0px;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:25px;
font-weight:bold;
z-index:6;
}

.hometopnav ul {
list-style-type:none;
display:block;
}

.hometopnav ul li {
float:left;
clear:both;
}

.homeTwitterLink {
margin:0;
padding:25px 0 0 0;
width:125px;
}

.homeFacebookLink {
margin:0;
padding:25px 0 0 0;
width:130px;
}

.homeTwitterLinkLbl, .homeFacebookLinkLbl  {
margin:0;
padding:2px 0 0 0;
font-size:16px;
line-height:1.0;
}

.hometopnav a:link {
color:#999;
text-decoration:none;
}

.homeTwitterLink a:link, .homeFacebookLink a:link {
color:#999;
text-decoration:none;
}

.hometopnav a:visited, .homeTwitterLink a:visited, .homeFacebookLink a:visited {
color:#666;
text-decoration:none;
}

.hometopnav a:hover, .homeTwitterLink a:hover, .homeFacebookLink a:hover {
margin:0;
padding:0;
background:none;
height:400px;
width:300px;
position:relative;
top:0px;
text-decoration:none;
color:#FFF;
}

/*end */









.body {
margin:0 auto;
padding:0;
-x-system-font:none;
text-align:left;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
color:#000;
/*background-color:#21495B;*/
background:transparent url(../../images/2009/interface/bg_gradient_gray.gif) repeat-x left top;
background-color:#303030;
}

.skin {
background-image:url(../../images/2009/interface/bg_vines.png);
background-repeat:no-repeat;
background-position:top;
background-color:none;
}

.container {
height:auto;
width:968px;
margin:0 auto;  /* this centers the page. */
padding:0;
border: none 1px #F00;
background-color:#000;
}

.header {
height:auto;
width:auto;
margin:0;
padding:0;
border: none 1px #F00;
background-color:#222;
/* background-color:#0FF; */
}

/* redundant classes here - start ///////////////////////////////////// */

.footer .mainContent .header {
width:auto;
}

.tier {
/* clearing both left and right sides of this element so that next element does not display horizontally. */
clear:both;
border:1px none #FFFF00;
}

/* redundant classes here - end ///////////////////////////////////// */


/* start tier1 - contains the logo on top-left and the topnav on the top-right of the page. */
.tier1 {
margin:0;
padding:0;
height:149px;
/*background-color:#1B3636;*/
background:transparent url(../../images/2009/interface/header2_bg.png) repeat-x scroll center top;
}

.tier1 ul {
/* don't show bullets */
list-style-type:none;
display:inline;
}

.tier1 ul li {
float:left;
margin:10px 0 10px 10px;
}

/* logo - this is part of tier1, which is located at top-left of the page. */
.logo {
width:475px;
height:125px;
margin:0;
padding:0;
border:1px none #000000;
float:left;
}

.logoContainer {
width:475px;
}

/* topnav - this is part of tier1, which is located at top-right of the page. Note: These styles not in use as of 04.03.2010. Refer to .socialMediaContainer */
/*
.topnav {
margin:0;
padding:16px 0 16px 245px;
border: none 1px #FF0000;
color:#CC00FF;
}

.topnav ul{
/ * don't show bullets * /
list-style-type:none;
display:inline;
}

.topnav ul li{
float:left;
}

.topnav a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC00FF;
}
*/

/* end tier1 */

/* start tier2 - contains the tabs for art, photos, and videos. Note: Not in use as of 04.03.2010. Refer to .altTier2 */
/*
.tier2 {
height:63px;
margin:0;
padding:0 320px 0 16px;
background:transparent url(../../images/2009/interface/tier2_bg.jpg) repeat scroll 0 0;
border:1px none #ff0000;
}

.tier2 ul { 
/ * don't show bullets * /
list-style-type:none;
display:inline;
border:1px none #ffff00;
position:relative;
}

.tier2 ul li {
display:inline;
border:1px none #00ffff;
}

.tier2 ul li a.curArt {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -252px 0;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.curPho {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -252px -45px;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.curVid {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -252px -90px;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.tabArt {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll 0 0;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.tabArt:hover {
background-position:-126px 0;
}

.tier2 ul li a.tabArt:active {
background-position:-252px 0;
}

.tier2 ul li a.tabPho {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll 0 -45px;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.tabPho:hover {
background-position:-126px -45px;
}

.tier2 ul li a.tabPho:active {
background-position:-252px -45px;
}

.tier2 ul li a.tabVid {
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll 0 -90px;
float:left;
height:45px;
width:126px;
}

.tier2 ul li a.tabVid:hover {
background-position:-126px -90px;
}

.tier2 ul li a.tabVid:active {
background-position:-252px -90px;
}

*/

/* end tier2 */

/* start tier3 - contains the breadcrumbs. */

.tier3 {
background: url(../../images/2009/interface/sprites.png) repeat-x scroll 0 -187px;
/*background-position: 0px -135px;*/
height:36px;
margin:0;
padding:0;
background-color:#000;
}

.tblBreadcrumbs {
margin: 0;
padding: 5px;
border: none 1px #ff0;
width:auto;
}

.tblBreadcrumbs td {
padding:5px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.85em;
color:#fff;
}

/* end tier3 */

/* start breadcrumbs.php include style. Note: This is for class 'breadcrumbs' in breadcrumbs.php include. */

.breadcrumbs a {
color:#a1a1a1;
}

/* end breadcrumbs.php include style. */

/* start mainContent - contains sifr header and main contents. */
/* start sifr header. */

h1 {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 35px;
font-weight:lighter;
color:#FFFFFF;
letter-spacing: -.01em;
line-height: 1em;
text-align: left;
}

hr {
border:0px;
color:#131313;
background-color:#131313;
height:1px;
width:100%;
}

.sifrWrapper {
background-color: #000;
height: auto;
width: auto;
margin: 0;
padding: 10px 0 10px 10px;
border: none 1px #ff0000;
}

.sifr {
visibility: visible;
}

.sifr-replaced {
visibility: visible !important;
}   

.sifr-replaced .alt {
position: absolute;
left: 0;
top: 0;
width: auto;
height: 0;
display: block;
overflow: hidden;
}

/* end sifr header. */

/* start main contents. */
.mainContent {
height:auto;
padding:0;
background-color:#000;
float:left;
width:100%;
}

.linkThumbsPagerWrapper {
	margin:0;
	padding:0;
}

.linkThumbsWrapper {
background-color: none;
height:auto;
margin:0 auto 0 auto;
width: auto;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.83em;
color:#ffff00;
padding:0;
border: none 2px #ff0000;
overflow:hidden;
position:relative;
top:0px;
vertical-align:top;
}

.tblLinksThumbs {
width:auto;
height:auto;
margin:0 10px 0 2px;
padding: 0;
border: none 1px #ff0;
text-align:center;
vertical-align:top;
}

.tnLinks {
border:0;
border-style:none;
padding:2px;
}

.tnLinksLabel {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.95em;
font-weight: bold;
color:#fff;
margin:0;
padding:5px 0 10px 0;
}

.tnLinksLabel span {
font-weight: normal;
}

.tblPagingNav {
padding: 0;
border: 0px solid #fff;
width:568px;
height: 35px;
background-color: #222;
font-size:18px;
}

.pgNavLeft {
padding:0 0 0 10px;
width:30%;
text-align:left;
}

.pgNavCenter {
width:40%;
text-align:center;
}

.pgNavRight {
padding:0 10px 0 0;
width:30%;
text-align:right;
}

.pagingNavLinksOut a.pagingNavLinks {
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
/*font-size: 0.98em;*/
}
.pagingNavLinksOut {
font-weight:bold;
color:#100d10;
}

a.pagingNavLinks {
font-weight: bolder;
color:#666;
text-decoration:none;
}

a.pagingNavLinks:hover {
color:#999;
}

a.pagingNavLinks:active  {
color:#999;
}

#getflash {
padding:0px 15px 5px 10px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.60em;
color:#666;
}

#fallback {
width: 668px;
height: auto;
background-color: #000;
}

#homeflash {
padding:0;
width: 618px;
height: auto;
background-color: #000;
}

#homeflash_fallback {
padding:15px 5px 5px 5px;
width: 160px;
height: 41px;
background-color: #000;
background:transparent url(../../images/2009/interface/160x41_get_flashplayer.gif) no-repeat scroll 0 0;
}

.homeflash_fallback_hotspot {
width:160px;
height:41px;
}









.pluginReqWrapper {
border: none 1px #ff0000;
padding:0;
}

.pluginReqWrapper ul {
/* don't show bullets */
list-style-type:none;
display:inline;
border:1px none #ffff00;
}

.pluginReqWrapper ul li {
border:1px none #00ffff;
float:left;
}

.tblFallbackImages {
margin: 0;
padding: 0;
width:568px;
height:auto;
border: none 1px #ff0;
}

.fallbackImagesWrapper {
margin:0;
padding:0 0 0 10px;
background-color: none;
height:auto;
width: auto;
font-family: Arial, Helvetica, Verdana, sans-serif;
border: none 2px #ff0000;
overflow:hidden;
position:relative;
top:0px;
}

.fallbackLblImgWrapper {
margin:0;
padding:0;
vertical-align:top;
}

.fallbackImgLabel {
margin:0px 0px 0px 0px;
padding:30px 0px 0px 0px;
font-size: 23px;
font-weight:bold;
color:#FFF;
}

.fallbackImg {
border:0;
border-style:none;
padding:0;
}

.artImgDesc {
margin:0;
padding:0;
width:422px;
font-size: 13px;
font-weight:regular;
color:#CCC;
}










/* end main contents. */

/* Using non-image tabs. Created 08.16.09 Note: These styles are not in use as of 04.04.2010. Refer to navigation styles at the very bottom. */

/*
.altMasterTabs {
margin:0;
padding:8px 0 0 21px;
height:63px;
border: none 1px #00F;
background:transparent url(../../images/2009/interface/sprites.png) repeat-x scroll -15px -65px;
display:block;
/ *background-color:#3F6;* /
}

.altTier2 {
height:63px;
margin:0;
/ *padding:11px 0 0 10px;* /
padding:0;
border:1px none #ff0000;
/ *background-color:#C90;* /
}

.tabArtText {
padding:11px 0 0 36px;
}

.tabPhotosText {
padding:11px 0 0 25px;
}

.tabVideosText {
padding:11px 0 0 25px;
}

.masterTabText {
margin:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:0.85em;
color:#FFF;
border: none 1px #00F;
}

.altMasterTabArt {
margin:0;
padding:0;
width:106px;
height:45px;
color:#FFF;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -15px -3px;
}

.altMasterTabArtHotSpot {
padding:0;
width:90px;
height:37px;
color:#FFF;
border: none 1px #00F;
}

.altMasterTabArt a:hover {
margin:0;
padding:0;
width:106px;
height:45px;
color:#FFF;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -141px -3px;
}

.altMasterTabArtCur {
margin:0;
padding:0;
width:106px;
height:45px;
border: none 1px #FF0000;
color:#FFF;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -267px -3px;
}

.altMasterTabPho {
margin:0;
padding:0;
width:106px;
height:45px;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -15px -3px;
}

.altMasterTabPhoHotSpot {
padding:0;
width:90px;
height:37px;
color:#FFF;
border: none 1px #00F;
}

.altMasterTabPho a:hover {
margin:0;
padding:0;
width:106px;
height:45px;
color:#FFF;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -141px -3px;
}

.altMasterTabPhoCur {
margin:0;
padding:0;
width:106px;
height:45px;
border: none 1px #FF0000;
color:#FFF;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -267px -3px;
}

.altMasterTabVid {
margin:0;
padding:0;
width:106px;
height:45px;
color:#FFF;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -15px -3px;
}

.altMasterTabVidHotSpot {
padding:0;
width:90px;
height:37px;
color:#FFF;
border: none 1px #00F;
}

.altMasterTabVid a:hover {
margin:0;
padding:0;
width:106px;
height:45px;
color:#FFF;
border: none 1px #00F;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -141px -3px;
}

.altMasterTabVidCur {
margin:0;
padding:0;
width:92px;
height:45px;
border: none 1px #FF0000;
color:#FFF;
float:left;
text-decoration:none;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -267px -3px;
}

*/

/* Using non-image tabs end. Created 08.16.09 */


/* Sidebar styles - Start */
.sidebar {
height:auto;
background-color:#C39;
float:right;
width:30%;
}

.sidebarWrapper {
border: none 1px #ff0000;
padding:0 5px 0 5px;
}

.sidebarWrapper ul {
/* don't show bullets */
list-style-type:none;
display:block;
border:1px none #ffff00;
position:relative;
}

.sidebarWrapper ul li {
border:1px none #00ffff;
}

.sidebarHeader1 {
width:238px;
height:50px;
margin:0;
padding:0 0 5px;
border:1px none #000000;
}

.sidebarItemDivider {
margin:0;
padding:0;
width:238px;
height:1px;
background: url(../../images/2009/interface/sprites.png) no-repeat scroll 0 -129px;
}

.socialMediaButton {
margin:0;
padding:0 0 0 25px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll 0 0;
top:0px;
/* float:right; */
background:none;
clear:both;  /* Note: Use this only if stacking */
}

.socialMediaButton a:link {
color:#999;
text-decoration:none;
}

.socialMediaButton a:visited {
color:#666;
text-decoration:none;
}

.socialMediaButton a:hover {
/* background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -188px 0; */
color:#FFF;
text-decoration:none;
}

.fbIcon {
margin:0;
padding:0;
width:23px;
height:23px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -256px -137px;
top:8px;
left:8px;
float:left;
}

.twitterIcon {
margin:0;
padding:0;
width:23px;
height:23px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -287px -137px;
top:8px;
left:8px;
float:left;
}

.socialMediaButtonLbl {
margin:0;
padding:4px 0 0 5px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
float:left;
}

.socialMediaContainer {
margin:0;
padding:0;
width:450px;
display:block;
}

/* Not in use as of 04.01.10
.sidebarContent1 {
background:transparent url(../../images/2009/interface/sidebar_content_bg.jpg) no-repeat scroll 0 0;
width:238px;
height:138px;
padding:5px 5px 5px 5px;
}

.sidebarContent2 {
background:transparent url(../../images/2009/interface/sidebar_content_bg.jpg) no-repeat scroll 0 0;
width:238px;
height:138px;
padding:5px 5px 5px 5px;
}

.sidebarContent3 {
background:transparent url(../../images/2009/interface/sidebar_content_bg.jpg) no-repeat scroll 0 0;
width:238px;
height:138px;
padding:5px 5px 5px 5px;
}

.sidebar h3, .sidebar p {
margin:1em 1em 1em 1em;
}
*/

/* Sidebar styles - End */



/* Footer styles - Start */
.footer {
background:transparent url(../../images/2009/interface/footer2_bg.png) no-repeat scroll 0 0;
/*background-color:#1B3636;*/
background-color:#222;
height:150px;
margin:0;
padding:10px 0 0 0;
}

/*
.realfooter {
margin:0;
padding:0;
height:225px;
width:auto;
background:transparent url(../../images/2009/interface/footer2_bg.png) repeat-x scroll 0 0;
background-color:#303030;
}
*/

.footerWrapper {
/* don't show bullets */
margin:0;
padding:0;
}

.footerWrapper ul {
padding:10px 0 0 10px;
list-style-type:none;
display:block;
}

.footerlinks {
margin:0;
padding:0;
border: none 1px #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#999;
}

.copyright {
margin:0;
padding:15px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
text-decoration:none;
}

.footerlinks a:link, .copyright a:link {
color:#999;
text-decoration:none;
}

.footerlinks a:visited, .copyright a:visited {
color:#666;
text-decoration:none;
}

.footerlinks a:hover, .copyright a:hover {
color:#FFF;
text-decoration:none;
}

.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0;
}

/* Footer styles - End */





/* MAIN NAVIGATION AS OF 04.07.2010 :::::::::::::::::::::::::::::: START */


.tier2 {
height:63px;
margin:0;
padding:0;
border:1px none #ff0000;
}



.mainNav {
margin:0;
padding:8px 0 0 21px;
height:63px;
border: none 1px #00F;
background:transparent url(../../images/2009/interface/sprites.png) repeat-x scroll -15px -65px;
}

.mainNav ul {
margin:0;
padding:0;
display:block;
list-style-type:none;
}

.mainNav ul li {
float:left;
}





.mainNavButtonArt, .mainNavButtonPhotos, .mainNavButtonVideos, .mainNavButtonBlog,
.mainNavButtonArt:link, .mainNavButtonPhotos:link, .mainNavButtonVideos:link, .mainNavButtonBlog:link,
.mainNavButtonArt.a, .mainNavButtonPhotos.a, .mainNavButtonVideos.a, .mainNavButtonBlog.a {
margin:0;
padding:0;
width:188px;
height:55px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll 0 0;
position:relative;
top:0px;
color:#333;
text-decoration:none;
font-weight:bold;
font-size:16px;
}

.mainNavButtonArt a:visited, .mainNavButtonPhotos a:visited, .mainNavButtonVideos a:visited, .mainNavButtonBlog a:visited {
font-weight:bold;
font-size:16px;
color:#333;
text-decoration:none;
}

/* Set margin and padding last to prevent premature misalignment of the position of sprite */
.mainNavButtonArt a:hover, .mainNavButtonPhotos a:hover, .mainNavButtonVideos a:hover, .mainNavButtonBlog a:hover {
width:188px;
height:55px;
float:left;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -188px 0px;
position:relative;
top:0px;
color:#999;
text-decoration:none;
margin:0;
padding:0;
}

.mainNavButtonSelArt, .mainNavButtonSelPhotos, .mainNavButtonSelVideos, .mainNavButtonSelBlog {
margin:0;
padding:0;
width:188px;
height:55px;
font-weight:bold;
font-size:16px;
float:left;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -376px 0px;
position:relative;
top:0px;
color:#23A8B7;
}

.mainNavButtonSelLbl, .mainNavButtonLbl {
margin:0;
padding:4px 0 0 56px;
text-align:left;
position:relative;
top:0px;
left:5px;
}


















.blogIcon {
margin:0;
width:36px;
height:42px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -194px -138px;
position:absolute;
top:8px;
left:13px;
}

.videosIcon {
margin:0;
width:36px;
height:42px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -132px -138px;
position:absolute;
top:8px;
left:13px;
}

.photosIcon {
margin:0;
width:36px;
height:42px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -70px -138px;
position:absolute;
top:8px;
left:13px;
}

.artIcon {
margin:0;
width:36px;
height:42px;
background:transparent url(../../images/2009/interface/sprites.png) no-repeat scroll -8px -138px;
position:absolute;
top:8px;
left:13px;
}

.innerButtonBurb {
font-size:10px;
font-weight:normal;
line-height:1.0;
}

/* MAIN NAVIGATION AS OF 04.07.2010 :::::::::::::::::::::::::::::: PAU */