/* ----------- defaults ----------- */

* {margin:0;padding:0;}
img {border: 0;}
html * {margin: 0; padding: 0;}
/* ----------- defaults ----------- */


/* --------- coloring ------------ */
html{background:#fff;}
#wrapper {background: url('images/wrapperbg.gif') #FFF4DC;}
#header {background:#fcc url(images/header.jpg)}
.menu {background: transparent;}
#content {background:#FFF4DC}
#sub-section {background:#FEB}
#footer {background:#fc6 url(images/footer.jpg)}
/* --------- coloring ------------ */


/* --------- body positioning --------- */
	body
	{
		/* center alining */
		margin: 0 auto;
		text-align: center;
		
		/* left alining */
		/* margin: 0; text-align: left;*/
		
		/* right alining */
		/* margin: 0; text-align: right; */
		
		background-image: url(images/bodybackground.gif);
		width: 100%;
	}
	
	#wrapper 
	{
		margin: 0 auto;
		overflow: hidden; 
		height: 100%; 
		width: 768px !important; 
		width: 768px; 
		border: 5px solid white;
	}
/* --------- body positioning --------- */


/* --------- body content positioning ------ */

		#header,.menu,#content,#footer {overflow:hidden; display:inline-block;}
		#header,.menu,#content {text-align: left;}
		#footer {text-align: center}
		#header,.menu,#footer {width:100%} /* safari and opera need this */
		#content,#sub-section {float:left}
		#content {width:588px;}
		#sub-section {width:180px;}
		#footer {clear:left}
		
				/* ------ heights ------- */
				#header {height:146px;}
				#footer {height: 100%;}
				/* ------ heights ------- */

/* --------- body content positioning ------ */


/* --------- general formats ------ */
body
{
	color:#000;
/*	font: .7em "Verdana","Trebuchet Ms", Trebuchet,  "Tahoma",  Arial, "Times New Roman", Times, sans-serif !important;
	font: .8em "Verdana","Trebuchet Ms", Trebuchet,  "Tahoma",  Arial, "Times New Roman", Times, sans-serif; */
	font:11px/1.3 "Verdana","Trebuchet Ms", Trebuchet,  "Tahoma",  Arial, "Times New Roman", Times, sans-serif;

}

h1
{
	padding: 0; margin: 10px 0; clear: left;
	font: 1.5em "trebuchet ms", trebuchet, arial; color: #963; border-bottom: 2px solid #963;
}

h2
{
	font: 1.2em "trebuchet ms", trebuchet, arial; color: #963;
	padding-left:5px;margin-top:20px;
	margin-left:10px;
	font-weight: bold;
	text-decoration: underline;
}

code
{
	display:block;margin-left:25px;padding-bottom:20px
}

ol {margin:8px 0 0 10px}
ol li {display:inline;margin-right:5px}
ul {margin-left:20px;margin-top:10px}
ul li {margin:0 20px;}

img{padding: 3px; background: #c93; margin:0; }

p {margin:10px 10px}

pre {white-space:normal}

#sub-section,#footer, #content {padding:10px 0;}

.bold {padding:10px;background:#fff;border:1px dotted #666}

a {text-decoration: none; color: #963}

a:hover {text-decoration:none; border-bottom: 0;}


/* --------- general formats ------ */

#header {font: 1.4em arial, georgia #222; font-weight: bold;}
#logo {margin:10px 5px; clear: none;}
#logo img {border: 0; margin: 0; padding: 0; float: left;}

/* ------- HEADER menu ------------ */
.menu {font-size: 1.1em;clear:left;}
.menu {vertical-align:middle; text-align:right; margin: 0; height: 23px; width: 768px;background: #ccc url(images/menubg.jpg)}
.menu {list-style-type: none;}
.menu li {margin: 0; padding: 0;display: inline;}
.menu a 
{
	height: 23px;
	color: #fff; font-family: "Trebuchet Ms", Arial,Tahoma, Verdana; font-weight: bold;
	float: left; display: in-line;
	margin: 0;
	padding: 5px 15px !important;
	padding: 2px 15px;
	text-decoration: none;
	border-left: 1px solid #c93;
	border-right: 1px solid #960;
}
.menu a:hover {background: #c70; border-left: 1px solid #c70; border-right: 1px solid #c70; }
/* ------- menu ------------ */


/* ------- sub-section -------- */

#sub-section {text-align: center;}
#sub-section div {text-align:left; padding: 0 10px;}
#sub-section div div {padding: 5px;}

#sub-section div a {display: block; padding: 0; margin: 0; border: 0; background: #fc6; width: 157px; color: black; text-decoration:none; font-weight: normal;}
#sub-section div a:hover { border:0; background: #c96;}
#sub-section div a img {display:block; padding: 0; border: 3px solid #fc6; margin: 0; clear: right;}
#sub-section div a:hover img { border: 3px solid #c96;}


#sub-section div li {
margin-left: 20px !important; 
margin-left: 0px; 
font: 1em verdana #000; font-weight: bold; list-style-type: square; }
#sub-section div p {padding-bottom: 3px; margin-bottom: 20px; border-bottom: 1px dotted #666;}
/* ------- other formats -------- */


/* -------- Content ----------*/
#content div {margin:0 10px; padding: 0 10px;}
#content div img {float: left; margin-right: 20px;}
#content div.highlight {padding: 0; 
display: inline !important;
display: inline-block; 
background: #FCE7B9;}

/*
#content div span.grey {text-indent: 0px; margin: 0; padding: 0 0 2px 0; color: #666; font-weight: bold;}
#content div span.red {text-indent: 0px; margin: 0; padding: 0 0 2px 0; color: #f11; font-weight: bold;}
*/
#content a:link {border-bottom: 1px dotted #963;}
#content a:hover {border-bottom: 1px solid #963;}
#content div p {text-indent: 0px; margin: 0; padding: 10px; text-align: justify}
#content div ul li {list-style: circle;}
/* -------- Content ----------*/
#footer img {border: 0px;}


/* --------- Form things -------- */
input[type='password'] { border: 1px inset;}
input[type='text'] {border: 1px inset;}
/* --------- Form things -------- */