/* ================================== BODY ================================== */

html, body {

	margin: 0;

	padding: 0;

}

body { padding: 0 3em 0 3em; }

body#media, body#mediaedit { padding:0; }



.clearer {

	clear: both;

}

/* ================================= HEADER ================================= */

#header {

	height: 80px;

	min-width: 500px;

}

#headerprepend {

	height: 80px;

	width: 20px;

	position: absolute;

	top: 0;

	left: 3em;

}

#headerappend {

	height: 80px;

	margin: 0 0 0 20px;

	

}

#userinfo { 

	position: absolute;

	top: 55px;

	right: 4.5em;

}

#logo {

	position: absolute;

	height: 60px;

	width: 300px;

	top: 10px;

	left: 15px;

}

#logo img{

	border: none;

}

#searchform {

	position: absolute;

	top: 5px;

	right: 4em;

}

#searchform input {

	padding: 1px 1px 1px 20px;

	width: 10em;

}

#searchform .button {

	padding: 0 3px 0 3px;

	width: auto;

	margin: 0 0 0 3px;

}

#qsearch_out { 

	display: none; 

	padding: 5px; 

	position: absolute; 

	right: 19em; 

	top: 0px;

	width: 400px;

	z-index: 500;

}

#qsearch_out ul{ 

	display: block;

	margin: 0;

	padding-left: 1em;

}

#qsearch_out li { 

}





/* =============================== NAVIGATION =============================== */

#navigation {

	position: absolute;

	top: 35px;

	right: 3.5em;

}

#navigation ul {

	margin: 0;

	padding: 0;

}

#navigation li {

	display: inline;

	margin: 0 1em 0 0;

	padding: 0;

}



/* =============================== NAVIGATION =============================== */

#content1 {

	position: absolute;

	top: 125px;

	right: 3.5em;

}

#content1 ul {

	margin: 0;

	padding: 0;

}

#content1 li {

	display: inline;

	margin: 0 1em 0 0;

	padding: 0;

}





/* ================================== MENU ================================== */



.menu {

	margin: 0 0 10px 0;

	clear: left;

	float: left;

	width: 17em;



	____position: fixed;



}



.explorer_OUT {

	position: absolute;

	left : 1em;

	top : 20em;

}



.pagemap_OUT {

	max-height: 20em;

	overflow: scroll;

}



.menutitle {

	float: left;

	margin: 9px 0 0 0px;

}

.menuprepend, .menuprepend .free1 {

	height: 2em;

}

.menuappend, .menuappend .free1 {

	height: 20px;

}

.menubody {

	padding: 5px 0 0 0px;

}

.menu ul {

	margin: 0 10px 0 10px;

	padding: 0;

}

.menu li {

	margin: 0;

	padding: 0;

}



/* ================================ PAGEMAP ================================= */

.pagemap .toc { 

	margin: 0;

	right: 1.5em;

 }

.pagemap .level1 { margin: 0; }

.pagemap .level2 { margin: 0 0 0 1.5em; }

.pagemap .level3 { margin: 0 0 0 1.5em; }



/* ================================= LINKS ================================== */

#links { clear: left; float: left; width: 17em; }

#links ul { list-style: none; padding: 0; margin: 0 0 0 20px; }

#links li { display: inline; }

#links img { border: none; }



/* ================================ CONTENT ================================= */

#content{

	margin: 0 0 0 17em;

	width: auto;

}

#detail #content, #mediaref #content, #media #content, #mediaedit #content  { margin: 0; }

#contentprepend, #contentprepend .free1 {

	height: 2em;

}

#contentappend, #contentappend .free1 {

	height: 20px;

}

#contentbody {

	padding: 1px 15px;

	position: relative;

}

#contentprepend .commands{

	position: absolute;

	margin: 9px 0 0 20px;

	padding: 0;

}

#contentprepend .commands li{

	margin: 0 1em 0 0;

	padding: 0;

	display: inline;

}

/* ============================= CONTENT WIKI =============================== */

/* ********* TOC ********* */

#contentbody .toc{

	display: none;

}



/* ********* EDIT ********* */

#contentbody .secedit{

	text-align: right;

	padding: 0 5px 5px 5px;

}

#contentbody .secedit form{

	margin: 0;

}



/* ********* HEADERS ********* */

#contentbody h1 { 

	margin: 1em 0 0 0;

	padding: 1px 0 10px 15px;

}

#contentbody h2 { 

	margin: 1em 1px 1px 2em;

	padding: 1px 1px 5px 20px;

}

#contentbody h3 { 

	margin: 1em 1px 0px 4em;

	padding: 1px 1px 5px 20px;

}

#contentbody h4 { 

	margin: 1em 1px 0px 6em;

	padding: 1px 1px 5px 20px;

}

#contentbody h5 { 

	margin: 1em 1px 0px 8em;

	padding: 1px 1px 5px 20px;

}



/* ********* LEVELS ********* */

#contentbody div.level1 { margin: 0 0 0 1em; }

#contentbody div.level2 { 

	margin: 1px 1px 0px 2em; 

	padding: 1px 1px 1px 20px; 

}

#contentbody div.level3 { 

	margin: 1px 1px 0px 4em; 

	padding: 1px 1px 1px 20px; 

}

#contentbody div.level4 { 

	margin: 1px 1px 0px 6em; 

	padding: 1px 1px 1px 20px; 

}

#contentbody div.level5 { 

	margin: 1px 1px 0px 8em; 

	padding: 1px 1px 1px 20px; 

}



/* ********* LISTS ********* */

#contentbody ul { margin:0 0 0 2em; padding: 0; }

#contentbody li.level1, #contentbody li.level2, #contentbody li.level3, #contentbody li.level4, #contentbody li.level5 { margin: 0; padding: 0; }



/* ********* IMAGES ********* */

#contentbody img { border: none; }

#contentbody img.media { margin: 3px; }

#contentbody img.medialeft { float: left;  margin: 0 3px 0 0; }

/* #contentbody img.mediaright { float: right; margin: 0 0 0 3px; } */

#contentbody img.mediaright { 

	float: right;

	margin: 0 0 0 3px;

} 

#contentbody img.mediacenter { display: block;  margin-left: auto;  margin-right: auto; }



/* ********* TABLES ********* */

#contentbody table { margin: 5px 0 5px 0; border-collapse: collapse; }

#contentbody table th { padding: 2px 5px 2px 5px; }

#contentbody table td { padding: 2px 5px 2px 5px; }

#contentbody table td.rightalign { text-align: right; }

#contentbody table td.centeralign { text-align: center; }

#contentbody table td.leftalign { text-align: left; }



/* ********* MEDIA ********* */

#media .mediaselect .mediaselect-left { float: left; }

#media .mediaselect .mediaselect-left ul { margin: 0 0 0 10px; padding: 0; }

#media .mediaselect .mediaselect-right { margin-left: 200px; padding-left: 5px; }

#media .mediaselect .mediaselect-right ul { list-style: none; margin: 0;}

#media .mediaselect .mediaselect-right ul li { padding: 5px; margin-bottom: 5px; }

#media .mediaselect .mediaselect-right ul li .imagemeta { padding: 5px 0 0 0; margin: 5px 0 0 0; }

#media .mediaselect .mediaselect-right ul li .imagemeta a { display: block; }

#media label { display: block; }

#mediaedit label { float: left; width: 8em; text-align: right; padding: 2px 5px 0 0; }

#mediaedit .footer { margin-top: 1em; padding-top: 5px; }


