
/* CSS Snippett */
/* Standardises Styles Across Browsers */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }

h1, h2, h3, h4, h5, h6, p { padding:0.5em 0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }

ins { background-color:#000; color:#FFF; text-decoration:none; }

mark { background-color:#000; color:#FFF; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* Site Styles */
html { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
body { background-attachment: fixed; background-color: #81C4DF; background-image: url(../images/background.png); background-position: bottom left; background-repeat: no-repeat; }
body.mailing { background-color: transparent; background-image: none; text-align: right; }

#container { margin: 54px 0px 0px 75px; width: 915px; }

div#top { height: 146px; }
div#top div#logo { display: none; float:left; height: 131px; opacity: 0; padding: 0px; width:224px; }
div#top div#info { display: none; margin: 0px 250px 0px 252px; opacity: 0; width: 402px; }
div#top div#album { display: none; float: right; opacity: 0; width: 228px; }


div#maindiv { clear: both; display: none; margin: 0px; padding: 20px 0px; }
div#family { float:right; margin: 0px 40px 0px 0px; }
div#content { height: 300px; margin: 0px 40px; overflow: hidden; padding: 0px 10px; position: relative; width: 482px; }
div#content div#pages { position:absolute; top:0; left:0; width:3535px; float:left; }
div#content div#pages div.col { display:block; width:502px; height:300px; float:left; overflow: auto; }
div#content div#pages div.col a { color:#F8E74E; font-weight: normal; text-decoration: none; }
div#content div#pages div.col a:hover { color: #000; text-decoration: none; }
div#content div#pages div.col p span.title a { color:#F8E74E; font-weight: normal; text-decoration: none; }
div#content div#pages div.col p span.title a:hover { color: #000; text-decoration: none; }
div#content div#pages div.col p span.date { font-size: 11px; }
div#content div#pages div.col div.left { float: left; width: 50%; }
div#content div#pages div.col div.right { margin-left: 58%; }
div#content div#pages h1 { color: #F8E74E; font-size: 16px; font-weight: normal; }
form { margin-top: 10px; }
label { width:15px; font-size: 12px; font-weight: bold; padding-right: 5px; padding-top:3px; text-align: right; }
input[type=text] { background-color: transparent; border:1px solid #F8E74E; margin:0; padding:3px 2px; height:14px; width:133px; font-size:11px; color:#333; outline:none; }
input[type=submit] { width:auto; height:24px; margin:-1px 0px 0px 0px; padding:1px 6px 2px 6px; border:1px solid #fff; background-color:#E59EA1; color:#fff; font-size:13px; }
input[type=submit]:hover { background-color:#61B7B2; cursor:pointer; }

div#footer { bottom: 15px; display: none; height: 47px; margin: 0px; padding: 0px; position: fixed; z-index:100; }
div#footer ul { list-style:none; white-space:nowrap; margin: 0px; padding: 10px 0px 0px 0px; }
div#footer ul li { margin: 0px 40px 0px 0px; padding:0px; display:block; float:left; position: relative; }
div#footer ul li.clips { padding: 3px 0px 0px 0px; }

div#launch { background-image: url(../images/bg-launch.png); background-repeat: repeat; color:#FFF; font-size: 16px; height: 30px; margin-left: 257px; opacity: 0; padding: 5px 5px; position: absolute; top:0; width: 211px; }
div#launch table td{ padding: 5px 5px; vertical-align: middle; }
div#launch div.launch-text { opacity:0; font-size: 12px; }
div#launch div.launch-text a { color: #FFF; text-decoration: none; }
div#launch div.launch-text a:hover { text-decoration: underline; }
div#launch div.launch-text table { margin: 0px auto; width: 350px; }
div#launch div.launch-text table td { vertical-align: top; }