/* CSS Document */

/* CSS Document */
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */

/*Listed below - Div background colours, text colors and styles, font sizes, basic list styling, basic anchor and nav styling*/

* 	{
	margin:0;
	padding:0;
	}

#header_photo_holder_index h3 {
	font-size:1.1em;
	color:#000000;
	clear:both;
	text-align:left;
	background-color:#C0CBCD;
	display:block;
	height:20px;
	padding:3px;
	margin-top:5px;
	margin-bottom:5px;
	}

#question-text p {
	color:#0000FF;
	}

#button1 a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

#button1 a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#button1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
#top a:link {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

#top a:visited {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

#top a:hover {
	color:#990000;
	text-decoration:underline;
	font-size:95%;
	}

#button1 {
	font-size:.8em;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	vertical-align:middle;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:4px;
	margin-left:auto;
	background-color:#CC0000;
	padding:1px;
	}

#side-text {
	width:auto;
	text-align:center;
	vertical-align:top;
	margin-top:4px;
	margin-right:auto;
	margin-bottom:4px;
	margin-left:auto;
	padding:5px;
	font-size:90%;
	background-color:#FFFFFF;
	}

#e-zine {
	width:auto;
	text-align:center;
	vertical-align:top;
	margin-top:4px;
	margin-right:60px;
	margin-bottom:4px;
	margin-left:60px;
	padding:2px;
	background-color:#F8F4D9;
	font-size:90%;
	}

#google-banner-468x60 {
	width:468px;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
	padding-top:8px;
	padding-bottom:8px;
	margin-right:auto;
	margin-left:auto;
	}

#search {
	width:300px;
	vertical-align:top;
	text-align:center;
	margin-right:auto;
	margin-bottom:2px;
	margin-left:auto;
	padding:0;
	@import url(http://www.google.com/cse/api/branding.css);
	}
	
#top {
	text-align:center;
	margin-bottom:2px;
	padding-top:0px;
	padding-bottom:0px;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#CCCCCC;
	}

#picture_one {
	width:auto;
	float:right;
	margin:5px 0 5px 1.5em; 
	}

#picture_two {
	width:auto;
	float:left;
	margin:5px 1.5em 5px 0;
	}
	
#picture_one_background {
	float:right;
	width:auto;
	background-color:#9999FF;
	border:#990000 solid 1px;
	padding:5px;
	margin:5px 0 5px 1.5em; 
	}

#picture_two_index {
	float:left;
	width:auto;
	margin:5px;
	}

#picture_one_google {
	float:right;
	width:auto;
	margin:5px 30px 5px 1.5em;
	}
	
#menu-links {
	float:left;
	width:auto;
	font-size:1em;
	list-style:none;
	line-height:130%;
	margin:5px 1.5em 5px 100px;
	}
	
#menu-links p {
	font-size:1.1em;
	line-height:130%;
	margin-bottom:12px;
	}

#menu-links ul {
	font-size:.9em;
	list-style:none;
	}

#menu-links ul li {
	line-height:120%;
	margin-top:3px;
	margin-bottom:6px;
	}

#menu-links-right {
	float:right;
	width:auto;
	font-size:1em;
	list-style:none;
	line-height:130%;
	margin:5px 100px 5px 1.5em;
	}

#menu-links-right p {
	font-size:1.1em;
	line-height:130%;
	margin-bottom:12px;
	}

#menu-links-right ul {
	font-size:.9em;
	list-style:none;
	}

#menu-links-right ul li {
	line-height:120%;
	margin-top:3px;
	margin-bottom:6px;
	}

#menu-links-third-level {
	float:left;
	width:auto;
	font-size:1em;
	list-style:none;
	line-height:130%;
	margin:5px 1.5em 5px 150px;
	}
	
#menu-links-third-level p {
	font-size:1.1em;
	line-height:130%;
	margin-bottom:12px;
	}

#menu-links-third-level ul {
	font-size:.9em;
	list-style:none;
	}

#menu-links-third-level ul li {
	line-height:120%;
	margin-top:3px;
	margin-bottom:6px;
	}
#google-200x200-top {
	float:right;
	width:200px;
	margin:5px 40px 5px 1.5em; 
	}

#google-200x200-top-third-level {
	float:right;
	width:200px;
	margin:5px 120px 5px 1.5em; 
	}

#social-bookmarks {
	float:left;
	margin:.2em 1em 0 .2em;
	}

#social-bookmarks-right {
	float:right;
	margin:.2em 1em 0 .2em;
	}

#header_photo_holder {
	width:auto;
	text-align:center;
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	background-position:center;
	overflow:hidden;
	}

#ticklist {
	list-style-image:url(../image-files/redcheckmark.jpg);
	text-align:left;
	list-style-position:inside;
	font-size:.9em;
	}
	
#japanlist {
	list-style-image:url(../image-files/tokyo-kanji-list.jpg);
	}

#sidebar {
	width:80%;
	margin-top:4px;
	margin-right:auto;
	margin-bottom:4px;
	margin-left:auto;
	background-color:#F8F4D9;
	font-size:98%;
	clear:both;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:2px;
	padding-left:8px;
	}

#sidebar1 {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F8F4D9;
	font-size:98%;
	clear:both;
	padding:10px;
	}
	
#sidebar2 {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	background-color:#9999FF;
	font-size:98%;
	clear:both;
	padding:10px;
	}

#sidebar-home {
	width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#F8F4D9;
	font-size:98%;
	clear:both;
	padding:10px;
	}