/* CSS Document : First Rosenberg */

* { margin:0; padding:0;}

body { background:#f1f1f1 url(../images/bg.gif) repeat-y center; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align: center; margin:0;}

/*img { float: right; }*/

h1 { font-size:22px; letter-spacing:-.025em; font-weight: lighter; margin:0; }

h2 { font-size:18px; letter-spacing:-.02em; font-weight:normal; margin:0; }

h3 { font-size:15px; letter-spacing:-.01em; font-weight:normal; margin:3px; }

h4 { font-size:15px; letter-spacing:-.015em; font-weight:normal; }


p { padding: 0 0 10px 10px; color: #333; }

small { font-size:10px; color:#777;}

a { color: #3399CC; text-decoration:none; }

a:hover { color: #000; text-decoration: none; }



#container {width: 900px; position:absolute; left:50%; margin-left:-450px; top:0px; text-align:left;}

#header { background:#FFF; height:40px; width:750px; padding:10px 0;}

#titlebar { background:#333; padding:5px 0 0 20px; min-height:30px; width:730px; }

#titlebar_photo { background:#333; padding:5px; }

#main { background:#FFF url(../images/bg_main.gif) repeat-x; position:absolute; left:50%; margin-left:-300px;}

#logo { background: #FFF url(../images/t_logo.gif) no-repeat 5px 5px; width:300px; height:40px; position:absolute; left:50%; margin-left:-525px; top:10px; }

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:30px; overflow: hidden; }

#logo h1 a { display:block; }

#servicebar { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333; position:absolute; left:50%; top:25px; margin-left:-30px; width:450px; padding:0; z-index:1000; text-align:right;}

.textpad { padding: 10px 40px;}

.textpad ul {margin-left:10px;}

.textpad li { margin-left:10px;}

.row1 { padding: 15px 40px 40px 40px; background:#efece7 url(../images/bg_row1.gif) repeat-x top;}

.row2 { padding: 15px 40px 40px 40px; background:#FFF url(../images/bg_row2.gif) repeat-x top;}

.titlepad { padding:10px;}

.backalbums { float:right; padding:5px 5px 0 0;}

.desc {float:left; padding:20px; width:500px; border-right:dotted 1px #CCC;}

.button { float:left; padding: 40px 0 0 40px}



/*   Main   */

#mediabar { background:url(../images/bg_maintop.gif) repeat-y right; width:750px; height:200px; padding:5px 0;} 

#mbleft { width:495px; float:left;}

#mbright { width:245px; margin-left:5px; float:left;}

#mainrow2 { width:750px; height:295px;}

#mr1 { background:#efece7 url(../images/bg_mr1.gif) no-repeat top left; width:240px; height:267px; padding:23px 5px 5px 5px; float:left;}

#mr2 {background:#efece7 url(../images/bg_mr2.gif) no-repeat top left; width:240px; height:267px; padding:23px 5px 5px 5px; float:left;}

#mr3 { background:#efece7 url(../images/bg_mr3.gif) repeat-y left; width:240px; height:295px; padding:0 5px; float:left;}

.rowpix { margin-top:5px;}

.rowtxt { padding:5px; color:#555; font-size:11px; width:220px;}



/*   Age Group   */

#main_agegr { background:#FFF url(../images/bg_agegr.gif) repeat-x; position:absolute; left:50%; margin-left:-300px;/* border-right:solid 1px #CCC; border-left:solid 1px #CCC;*/}

#ag_left { width:495px; float:left;}

#ag_right { width:245px; float:left;}

#ag_right h3 { font-size:16px; letter-spacing:-.01em; font-weight:normal; margin:5px 0 0 0; }

.agbox { background:#FFF url(../images/ag_bgright.gif) repeat-x top; padding:10px; margin:0; width:235px; min-height:80px;}

.agbox2 { padding:10px 15px; min-height:80px;}

#titlebar_ag { background:#333; padding:5px; width:245px; }

.subtitle { font-size:10px; color:#777; line-height:11px;}

.agpic { padding:5px; float:left;}

.agtxt { padding:0; float:left; width:150px;}

.randpic { background: url(../images/bg_randpic.gif) no-repeat center center; padding:10px 0; width:220px; height:140px; text-align:center; margin:0 0 5px 5px; }

.tinywrap { text-align:center; width:auto;}


/*   Photo   */

.5box { padding:5px; width:auto;}






/*   Calendar   */

#right { border-bottom: dotted 1px #CCC; padding:5px; margin-bottom:10px;}

.date { width:75px; height:40px; padding:5px 0; margin:10px 5px 5px 10px; background:url(../images/bg_date.gif) no-repeat center center; text-align:center;}

.month { font-size:10px; text-transform:uppercase; padding-top:3px; color:#FFF;}

.day { font-size:22px; letter-spacing:-2px; color:#FFF; font-weight:bold; margin:0; padding:0;}

.buton {padding:5px 5px 5px 10px;}

.calpad { padding:10px;}



/*   Resources   */

#web { width:335px; float:left; padding:20px;}

#print {width:330px; float:left; padding:20px;}

#main_resources { background: url(../images/bg_resources.gif) center repeat-y; position:absolute; left:50%; margin-left:-300px; /*border-right:solid 1px #CCC; border-left:solid 1px #CCC;*/}

#resources {}

#resources a { color: #3399CC; text-decoration:none;  padding:2px 0 2px 5px; }

#resources a:hover { color: #000; text-decoration: none; }





/*   Nav   */

#nav { font-size:14px; width:140px; position:absolute; left:50%; margin-left:-440px; top:65px; text-align:left; }

#nav a { color: #333; text-decoration:none; display:block; }

#nav a:hover { color: #00CCFF; text-decoration: none; display:block; }

#nav ul { list-style:none; margin:0; padding:0; text-align:left;}

#nav li { list-style:none; margin:0; padding:0 0 5px 10px; margin:0; background: url(../images/bg_link.gif) no-repeat left bottom;}

#nav h2 { font-size:16px; letter-spacing:-.02em; font-weight:normal; margin:0; padding-bottom:5px;}

.slider { padding-bottom:3px; margin-left:5px; width:auto; }




/*   Footer   */

#footer { background: url(../images/bg_footer.gif) no-repeat; text-align:left; clear:both; padding-top:30px; min-height:165px; }

.footerpad { color: #FFF; font-size: 11px; padding:10px;}

.footernav { float: left; padding-right:10px; width:90px;}

.footernav2 { float: left; padding-right:10px; width:100px;}

.footerpad ul { list-style:none; margin:0; padding:10px 0 0 15px;}

.footerpad li { list-style:none; margin:0; padding-bottom:5px;}

.footerpad a { color: #FFF; text-decoration:none; }

.footerpad a:hover { color: #00CCFF; text-decoration: none; }

#copyright { font-size:11px; clear:both; padding-top:30px; color:#FFF; padding:25px 0 10px 10px;}

#copyright a { color: #FFF; text-decoration:none; }

#copyright a:hover { color: #00CCFF; text-decoration: none; }

#address { float:right; text-align:left; width:250px; line-height:18px; padding-top:2px;}








/*   Colours   */

.white { color:#FFF;}

.photo { color:#FFF; padding-left:10px;}

.dark {color:#222;}

.blu {color:#3399CC;}