/* (c) communimedia.com 2005 - NYC 28June05, pbhj */
* {padding:0;margin:0;border:0;font-family: Arial, Helvetica, Verdana, sans-serif;}
body {background:#ffffff url("/images/yellowsplat-lesstint.png") repeat-y 300px 120px;}
#bodyLiner {background:url("/images/NYC-webpage_leftBGrepeat.gif") repeat-y;}

/* topmost element */
#siteBanner {background:transparent url("/images/NYC-webpage_topBG.gif") repeat-x;height:160px;}
#siteBanner h1 {white-space:nowrap;position:absolute;top:40px;left:200px;}
#siteBanner h1 span {background: #f3ffaa url("/images/logo_icons/NewportYouthCouncil.gif") no-repeat; position:absolute; width:492px; height:59px;}
#siteBanner h2 {position:absolute;top:100px;left:200px;font-size:medium;color:#693;}
#siteBanner h2 span {}

/* left hand navigation, not automated */
#fixedNav {position:absolute;top:0px;left:0; background:#d2effd;}
#fixedNav ul {position:relative;width:192px;height:583px;background:transparent url("/images/NYC-webpage_leftBG.gif") no-repeat top left}
#fixedNav li {list-style:none;position:absolute;}

li.navButton a span { display: none; }
li.navButton a {text-decoration: none;position:absolute;width:180px;height:50px;}
li.navButton a:hover {position:absolute;background:transparent url("/images/NYC-webpage_leftFG3.png") no-repeat;top:0px;left:0px;}
li.navButton a:hover span { display: block;color:#ffffff;background-color:#cc0000;opacity:0.8;font-weight:bold; position:absolute;border:1px solid #ffffcc;padding:5px;width:100%;border-radius:12px;left:100%;top:30%}
/* non standards compliant */ 
li.navButton a:hover span {-moz-border-radius:12px;border-radius:12px;}

li#homeB {top:0px;}
li#homeB a {height:230px!important;}
li#homeB a:hover span {top:200px;}
li#homeB a:hover {background-position:0px -0px;}
li#aboutB {top:230px;}
li#aboutB a:hover {background-position:0px -230px;}
li#get_involvedB {top:285px;}
li#get_involvedB a:hover {background-position:0px -285px;}
li#on_the_streetB {top:335px;}
li#on_the_streetB a:hover {background-position:0px -335px;}
li#message_boardB {top:385px;}
li#message_boardB a:hover {background-position:0px -385px;}
li#linksB{top:430px;}
li#linksB a:hover {background-position:0px -430px;}
li#contactB {top:480px;}
li#contactB a:hover {background-position:0px -480px;}

/* top nav */
#upperNav {padding:0 0 40px;}
#upperNav p {display:none;}
#upperNav ul {list-style:none;display:inline; }
#upperNav li {display:inline;float:left;font-size:small;font-weight:bold;white-space:nowrap;padding:0 0.1em;margin:0.2em;background:#5dc2fb;border:0.05em #f1c701 solid;}
#upperNav li a {color:#c00;}
#upperNav a:hover {border-color:#63aedd;color:#ffffff;}

   /* Fix IE (the horizontality of the menu). Hide from IE Mac \*/
   * html #upperNav ul li { float: left; height: 1%; }
   * html #upperNav ul li a { height: 1%; }
   /* End */

/* main content editable region */
#mainContent {margin:0 0 0 200px;}
#mainContent p {margin-left:30px;padding:1em 0;}
#mainContent h2 {margin-top:1em;}

/* footer region */
#footer {font-size:x-small;text-align:right;color:#996;clear:both;margin-top:3em;padding:0 25px 10px;}
#footer p {margin:0;padding:0;}

#cmTag a {white-space:nowrap;clear:left;text-decoration:none;color:#996;}
#cmTag img {vertical-align:middle;}

/* for contacts.php */
div.formDiv{margin:0.5em;;padding:0.5em;}
div.formRow {margin:0.5em 0 0 0;}
span.formLabel {display:block;text-align:left;white-space:nowrap;}
span.formData {margin:0 0 0 100px;text-align:left;}
span.formData input, span.formData textarea { border:1px solid #aaa;}
input, textarea {background:#5dc2fb;}
textarea {width:70%;}
input#submitForm {background:#00f600;border:0.2em #090 outset;}

/* for /index.php */
#photogrid {}
#photogrid img {float:left; width:150px; height:150px;padding:10px;}
div.photogridRow {clear:left;width:510px;}
  /* fix IE */
  * html #photogrid img {width:130px;height:130px;}
  * html div.photogridRow {width:600px;}

/* for groups_and_socs */
#clubsTable {margin:1em 0 0 2em;border:0.2em #efec94 solid;}
#clubsTable td {font-size:small;}
#clubsTable th {text-align:left;font-size:large;border-bottom:0.1em #efec94 groove;}
#clubsTable th, #clubsTable td {padding:0.1em;white-space:nowrap;}
#clubsTable td + td {text-align:right;}
#clubsTable tr:hover {color:#cc0000;background:#f3ffaa;}

/* events */
div.eventDiv {border:0.2em #d2effd solid;margin:0 15px 15px;}
div.eventDiv img.floatL {width:200px;height:auto;display:block;}
p.date img {vertical-align:middle;margin:0 5px 0 -5px;clear:left;float:none;}
h3.eventTitle {font-size:1em;white-space:normal;text-decoration:none;padding:0 0 1em 25px;}
div.eventDetails {display:block;margin-left:230px}

/* links */
div.linkDiv {border:0.2em #d2effd solid;margin:0 20px 10px 0;}
div.linkDiv:hover {border-color:#00d;}
div.linkDiv h3 {font-size:1.2em;display:block;background:#eee;opacity:0.7;white-space:normal;text-decoration:none;padding:0.1em 0 0.2em 25px;margin-bottom:0.2em}
div.linkDiv > div {}


/* ==============GENERIC STUFF =============================================================== */

ul+p, h3+p, p+ul, h2+ul, ul+h2 {margin:15px 15px 0 0;}
p,li {font-size:small;margin-right:2em}
h2, h3 {clear:both; white-space:nowrap;padding-bottom:0.8em;}
h3 {text-decoration:underline;}
.headroom {margin-top:1em;}
p.redLeft {color:#cc0000; align:left; font-size:1.4em;}
p.redLeft + p.redLeft {font-size:1em;}
li a {text-decoration:none;text-align:center;}
a:hover {color:#c00;}
a[rel="external"] {border-bottom:1px #f00 dotted;padding-bottom:1px;}
p.clearBoth, p.clearB {clear:both;line-height:1%;}
p.clearR {clear:right;}
p.centerP {text-align:center;}
ul.bulletList, ul.bulletListDash {list-style:bullet;margin-left:3em;}
ol.numList {margin-left:3em;}
ul.bulletListDash {list-style-type:square;}

img.floatR {float:right;}
img.floatL {float:left;}
img.floatR, img.floatL {padding:0 45px;margin-bottom:1em}