/***SCREEN style sheet for ct-eckankar.org***/

/***Global styles***/
a:link {color:blue; border:0;}
a:visited {color:blue;}
body {background-color:#F5F5DC; color:#000000; margin:0 auto; overflow-x:auto; padding:0; width:1000px;}
dt {font-weight:bold;}
dd {padding:2px 0 2px 0;}
h1 {font-size:160%; font-weight:bold; text-align:center;}
h2 {font-size:140%; font-weight:bold; text-align:center;}
h3 {font-size:120%; font-weight:bold; text-align:center;}
hr {width:80%; font-weight:300;}
html {background-color:#CCCCCC; color:#000000; font-family:sans-serif; font-size:1.0em; margin:0; padding:0;}
img {border:0;}
p {padding:2px;}

/***Reusable Classes***/
.bold {font-weight:bold;}
.center {text-align:center;}
.inline-left {display:inline; float:left; padding:0 6px 6px 0;} /*Wraps text around images*/
.left {text-align:left;}
.nodots {list-style:none;}
.red {color:red}
.text070 {font-size:0.70em;}
.text080 {font-size:0.80em;}
.text090 {font-size:0.90em;}
.text110 {font-size:1.10em;}
.text120 {font-size:1.20em;}
.text130 {font-size:1.30em;}
.text140 {font-size:1.40em;}

/***Specific Named Style Sections and Their Children***/
#footer {clear:both; width:95%; margin:25px auto 10px auto;}
#footer hr {width:98%}
#header {background-image:url(images/header-color.jpg);	background-repeat:repeat; margin:0 0 12px 0; overflow-x:auto; padding:0 0 0 10px; width:auto;}
#header img {display:inline; margin:0; padding:0;}
.main {color:black; float:right; margin:0; padding:5px; width:760px;} /*Main width allows padding. Don't change.*/
.main img {margin:auto; text-align:center;}
.main li {padding:4px;}
.main p {padding:6px;}
.main table {margin:0 auto;}
.main td {padding:4px; text-align:center;}
.main th {padding:4px; text-align:center;}
/*Main Section for Eck Center pages. Use with menuhoriz*/
.mainhoriz {width:95%; padding:0 0 0 15px;}
.mainhoriz li {padding:4px;}
.mainhoriz td {padding:5px; text-align:center;}
.menu {clear:both; overflow-x:auto;}
.menu	 a {color:blue; font-size:1.1em; font-weight:bold; text-decoration:none;}
.menu a:hover {text-decoration:underline;}
.menu a:visited {color:blue; font-weight:bold;}
.menu ul {list-style:none;}
#menuvert {float:left; margin:0; max-width:190px; padding:0 0 0 12px; width:190px;}
#menuvert img {margin:0 auto; padding:0 auto;}
#menuvert li {padding:8px 0;}
#menuvert p {margin:15px 0; padding:0 40px 0 0; text-align:center;}
#menuvert ul {margin:0 0 15px 0; padding:0;}
/*The horizontal menu for the Eck Center pages*/
#menuhoriz img {display:inline;}
#menuhoriz li {display:inline;}
#menuhoriz ul {width:80%; margin:30px auto;}
/*Wrap DIV contains ALL content.  Used to stop floating DIV from moving in IE*/
#wrap {background-color:#F5F5DC;	color:#000000; height:100%; margin:auto; padding:0; width:1000px;}

/***This makes the current MENU item ("you are here") link black and bold***/
body#about #about_link a,
body#centers #centers_link a,
body#contact #contact_link a,
body#discussions #discussions_link a,
body#events #events_link a,
body#home #home_link a,
body#members #members_link a,
body#seminar #seminar_link a,
body#services #services_link a,
body#temple #temple_link a {color:black; font-size:1.2em; font-weight:bolder; text-decoration:none;}
  	
  	
/* NOTES:
/  -When 4 values are given for an attribute (e.g., margin), it is always read,
/   Starting at the TOP (12 o'clock), CLOCKWISE:TOP, RIGHT, BOTTOM, LEFT.
/  -When 2 values are given for an attribute, it is read in 
/   PAIRS: First value = Top & Bottom,  Second Value =  Left & Right.
/  -When 1 value is given, it applies to all 4 directions (if directional).
*/