*
{
	margin: 0;
	padding: 0;
}



*.odd, *.even
{
	background: #ccc;
}

*.error
{
	color: #000faf;
}

*.clear
{
	clear: both;
}

body
{
	border-width: 0 1px;
	background-color: #000000;
	background-position: top center;
	background-image: url(bgfade.gif);
	background-repeat: repeat-y;
	font-family: 'Arial', Times, serif;
	font-size: 80%;
	text-align: center;
}

bodybackground
{
	border-width: 0 1px;
	background-color: #000000;
	background-image: url(bgtest.jpg);
	background-repeat: repeat-y;
	background-position: left;
	font-family: 'Arial', Times, serif;
	font-size: 80%;
	text-align: center;
}

a
{
	color: #00079c;
	text-decoration: none;
}

a img
{
	border: 0;
}

th
{
	text-align: left;
}

#bigbox
{
	margin: auto;
	background: #0d3278;
	width: 960px;
	border: 1px solid #000000;
	text-align: left;
}

#mainsection
{
	margin-top: 5px;
	padding: 0 10px;
}

#sitemap, #footer, #titlebar, #column div h2
{
	position: relative;
	padding: 2px 30px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
    border-left: 1px solid #000;
  	border-right: 1px solid #000;
	background: url('gradient_s.gif') repeat-x #600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
}

#sitemap 
{
	position: absolute;
	right: 10px;
	top: 4px;
}

#sitemap 
{
	border: 0;
}



#header #bkkbanner
{
	top: 0px;
	left: 0px;
	width: 950px;
	height: 115px;
	background: url('bkkbanner.jpg') no-repeat;
}

#header #bkkbanner2
{
	top: 0px;
	left: 0px;
	width: 950px;
	height: 115px;
	background: url('bkkbanner2.jpg') no-repeat;
}

#header #bkkbanner3
{
	top: 0px;
	left: 0px;
	width: 950px;
	height: 115px;
	background: url('bkkbanner3.jpg') no-repeat;
}


#footer
{
	clear: both;
	color: #f2f2f2;
	text-align: right;
}

#titlebar
{
	position: relative;
	z-index: 2;
}

#titlebar a
{
	color: #f2f2f2;
}


#column
{
	float: left;
	margin-bottom: 10px;
   	margin-right: 10px;
	width: 200px;
	background: #f2f2f2 url('smallframebottom.gif') no-repeat bottom;	
}

#column div
{
	background: url('smallframetop.gif') no-repeat;
	padding: 5px 0;
}

#column div h2
{
	margin-top: 5px;
	padding: 2px 10px;
	color: #f2f2f2;
	text-align: left;
}

#column #navlist
{
	position: relative;
	padding: 0;
	background: #000;
}


#column img
{

}

#columnbackup img
{
	display: block;
	margin: 10px auto 5px auto;
	border: 1px solid #600;
}

#column p
{
	margin: 0.5em 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: center;
	line-height: 125%;
}

#column a#potdlink
{
	display: block;
	margin-bottom: 10px;
}


#content
{
	float: right;
	margin-left: 0px;
	width: 728px;
	text-align: left;
}

#content h2, h3, h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content h4
{
	margin: 0 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: 135%;
	text-align: justify;
}

#content h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content h2
{
	padding: 3px 20px;
	margin-bottom: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
    border-left: 1px solid #000;
  	border-right: 1px solid #000;
	color: #eee;
	background: url('gradient.gif') repeat-x #600;
	font-size: 1.2em;
	text-align: left;
}

#content h2 a
{
	color: #ddd;
}

#content h2 a:hover
{
	border-bottom: 1px dotted #fff;
}

#content h3
{
	margin: 0.5em 20px;
	font-size: 1.1em;
}

#content h3 a:hover
{
	color: #000;
}

#content p
{	
	margin: 0.25em 20px 1em 20px;
	text-align: justify;
	font-size: 1em;
	line-height: 125%;
}

#content ul, #content ol
{
	margin: 0 0 1em 0;
	padding: 0 20px 0 50px;
}

#content li
{
	margin-left: 5;
	text-align: justify;
	font-size: 1em;
	line-height: 125%;
}

#content li p
{
	margin-left: 0;
}



#content p a, #content li a, #content address a
{
	border-bottom: 1px dotted #000;
}

#content p a:hover, #content li a:hover, 
{
	border-bottom: 1px solid #000;
}

#content p img
{
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #600;
}

#content p img.stagger
{
	float: right;
	margin: 0 0 0 10px;
}

#content form.generic table
{
	width: 100%;
}



/***** Rounded Tops and Bottoms *****/

#content *.cap_top, #content div.newsentry, #content div.catalogblock, #media div.pagenavbar, #data div.pagenavbar
{
	margin: 0;
	padding: 10px 0 0 0;
	background: #f2f2f2 url('frametop.gif') no-repeat top;
}

#content *.cap_bottom, div.catalogblock form, div#checkoutbuttons, div#bibliographylist ul, form#cartbuttons, div#subscribe form, div#checkoutbuttons, div#checkout form, div#dojolist
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: #f2f2f2 url('framebottom.gif') no-repeat bottom;
}

#content div.newsentry h3
{
	margin: 0 0 10px 0;
	padding: 0 20px 10px 20px;
	background: #f2f2f2 url('framebottom.gif') no-repeat bottom;
}





#content div.pagenavbar
{
	margin: 0;
	padding: 7px 15px 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
}

#content div.pagenavbar span.previouspage
{
	float: left;
}

#content div.pagenavbar span.nextpage
{
	float: right;
}



#content div.newsentry
{

	margin-bottom: 10px;
}

#content div.newsentry h3
{
	clear: both;
	font-size: .75em;
	color: #555;
	text-align: right;
}

#content div.newsentry h3 a
{
	border-bottom: 1px dotted #000;
}

#content div.newsentry h3 a:hover
{
	border-bottom: 1px solid #000;
}



/* Temporary Blockquote Fix */

#content div.newsentry blockquote
{
	margin: 0.25em 40px 1em 40px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
/*	font-style: italic;*/
	line-height: 135%;
}

#content div.newsentry blockquote p {
	margin-left: 0;
	margin-right: 0;
}




/*** Article Related Styles ***/

#article #languages
{
	float: right;
	padding: 0 20px 5px 10px;
}

#article #languages h3
{
	margin: 0;
	padding: 4px 10px;
	border: 1px solid #000;
	background: url('gradient_s.gif') repeat-x #600;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
}

#article #languages ul
{
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	border-width: 0 1px;
}

#article #languages li
{
	margin: 0;
	list-style: none;
}

#article #languages a
{
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid #000;
	background: #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

#article #languages a:hover
{
	background: url('gradient_s.gif') repeat-x #600;
	color: #fff;
}

#article #languages img
{
	vertical-align: baseline;
}

#article.righttoleft p, #article.righttoleft h2
{
	direction: rtl;
	text-align: right;
}

#article p.cutoff
{
	font-style: italic;
}

#article p.cutoff, #article.righttoleft #nonmember p
{
	direction: ltr;
	text-align: justify;
}

#article p.introduction
{
	padding-bottom: 1em;
	border-bottom: 1px solid #000;
	font-style: italic;
}

#articleindex form
{
	text-align: center;
}


#articleindex h3
{
	margin-bottom: .25em;
	font-style: italic;
}

#articleindex h3 a
{
	border-bottom: 1px dotted #000;
}

#articleindex h3 a:hover
{
	color: #800;
	border-bottom: 1px solid #000;
}

#articleindex h4
{
	font-size: 1em;
	font-weight: normal;
	text-indent: 15px;
}

#articleindex div.articlesummary
{
	padding: 5px 0 10px 0;
}

#articlelist a
{
	font-weight: bold;
}

#articlelist span a, #articlelist span a:hover
{
	border: 0;
}

#articlelist li
{
	margin-bottom: 1em;
}

