/*
NOTE: The main CSS file is always called "main.css" for the sake of ease in global changes, but the development versions has a suffix - e.g. main4.css or main_purp3.css, etc. The current version of main.css is based on main3.css.

Similarly for the line "background: url(gfx/banner_main.gif) top no-repeat;" in the css potion of each main html file: banner_main.gif is the generic name, always remaining the same, which is based on a specific numbered banner version. The current banner_main is based on banner11.
*/
body {background-color:#eee;}

#container {
	font-size:10px;
	width: 750px;
	margin: 0 auto;
	background: #fff url("gfx/bg_170leftcol321d79.gif") repeat-y;
	color: #333;
	line-height: 130%;
	border: 1px solid gray;
}

#container h2 {font-size:18px;}

#banner {
	width : 750px;
	height: 150px;
}

	#email {    /* clickable zone for email button */
		position: relative;
		float: left;
		top: 130px;
		left: 442px;	
		width : 210px;
		height: 19px;
	}

#leftcol { 
	float: left;
	font-size:10px;
	width: 170px;
	padding: 10px 0 0 0;
	color: #fff;
	background-color: #312d79;
}

#leftcol ul {
	margin: 0 0 15px 0;
	padding: 0;
}

#leftcol ul li {
	list-style-type: none;
	padding: 0 0px 5px 0px;
}

#leftcol ul li a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 9px;
	color: #fff;
	background-color: #312d79;
	text-decoration: none;
}

#leftcol li a:hover {
	background-color: #fff;
	color: #00f;
}


#buttons {    /* bg image block */
	width : 170px;
	height: 150px;
	background: url(gfx/bg_buttons5.gif) top left no-repeat;
	}

	#blog {    /* clickable zone for Blog button */
	position: relative;
	float: left;
	top: 4px;
	left: 14px;	
	width : 137px;
	height: 27px;
	border:solid 1px #009;
	}

	#contact {    /* clickable zone for Contact button */
	position: relative;
	float: left;
	top: 14px;
	left: 27px;	
	width : 112px;
	height: 18px;
	border:solid 1px #009;
	}

	#buybook {    /* clickable zone for Book button */
	position: relative;
	float: left;
	top: 22px;
	left: 5px;	
	width : 75px;
	height: 75px;
	border:solid 1px #009;
	}

	#bac {    /* clickable zone for BAC button */
	position: relative;
	float: left;
	top: 22px;
	left: 10px;	
	width : 75px;
	height: 75px;
	border:solid 1px #009;
	}

.sitemap a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding: 0 3px 1px 3px;
	color: #fff;
	background-color: #312d79;
	text-decoration: none;
}

.sitemap a:hover {
	background-color: #fff;
	color: #00f;
}


#centercol {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 180px;
	padding: 10px 20px 10px 10px;
}

#centercol h1	{
	font-size:175%;
	line-height: 25px;
	}

#centercol h2	{
	font-size:140%;
	line-height: 25px;
	}

#centercol a	{color: #00f; text-decoration: none;}

#centercol a:hover {text-decoration: underline;}
	
#footer {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
	color: #333;
	background-color: #fff;
	text-align:center;
}

/* Modified Svay code for rounded corners, using corner images */
.upperleft  {width:100%; background: #fff url("newsletter/box/bgupleft.gif") no-repeat top left;}
.upperright {background: url("newsletter/box/bgupright.gif") no-repeat top right;}
.lowerleft  {background: url("newsletter/box/bgloleft.gif") no-repeat bottom left;}
.lowerright {background: url("newsletter/box/bgloright.gif") no-repeat bottom right; padding: 10px;}