/* Start of CMSMS style sheet 'custom_text' */
/* basics */
p,h1,h2,h3,h4,h5 { font: normal 70%/120% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #222222; }
p { padding: 0px 0px 10px 0px; margin: 0px; }
h1 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0px 0px 15px 0px; margin: 7px 0px 0px 0px;  color: #000000; }
h2 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 0px 0px; margin: 0px; }
h3 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 5px 0px 0px 0px; margin: 0px; }
h4 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 10px 0px 0px 0px; margin: 0px; }
h5 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 0px 0px; margin: 0px; }
ul,ol {	font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }

/* links */
a { font-weight: bold; color: #000000; text-decoration: none; }
a:visited { font-weight: bold; color: #000000; text-decoration: none; }
a:active { font-weight: bold; color: #000000; text-decoration: none; }
a:hover { font-weight: bold; color: #888888; text-decoration: none; }

a.intext { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
a.intext:visited { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
a.intext:active { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
a.intext:hover { font-weight: normal; color: #000000; text-decoration: none; border-bottom: 1px solid #222222; }

a.plain { font-weight: normal; color: #000000; text-decoration: none; background: #ffffff; }
a.plain:visited { font-weight: normal; color: #000000; text-decoration: none; }
a.plain:active { font-weight: normal; color: #000000; text-decoration: none; }
a.plain:hover { font-weight: normal; color: #888888; text-decoration: none; }

a.boxed { font-weight: normal; color: #ffffff; text-decoration: none; background: #000000; padding: 0px 4px 2px 4px; line-height: 140%; }
a.boxed:visited { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.boxed:active { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.boxed:hover { font-weight: normal; color: #cccccc; text-decoration: none; background: #000000; }

/* ul types */
.bulletplain { list-style: none outside url('site_images/interface/bullet.gif'); padding: 0 0 10px 10px; margin: 0;	}
.linkslist  { padding: 17px 0px 0px 0px; margin: 0; list-style: none; width: 100%; line-height: 110%; }

/* navigation elements */
#topmenu1 {	position: absolute;	bottom: 0px; padding: 0; margin: 0; list-style: none; width: 100%; }
#topmenu1 li { padding: 0; margin: 0; line-height: 13px; }
#topmenu2 {	position: absolute;	bottom: 0px; padding: 0; margin: 0; list-style: none; width: 100%; }
#topmenu2 li { padding: 0; margin: 0; line-height: 110%; }
.topmenu2d { position: absolute; bottom: 0px; padding: 0; margin: 0; list-style: none; width: 100%; }
.topmenu2d li { padding: 0; margin: 0; line-height: 13px; }

#leftmenu1 { padding: 17px 0px 0px 0px; margin: 0; list-style: none; width: 100%; }
#leftmenu1 li { padding: 0; margin: 0; line-height: 110%; }
#leftmenu1extra { padding: 0px 0px 0px 0px; margin: 0; list-style: none; width: 100%; }
#leftmenu1extra li { padding: 0; margin: 0; line-height: 110%; }
#leftmenu2 { padding: 17px 0px 0px 0px; margin: 0; list-style: none; width: 100%; }
#leftmenu2 li { padding: 0; margin: 0; line-height: 110%; }

#leftmenuparent { padding: 17px 0px 0px 0px; margin: 0; list-style: none; width: 100%; }
#leftmenuparent li { padding: 0; margin: 0; line-height: 110%; }

#rightmenu1 { padding: 16px 0px 34px 0px; margin: 0; list-style: none; width: 100%; }
#rightmenu1 li { padding: 0; margin: 0; line-height: 110%; }

a.menubold { font-weight: normal; color: #ffffff; text-decoration: none; border-left: 1px solid #ffffff; background: #000000; padding: 0px 0px 1px 4px; width: 100%; display: block; }
a.menubold:visited { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.menubold:active { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.menubold:hover { font-weight: normal; color: #cccccc; text-decoration: none; border-left: 1px solid #ffffff; background: #000000; }

a.menuplain { font-weight: normal; color: #000000; text-decoration: none; background-color: #ffffff; border-left: 1px solid #ffffff; padding: 0px 0px 1px 4px; width: 100%; display: block; }
a.menuplain:visited { font-weight: normal; color: #000000; text-decoration: none; }
a.menuplain:active { font-weight: normal; color: #000000; text-decoration: none; }
a.menuplain:hover { font-weight: normal; color: #ffffff; text-decoration: none; border-left: 1px solid #ffffff; background-color: #000000; }

a.menudull { font-weight: normal; color: #999999; text-decoration: none; padding: 0px 0px 1px 4px; width: 98%; display: block; }
a.menudull:visited { font-weight: normal; color: #999999; text-decoration: none; }
a.menudull:active { font-weight: normal; color: #999999; text-decoration: none; }
a.menudull:hover { font-weight: normal; color: #999999; text-decoration: none; cursor: default; }

a.submenubold { font-weight: normal; color: #ffffff; text-decoration: none; background: #000000; padding: 0px 0px 2px 4px; width: 98%; display: block; }
a.submenubold:visited { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.submenubold:active { font-weight: normal; color: #ffffff; text-decoration: none;  }
a.submenubold:hover { font-weight: normal; color: #cccccc; text-decoration: none; background: #000000; }

a.submenuplain { font-weight: normal; color: #000000; text-decoration: none; padding: 0px 0px 2px 4px; width: 98%; display: block; }
a.submenuplain:visited { font-weight: normal; color: #000000; text-decoration: none; }
a.submenuplain:active { font-weight: normal; color: #000000; text-decoration: none; }
a.submenuplain:hover { font-weight: normal; color: #ffffff; text-decoration: none; background-color: #000000; }

a.submenudull { font-weight: normal; color: #999999; text-decoration: none; padding: 0px 0px 2px 4px; width: 98%; display: block; }
a.submenudull:visited { font-weight: normal; color: #999999; text-decoration: none; }
a.submenudull:active { font-weight: normal; color: #999999; text-decoration: none; }
a.submenudull:hover { font-weight: normal; color: #999999; text-decoration: none; cursor: default; }

a.external { font-weight: normal; color: #000000; text-decoration: none; padding: 0px 0px 2px 4px; width: 98%; display: block; }
a.external:visited { font-weight: normal; color: #000000; text-decoration: none; }
a.external:active { font-weight: normal; color: #000000; text-decoration: none; }
a.external:hover { font-weight: normal; color: #ffffff; text-decoration: none; background-color: #000000; }

a.back { font-weight: normal; color: #000000; text-decoration: none; background: #E5E5E5; padding: 0px 0px 2px 4px; width: 98%; display: block; }
a.back:visited { font-weight: normal; color: #000000; text-decoration: none;  }
a.back:active { font-weight: normal; color: #000000; text-decoration: none;  }
a.back:hover { font-weight: normal; color: #888888; text-decoration: none; background: #E5E5E5; }


/* page area specific */
#contentmenu h2 { padding-top: 7px; padding-left: 4px; }
#contentmenu h3 { margin-top: 25px; color: #000000; padding-left: 4px; padding-top: 5px; border-top: 1px dashed #cccccc; }
#contentmenu2 h3 { margin-top: 0px; color: #000000; padding-left: 4px; padding-top: 5px; border-top: 1px dashed #cccccc; }
#contentmenu p { padding-top: 10px; padding-left: 4px; margin-right: 15px; }
.submenuheading { padding-left: 4px; }

#contentmain h2 { line-height: 120%; }
#contentmain h3 { padding-top: 5px; }

#contentright h2 { padding-top: 3px; }
#contentright p { font-style: italic; padding-top: 5px; padding-bottom: 10px; margin-right: 8px; }

#contentgallery  h1 { font-size: 70%; color: #000000; padding-top: 5px; padding-bottom: 0px ; }
#contentgallery p { font-style: italic; padding-top: 0px; padding-bottom: 0px; }

#contentblog h1 { clear: both; padding-bottom: 5px; }
#contentblog h2 { clear: both; padding-top: 10px; padding-bottom: 5px; }
.blog { float: right; padding: 5px 0px 20px 20px; }

/* other */
.bright { color: #000A8A; }
.dgrey { color: #222222; }
.mgrey { color: #444444; }
.lgrey { color: #777777; }
.light  { color: #cccccc; font-weight: normal; }
.stronger { color: #555555; font-style: italic; }
.fivehigh { font: normal 1px/1px sans-serif; height: 4px; display: block; }

.notxtspace { padding: 0px; margin: 0px; }
.moreabove { padding-top: 10px; }
.morebelow { padding-bottom: 10px; }

.caption { font-style: italic; padding-bottom: 0px; }
.quote { font-style: italic; padding-top: 5px; padding-bottom: 0px; }
.quoteby { font-weight: bold; padding-bottom: 10px; }


.strap { color: #888888; }
#strapline a { font-weight: normal; color: #888888; text-decoration: none; }
#strapline a:visited { font-weight: normal; color: #888888; text-decoration: none; }
#strapline a:active { font-weight: normal; color: #888888; text-decoration: none; }
#strapline a:hover { font-weight: normal; color: #000000; text-decoration: none; }

#getflash { padding: 6px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#getflash p { color: #888888; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#getflash a { font-weight: normal; color: #888888; text-decoration: none; }
#getflash a:visited { font-weight: normal; color: #888888; text-decoration: none; }
#getflash a:active { font-weight: normal; color: #888888; text-decoration: none; }
#getflash a:hover { font-weight: normal; color: #000000; text-decoration: none; }

/* comment styling */
#comments { color: #000; }
#comments ul { font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 0px; margin: 10px 0 0 0; list-style: none; }
#comments li { background: #EBEBEB; margin: 0px 0px 10px 0px; padding: 4px 10px 10px 10px; }
#comments h3 { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
#comments h4 { font: bold 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
#comments p { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding-right: 10px; margin: 10px 0px 0px 0px; }

#comments form { padding: 0; margin: 0; }
#comments h2 { font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; margin:0; background: #EBEBEB; padding: 6px 20px 10px 10px; }
#comments input { width: 210px; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
#comments textarea { width: 210px; height: 90px; overflow: auto; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }

.addcomments { width: 100%; background: #EBEBEB; font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; } 
#comments td { vertical-align: top; padding-top: 4px; padding-left: 10px; }
.commentlabel { width: 80px; }
.commentsubmit { background: #333333; color: #ffffff; border: 1px solid #999999; }
.commentend { height: 10px; font: normal 1px/1px sans-serif; }
.required { padding-left: 2px; color: #666666; }
.red { color: #990033; }


/* registration styling */
#contentregister h1 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
#contentregister p { padding-right: 20px; }
.registertbl { width: 100%; margin: 0; padding: 0; text-align: left; }
.registerlabel { width: 180px; vertical-align: top; padding-top: 4px; }
#contentregister td { padding-bottom: 3px; }

#pagelogin form { font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; margin: 10px 0 0 0; }
#pagelogin input { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
#pagelogin select { width: 260px; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
#pagelogin textarea { width: 260px; height: 140px; overflow: auto; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }

#suggestheader  h1 { font: bold 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
#suggestheader  p { padding-right: 20px; }

#contentregister form { font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #000000; margin: 10px 0 0 0; }

#contentregister input { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
#contentregister select { width: 260px; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
#contentregister textarea { width: 260px; height: 140px; overflow: auto; font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; }
.logintbl { width: 310px; margin: 0px 0px 0px 0px; padding: 0px 4px 4px 0px; text-align: left; }
.loginlabel { width: 70px; vertical-align: top; padding-top: 4px; }
.uploadlabel { width: 66px; vertical-align: top; padding-top: 4px; }
.instruct { font-style: italic; color: #444444; }

#forgot a { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#forgot a:visited { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#forgot a:active { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#forgot a:hover { font-weight: normal; color: #000000; text-decoration: none; border-bottom: 1px solid #222222; }
#forgot { text-align: right; padding-right: 6px; }

#forgotten p { font: normal 70%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0px 0px 0px; }
#forgotten form { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 10px 0px 0px 0px; }
#forgotten input { width: 160px; margin-top: 3px; } 

#loginlink a { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#loginlink a:visited { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#loginlink a:active { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#loginlink a:hover { font-weight: normal; color: #000000; text-decoration: none; border-bottom: 1px solid #222222; }
#loginlink { color: #666666; padding-left: 12px; }

#resendme { font: normal 100%/130% "Lucida Grande","Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; padding-right: 30px; }
#resendme a { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#resendme a:visited { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#resendme a:active { font-weight: normal; color: #666666; text-decoration: none; border-bottom: 1px solid #999999; }
#resendme a:hover { font-weight: normal; color: #000000; text-decoration: none; border-bottom: 1px solid #222222; }

/* links page */
div#links a { font-weight: normal; color: #000000; text-decoration: none; }
div#links a:visited { font-weight: normal; color: #000000; text-decoration: none; }
div#links a:active { font-weight: normal; color: #000000; text-decoration: none; }
div#links a:hover { font-weight: normal; color: #888888; text-decoration: none; }
div#links ul { list-style: none outside url('site_images/interface/arrow.gif'); padding: 0 0 10px 16px; margin: 5px 0 15px 0; }
div#links h2 { margin-top: 7px; margin-left: 1px; }

/* design/competition menu specific positioning */
div#designmenu ul.topmenu2d { position: absolute; bottom: -3px; padding: 0; margin: 0; list-style: none; width: 100%; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; }

/* End of 'custom_text' */

/* Start of CMSMS style sheet 'custom_structure' */
/* base */
#contentarea { width: 770px; margin: 14px auto 0 auto; padding: 0px 0px 14px 0px; text-align: left; }
.stretchme { width: 100%; height: 100%; }
#menuarea { height: 133px; background: #ffffff; margin: 0; padding:0; }
#pagearea { background: #ffffff; margin: 0; padding: 0; z-index: 40; }

/* menu */
.positionmenu { position: absolute; z-index: 30; }
.position1 { position: absolute; left: 15px; width: 406px; height: 119px; padding: 0px; margin: 0px; }
.position2 { position: absolute; left: 432px; width: 165px; height: 122px; padding: 0px; margin: 0px; }
.position3 { position: absolute; left: 597px; width: 163px; height: 122px; padding: 0px; margin: 0px; }
.position4 { position: absolute; visibility: hidden; left: 597px; width: 163px; height: 122px; padding: 0px; margin: 0px; }

.positionrollout { position: absolute; z-index: 20; }
.rolloutarea { position: absolute; left: 422px; width: 348px; height: 133px; padding: 0px; margin: 0px; }
a.rolloutdiv { width: 100%; height: 100%; display: block; }
a.rolloutlink { width: 348px; height: 133px; display: block; }

.logo { position: absolute; bottom: 0px; padding: 0; margin: 0; }
#strapline { position: absolute; top: 13px; left: 0px; padding: 0; margin: 0; width: 406px; }

/* useful */
.breaker { height: 14px; font: normal 1px/1px sans-serif; }
.clearer { clear: both; font: normal 1px/1px sans-serif; }

/* content blocks */
#leftmargin { width: 10px; float: left; padding: 0; margin: 0; font: normal 1px/1px sans-serif; }
#contentmenu { width: 158px; float: left; margin: 10px 0px 30px 0px; padding: 0; }
#contentmain { width: 322px; float: left; margin: 10px 0px 10px 14px; }
#contentgallery { width: 560px; float: left; margin: 14px 0px 10px 14px; }
#contentalbum { width: 560px; float: left; margin: 40px 0px 0px 14px; }
#contentblog { width: 560px; float: left; margin: 14px 0px 10px 14px; }
#contentregister { width: 560px; float: left; margin: 10px 0px 9px 10px; padding: 7px 10px 20px 10px; background: #EBEBEB; }
#contentsuggest { width: 580px; float: left; margin: 10px 0px 9px 10px; padding: 0; }
#suggestheader { margin: 0; padding: 7px 10px 10px 10px; background: #EBEBEB; }
#contentright { width: 248px; float: left; margin: 14px 0px 10px 14px; }
.footer { background: #fff; }


/* albums styling */
#albumrow1 { padding: 0; }
#albumrow2 { padding: 0; }
#leftmargin2 { width: 10px; float: left; padding: 0; margin: 0; font: normal 1px/1px sans-serif; }
#contentmenu2 { width: 158px; float: left; margin: 10px 0px 30px 0px; padding: 0; }
#contentalbum2 { width: 560px; float: left; margin: 10px 0px 0px 14px; }

div.randomimg img { border: none; }
div.randomimg h2 { color: #222222; margin-top: 10px; }
div.randomimg p { color: #222222; }
div.randomimg a { font-weight: normal; color: #222222; text-decoration: none; }
div.randomimg a:visited { font-weight: normal; color: #222222; text-decoration: none; }
div.randomimg a:active { font-weight: normal; color: #222222; text-decoration: none; }
div.randomimg a:hover { font-weight: normal; color: #888888; text-decoration: none; }

/* homepage styling */
div#homepagearea { margin: 0 10px 0 10px; padding: 10px 0 10px 0; }
img.homeimage { float: right; border: none; }
div.homeenterflash { float: left; width: 403px; height: 300px; }
div#homeend { background: #ffffff; margin: 14px 0 0 0; padding: 5px 0 0 0; z-index: 41; text-align: left; }
div#homeend img { margin-left: 8px; }


/* non-flash image styling */
.nonflashbg {width: 100%; height: 100%; background-color: #000000; }
#noflashimage { width: 100%; height: 100%; background: #000000; }
.blackbg { background: #000000; }

.kathy { position: relative; }
.kathytemp { width: 100%; height: 100%; background-color: #000000; }

div#nonflashbgimage { width: 100%; height: 100%; }
.nonflash01 { background: #000000 url(uploads/images/bgimages/noflash01.jpg) no-repeat top left; }
.nonflash02 { background: #000000 url(uploads/images/bgimages/noflash02.jpg) no-repeat top right; }
.nonflash03 { background: #000000 url(uploads/images/bgimages/noflash03.jpg) no-repeat middle left; }
.nonflash04 { background: #000000 url(uploads/images/bgimages/noflash04.jpg) no-repeat top left; }
.nonflash05 { background: #000000 url(uploads/images/bgimages/noflash05.jpg) no-repeat top right; }
.nonflash06 { background: #000000 url(uploads/images/bgimages/noflash06.jpg) no-repeat bottom left; }
.nonflash07 { background: #000000 url(uploads/images/bgimages/noflash07.jpg) no-repeat bottom left; }
.nonflash08 { background: #000000 url(uploads/images/bgimages/noflash08.jpg) no-repeat bottom left; }
.nonflash09 { background: #000000 url(uploads/images/bgimages/noflash09.jpg) no-repeat top left; }
.kidsbg { background: #000000 url(uploads/images/bgimages/kids/blu-fly-bats.jpg) repeat-x top left; }

/* End of 'custom_structure' */

