/*
High Style Interactive
Central Chicago Synagogue
copyright 2008, All Rights Reserved
*/

/* GLOBALS */
div,span,p,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,textarea,ul,li,dl,lh,dt,dd {color:#222;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:100%;}
ul,li,dl,lh,dt,dd {list-style-type:none;}
img {border:0;margin:0;padding:0;}
a {font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:100%;}
div.clear-left {clear:left;height:0px;overflow:hidden;}
div.clear-right {clear:right;height:0px;overflow:hidden;}
div.clear-both {clear:both;height:0px;overflow:hidden;}



/* MAIN */
body {margin:0;padding:0;font-size:14px;background:url(../images/css/shadow-left.gif) 0 0 repeat #fff;}
div#shadow_wrap {width:986px;height:auto;background:url(../images/css/wrap_bg2.jpg) 1px 0px repeat-y;}
div#preheader {display:none;width:950px;height:15px;text-align:center;}
div#wrap {width:950px;height:auto;background:#fff;}
div#header {width:935px;height:120px;padding:14px 0 0 15px;background:url(../images/css/header3.jpg) center center no-repeat;}
div#nav {width:950px;height:15px;padding:8px 0 7px 0;text-align:left;border-top:2px solid #009cf1;border-bottom:2px solid #009cf1;background:url(../images/css/nav.gif) 0 0 repeat-x #000;}
div#columns {width:950px;height:auto;background:url(../images/css/content_bg2.jpg) 0 0 repeat-y /*#009cf2*/;}
div#footer {width:950px;height:40px;background:#fff;}
div#subfoot {height:5px;background:url(../images/css/bottom2.jpg) 1px -3px no-repeat #fff;text-align:center;}
div#flash_wrap {width:auto;height:auto;margin:0 0 0 50px;}


/* PRE-HEADER */
div#preheader {}
div#preheader p {margin:6px 0 6px 0;font-size:10px;}

/* HEADER */
div#header {}
div#header div#left {float:left;width:360px;height:auto;text-align:center;}
div#header div#right {float:left;width:210px;height:auto;margin:5px 0 0 0;}

div#header div#left div#head1 {margin:0 0 4px 0;font-size:24px;font-weight:bold;color:#fff;}
div#header div#left div#head2 {margin:0 0 6px 0;font-size:20px;color:#fff;}
div#header div#left div#head3 {margin:0 0 6px 0;font-size:14px;line-height:120%;color:#fff;}
div#header div#left div#head4 {margin:0 0 0 0;font-size:12px;color:#fff;}


/* NAV */
div#nav ul {margin-left:20px;}
div#nav ul li {display:inline;font-size:14px;color:#2a6490;font-weight:bold;}
div#nav ul li a, div#nav ul li a:visited {margin:0 35px 0 0 !important;font-size:14px !important;color:#2a6490 !important;font-weight:bold;text-align:center;text-decoration:none;}
div#nav ul li a:hover {color:#009cf2 !important;}
div#nav ul li.phone {margin:0 0 0 180px;font-size:15px;}

/* COLUMNS */
div#columns {}
div#columns div#col1_1 {width:911px;height:auto;margin:0 0 15px 0;padding:25px 20px 20px 20px;text-align:left;}

div#columns div#col2_1 {float:left;width:725px;height:auto;margin:0 0 15px 0;padding:25px 15px 0 20px;text-align:left;}
div#columns div#col2_2 {float:left;width:170px;margin:0 0 15px 0;padding:25px 20px 0 0;}

div#columns div#col3_1 {float:left;width:390px;height:auto;margin:0 0 15px 0;padding:25px 15px 0 20px;text-align:left;}
div#columns div#col3_2 {float:left;width:320px;height:auto;margin:0 0 15px 0;padding:25px 15px 0 0;text-align:center;}
div#columns div#col3_3 {float:left;width:170px;height:auto;margin:0 0 15px 0;padding:25px 20px 0 0;text-align:left;}

div.box1_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/topbox1.gif) top left no-repeat;}
div.box1 {padding:8px 20px 12px 20px;background:url(../images/css/fillbox1.gif) top left repeat-y;}
div.box1_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/bottombox1.gif) bottom left no-repeat;}

div.box2_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/topbox2.gif) top left no-repeat;}
div.box2 {padding:8px 20px 12px 20px;background:url(../images/css/fillbox2.gif) top left repeat-y;}
div.box2_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/bottombox2.gif) bottom left no-repeat;}

div.box3_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/topbox3.gif) top left no-repeat;}
div.box3 {padding:8px 20px 12px 20px;background:url(../images/css/fillbox3.gif) top left repeat-y;}
div.box3_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/bottombox3.gif) bottom left no-repeat;}


div.box1 h1, div.box1 h2, div.box1 h3, div.box1 h4, div.box1 h5, div.box1 h6 {margin:0 0 8px 0;font-size:18px;color:#007dc4;font-weight:bold;}
div.box1 p {margin:0 0 10px 0;line-height:130%;}

div.box2 h1, div.box2 h2, div.box2 h3, div.box2 h4, div.box2 h5, div.box2 h6 {margin:0 0 8px 0;font-size:16px;color:#007dc4;font-weight:bold;}
div.box2 p {margin:0 0 10px 0;line-height:130%;}

div.box3 h1, div.box3 h2, div.box3 h3, div.box3 h4, div.box3 h5, div.box3 h6 {margin:0 0 8px 0;font-size:14px;color:#007dc4;font-weight:bold;}
div.box3 p {margin:0 0 10px 0;font-size:12px;line-height:120%;}

/* for 1 col */
div.col1box_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/col1boxtop.gif) top left no-repeat;}
div.col1box {padding:8px 20px 12px 20px;background:url(../images/css/col1boxfill.gif) top left repeat-y;}
div.col1box_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/col1boxbottom.gif) bottom left no-repeat;}

div.col1box h1, div.col1box h2, div.col1box h3, div.col1box h4, div.col1box h5, div.col1box h6 {margin:0 0 8px 0;font-size:20px;color:#007dc4;font-weight:bold;}
div.col1box p {margin:0 0 10px 0;line-height:130%;}

input.submit {width:31px;height:30px;margin:0 0 0 0;background:url(../images/css/submit.jpg) 0px 0px no-repeat transparent;border:0;}

/* for 2 col - blog */
/* col2_1 */
div.col21box_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/col21boxtop.gif) top left no-repeat;}
div.col21box {padding:8px 20px 12px 20px;background:url(../images/css/col21boxfill.gif) top left repeat-y;}
div.col21box_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/col21boxbottom.gif) bottom left no-repeat;}

div.col21box h1, div.col21box h2 {margin:0 0 12px 0;font-size:20px;color:#007dc4;font-weight:bold;}
div.col21box h3, div.col21box h4, div.col21box h5, div.col21box h6 {margin:0 0 4px 0;font-size:16px;color:#007dc4;font-weight:bold;}
div.col21box p {margin:0 0 15px 0;line-height:130%;}
div.col21box a, div.col21box a:visited {color:#007dc4;text-decoration:none;}
div.col21box a:hover {text-decoration:underline;}

div.col21box div.subheading {margin:0 0 10px 0;}
div.col21box div.subheading span {margin:0 0 12px 10px;}

div.col21box div.community {margin:0 0 10px 0;}

/* col2_2 */
div.col22box_top {width:auto;height:auto;padding:12px 0 0 0;background:url(../images/css/topbox3.gif) top left no-repeat;}
div.col22box {padding:8px 20px 12px 20px;background:url(../images/css/fillbox3.gif) top left repeat-y;}
div.col22box_bottom {width:auto;height:auto;margin:0 0 10px 0;padding:0 0 12px 0;background:url(../images/css/bottombox3.gif) bottom left no-repeat;}

div.col22box h1, div.col22box h2, div.col22box h3, div.col22box h4, div.col22box h5, div.col22box h6 {margin:0 0 8px 0;font-size:14px;color:#007dc4;font-weight:bold;}
div.col22box p {margin:0 0 10px 0;font-size:12px;line-height:120%;}
div.col22box a, div.col22box a:visited {font-size:12px;color:#007dc4;text-decoration:none;}
div.col22box a:hover {text-decoration:underline;}

/* FOOTER */
div#footer {}
div#footernav {float:right;width:400px;margin:0 20px 0 0;}
div#footernav ul {margin-left:20px;}
div#footernav ul li {display:inline;}
div#footernav ul li a, div#nav ul  li a:visited {margin:0 6px 0 0;font-size:11px;color:#666;text-decoration:none;}
div#footernav ul  li a:hover {color:#ccc;}
div#footernav ul  li a.selected {color:#666;}
div#footernav ul  li a.last {margin:0;}

div#copyright {margin:0 0 0 20px;font-size:11px;color:#666;text-align:left;}
div#hsi {margin:4px 0 5px 20px;text-align:left;}
div#hsi a, div#hsi a:visited {font-size:11px;color:#666;text-decoration:none;}
div#hsi a:hover {font-size:11px;color:#000058;}


