body { margin:0px auto 0px auto; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }

#banner { margin:0px auto 0px auto; width:765px;}
#content { margin:0px auto 0px auto; width:765px;}
#text { width:558px; background-color:#FFFFFF; float:left; line-height:13px; display:inline; padding:5px 5px 5px 5px; text-align:left;}
#images { width:190px; background-color:#FBFBFB; float:left; padding:2px 5px 5px 4px; border-left:1px solid #CCCCCC;}
#months { width:768px; margin:0px auto 0px auto; background-color:#EDEDED;}
#this { width:380px; background-color:#EDEDED; padding:8px 2px 10px 2px; height:100px; text-align:left; font-size:11px; color:#666666; line-height:13px; float:left;} 
#next { width:380px; background-color:#EDEDED; padding:8px 2px 10px 2px;height:100px; text-align:left; line-height:13px; font-size:11px; color:#666666; float:left; }
* html #next { width:380px;}
* html #this { width:380px;}
#footer { margin:0px auto 0px auto; width:765px; clear:left; }

#sections { margin:0px auto 0px auto; width:766px; height:auto; background-color:#D9E5F3; float:left; text-align:left; }
* html #sections { width:766px;}

/*#section1 { width:254px; height:50px; background-image:url(../images/section1.gif); background-repeat:no-repeat; float:left;}
#section1 a:link, #section1 a:visited { width:254px; height:50px; background-image:url(../images/section1.gif); background-repeat:no-repeat; float:left;}
#section1 a:hover { width:254px; height:50px; background-image:url(../images/section1a.gif); background-repeat:no-repeat; float:left;}

#section2 { width:254px; height:50px;  background-image:url(../images/section2.gif); background-repeat:no-repeat; float:left;}
#section2 a:link, #section2 a:visited { width:254px; height:50px; background-image:url(../images/section2.gif); background-repeat:no-repeat; float:left;}
#section2 a:hover { width:254px; height:50px; background-image:url(../images/section2a.gif); background-repeat:no-repeat; float:left;}

#section3 { width:254px; height:50px;  background-image:url(../images/section3.gif); background-repeat:no-repeat; float:left;}
#section3 a:link, #section3 a:visited { width:254px; height:50px; background-image:url(../images/section3.gif); background-repeat:no-repeat; float:left;}
#section3 a:hover { width:254px; height:50px; background-image:url(../images/section3a.gif); background-repeat:no-repeat; float:left;}*/

/* MAJOR UPDATE 2007 */

#sub_footer { clear:left; width:765px; height:100px; margin:0px auto;}
input.joinmailinglist { padding:5px; font-size:16px; font-weight:bold; background:#F0A9C4;}
input.prizedraw { padding:5px; font-size:16px; font-weight:bold; background:#F0A9C4;}
.mailinglisttitle { font-size:16px }

#sub_footer2 { clear:left; width:765px; height:60px; margin:0px auto; padding:10px 0 10px 0;}
*:first-child+html #sub_footer2 { padding:0px; }

/* END OF MAJOR UPDATE */

#dir_banner{float:left; width:765px; margin:0px auto;}

#subs { width:768px;}
a:link { font-size:11px; color:#D28CB3;}
a:visited { font-size:11px; color:#D28CB3;}
a:hover { font-size:11px; color:#000000;}

.member { font-size:12px; color:#333333; }
.member a:link, .member a:visited  { font-size:12px; color:#333333; font-weight:bold;}
.member a:hover { font-size:12px; color:#ffffff; text-decoration:underline; font-weight:bold;}

#member_holder { float:left; width:100%; height:15px; padding:5px 0; background:#F0A9C4; }

/*#content a:visited { padding-right: 12px; no-repeat 100% 50%; color:#D28CB3; text-decoration:underline; }
#content a:visited:hover { color:#D28CB3; }*/
#text {font-size:11px; color:#666666; line-height:13px; }
h1 { font-size:16px; color:#ED8DB3; display:inline; line-height:20px;}
h2 { font-size:16px; color:#ED8DB3; display:inline; line-height:20px;}
h3 { font-size:14px; color:#999999; display:inline;}
h3 a:link, h3 a:visited { font-size:14px; color:#999999; display:inline;}
h3 a:hover { font-size:14px; color:#333333; display:inline;}

h4 { font-weight:bold; font-size:11px; display:inline;}

h1 a:link, h1 a:visited { font-size:16px; color:#ED8DB3; display:inline; line-height:20px; text-decoration:underline; }
h1 a:hover { font-size:16px; color:#ED8DB3; display:inline; line-height:20px; text-decoration:underline; }
h2 a:link, h2 a:visited { font-size:16px; color:#ED8DB3; display:inline; line-height:20px; text-decoration:underline; }
h2 a:hover { font-size:16px; color:#ED8DB3; display:inline; line-height:20px; text-decoration:underline; }

#twothirds { font-size:11px; color:#666666; width:500px; padding:5px 5px 5px 5px; text-align:left; line-height:13px; float:left;}
* html #twothirds { width: 510px; w\idth:500px;}
#onethird { font-size:11px; color:#666666; width:230px; padding:5px 5px 5px 5px; text-align:left;  line-height:13px; float:left;}
* html #onethird { width: 220px; w\idth:230px;}
#half { font-size:11px; color:#666666; width:365px; padding:5px 5px 5px 5px; line-height:13px; float:left; }
* html #half { width: 355px; w\idth:365px;}
#whole { font-size:11px; color:#666666; width:740px; padding:5px 5px 5px 5px; line-height:13px; float:left; }
* html #whole { width: 750px; w\idth:740px;}

#first { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left; text-align:left;	min-height:300px; _height:300px; }
* html #first { width: 250px; w\idth: 240px; height:300px;}

#second { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left;  text-align:left;	 _height:300px; min-height:300px; }
* html #second { width: 250px; w\idth: 240px; height:300px; }

#third { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left; text-align:left;  _height:300px; min-height:300px; }
* html #third { width: 250px; w\idth: 240px; height:300px; }

#fourth { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left; text-align:left;  _height:300px; min-height:300px; }
* html #fourth { width: 250px; w\idth: 240px; height:300px; }

#fifth { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left; text-align:left;	  _height:300px; min-height:300px; }
* html #fifth { width: 250px; w\idth: 240px;  height:300px;}

#sixth  { font-size:11px; color:#666666; width:240px; padding:5px 5px 5px 5px; line-height:13px; float:left; text-align:left;   _height:300px; min-height:300px;  }
* html #sixth { width: 250px; w\idth: 240px;  height:300px;}

#member_whole { font-size:11px; color:#666666; width:560px; height:150px; padding:5px 65px 5px 85px; line-height:13px; float:left; }
* html #whole { width: 610px; w\idth:600px;}

#frontpage_content { font-size:11px; color:#666666; width:355px; padding:5px 10px 5px 10px; line-height:13px; float:left;}
#frontpage_nownext { font-size:11px; color:#666666; width:375px; margin:0px 0px 0px 10px; padding:5px 0px 5px 0px; line-height:13px; float:left;}
#frontpage_edition { float:left; width:380px; margin: 10px 0px 10px 0px; min-height:150px; _height:150px; border-bottom:1px solid #CCCCCC;}
#frontpage_banner { float:left; width:380px; }

#nownext_text { float:left; width: 352px; padding:0px 4px 0px 10px;}
#nownext_image { float:left; width:90px; }

#backissue_edition { float:left; width:360px; margin: 10px 10px 10px 0px; min-height:150px; _height:150px; border-bottom:1px solid #CCCCCC;}
.backissue_text { float:left; width:240px; padding:0px 10px; }
.backissue_image { float:left; width:90px; height:180px; padding-right:10px; }

.issue_cover { padding: 10px; }

* html #1x0col1 { font-size:11px; color:#666666; width:384px; line-height:13px; float:left;}
* html #1x0col2 { font-size:11px; color:#666666; width:384px; line-height:13px;}
.price { color:#FF3300; font-weight:bold;}
#backissues { font-size:11px; color:#666666; padding:5px 5px 5px 5px; text-align:left; width:250px;}
#backissues_popup {font-size:11px; color:#666666; width:250px; text-align:left; margin:0px auto 0px auto;}
#backissues_popup_image { width:250px;}
#backissues_popup_text { width:230px; padding:10px 10px 10px 10px;}
.floater { float:left; }
#backissue { font-size:11px; color:#666666; width:370px; padding:5px 0px 5px 0px; line-height:13px;  float:left;}
#copyright { font-size:12px; color:#999999;}
#first ul { list-style-image:url(../css/bullet.gif); margin-left:-18px; }
* html #first ul { margin-left: 10px;}
#first li {padding:10px 0px 0px 0px;}
#third ul { list-style-image:url(../css/bullet.gif); margin-left:-18px; }
* html #third ul { margin-left: 10px;}
#third li {padding:10px 0px 0px 0px;}

#issues_guides_text { text-align:left;  font-size:11px; color:#666666;}


/* missing page styles*/
#missingpage { background:#FF0000; color:#FFFFFF; border:1px solid #333; font-weight:bold; padding:3px; }
#missingpage a:link { color:#FFFFFF; }
#missingpage a:visited { color:#FFFFFF; }
#missingpage a:hover  { color:#FFFF00; }


/*Added By JB*/

.text { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px;}
.textsmall { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#gallerythumbs {float: left; height:170px;}
#gallerymain { float: left;}
#gallerypages { clear: left;}
#galleryheader { clear: left; font-size:13px; color:#666666; width:100%; padding:20px 10px 20px 10px;}
#gallerycolumn { font-size:11px; color:#666666; width:370px; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; line-height:13px; float:left;}
#divlogin {font-size:11px; color:#666666; width: 100%; clear: left; padding:5px 10px 5px 10px;}
#divsignup {font-size:11px; color:#666666; width: 100%; clear: left; padding:5px 10px 5px 10px;}
#divuploadimage {font-size:11px; color:#666666; width: 100%; clear: left; padding:5px 10px 5px 10px;}
#divregister_left { font-size:11px; color:#666666; width:355px; padding:5px 10px 5px 10px; line-height:13px; float:left;}
#divregister_right { font-size:11px; color:#666666; width:375px; margin:0px 0px 0px 10px; padding:5px 0px 5px 0px; line-height:13px; float:left;}

/* MENU */
#mainmenu { margin:0px auto 0px auto; width:765px; height:34px;}
/*#menu { font-family:"Times New Roman", Times, serif;	color:#FFFFFF; font-size:12px; width:780px; margin:0px auto 0px auto;}*/

 /* common styling */
.menu {font-family: verdana, sans-serif; position:relative; font-size:11px; width:765px; text-align:left; }
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left;position:relative;width:auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; height:3em; color:#000; background-color:#FFFFFF; line-height:3em;}
* html .menu ul li a, * html .menu ul li a:visited {width:1px;}
.menu ul li a #homemenu {width:87px;}
.menu ul li a #projectsmenu {width:76px;}
.menu ul li a #guidesmenu {width:69px;}
.menu ul li a #showsmenu {width:65px;}
.menu ul li a #gallerymenu {width:70px;}
.menu ul li a #subscribemenu {width:87px;}
.menu ul li a #issuesmenu {width:93px;}
.menu ul li a #directorymenu {width:79px;}
.menu ul li a #mediamenu {width:60px;}
.menu ul li a #contactmenu {width:79px;}
.menu ul li ul {display: none;}
table {margin:-1px; border-collapse:collapse;font-size:1em;}


/* specific to non IE browsers */
.menu ul li:hover a, .menu ul li a:hover {color:#FFF; background:#F0AAC4;}
.menu ul li:hover ul, .menu ul li a:hover ul {display:block; position:absolute; top:3em;margin-top:1px;left:0; width:180px;}
* html .menu ul li a:hover ul {margin-top:0;marg\in-top:1px;}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background:#F0AAC4; border:3px solid #ED8DB3; color:#FFF; height:auto; line-height:1.2em; padding:5px 10px; width:160px}
* html .menu ul li a:hover ul li a {width:180px; w\idth:160px;}
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop {background:#ED8DB3; url(../../graphics/drop.gif) bottom right no-repeat;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#ED8DB3; color:#FFF;}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; top:0;width:190px;}
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-150px;}

a title { color:#CC33CC; }

#2x1col1 {  width:502px; padding:5px 5px 5px 5px; line-height:13px; display:inline; float:left;}
#2x1col2 {  width:246px; padding:5px 5px 5px 5px; line-height:13px;display:inline; float:left;}
#3x0col1 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size:11px; color:#666666; width:245px; padding:5px 5px 5px 5px; line-height:13px; float:left;}
#3x0col2 {  width:245px;padding:5px 5px 5px 5px; line-height:13px;float:left; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
#3x0col3 {  width:245px; padding:5px 5px 5px 5px; line-height:13px; float:left;}
#1x0col1 {  width:384px; padding:5px 0px 5px 0px; line-height:13px; display:inline; float:left;}
#1x0col2 { width:384px; padding:5px 0px 5px 0px; line-height:13px; display:inline; float:left;}
.price { color:#FF3300; font-weight:bold;}

/* ADMIN */
.adminheading { padding:0px 0px 0px 10px;  font-size:20px; color:#FFFFFF;}

#adminlink{ padding:0px 0px 0px 10px;  font-size:11px; color:#FFFFFF; text-decoration:none;}
#adminlink a:link, #adminlink a:visited{ padding:0px 0px 0px 10px; font-size:11px; color:#FFFFFF; text-decoration:none;}
#adminlink a:hover{  font-size:11px; color:#000000; text-decoration:none;}

.adminlink{ padding:0px 0px 0px 10px;  font-size:11px; color:#FFFFFF; text-decoration:none;}
.adminlink a:link, .adminlink a:visited{ padding:0px 0px 0px 10px; font-size:11px; color:#FFFFFF; text-decoration:none;}
.adminlink a:hover{  font-size:11px; color:#000000; text-decoration:none;}

#fullpagecontent {margin:10px auto 0px auto; background-color:#EFA9C3; padding:10px;}

.text {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; padding-left: 10px;}
.textsmall {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.textheader {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; font-weight: bold}

.textsmall {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

#adminsection1 {float:left; margin-top:20px;}
#adminsection2 {float:left; margin-top:20px;}
#adminsection3 {float:left; margin-top:20px;}
#adminpage {margin-top:20px;}
