/*
	--------------------------------------------------
	Lippold

	media:		screen
	authors: 	Michael Linkemann
	--------------------------------------------------

*/

/* @group reset html */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,address {
	margin:0;
	padding:0;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #0f375a;
}

label {
	float: left;    
	width: 10em;    
	margin-right: 1em; 
	text-align: right; 
}

span {
    font-size: 14px;
}

img {
	border: none;
}

p {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
	
h1 {
	color:#3276B3;
	font-size:24px;
	line-height: 24px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	color:#3276B3;
	line-height: 14px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	color:#3276B3;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	line-height: 17px;
}

	
/* @end */

/* @group general settings */

body {
	background: #ffffff;
	font: normal 12px Tahoma, Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
}

#container {
	background: #ffffff;
	width: 956px;
	height: auto;
	margin: auto;
}

#header {
	width: 956px;
	height: auto;
	float: left;
}



#user1 {
	width: 100px;
	height: 30px;
	padding-top:0px;
	float: left;
	margin-right: 0px;
}

#user2 {
	width: 805px;
	height: 78px;
	padding-top: 0px;
	float: right;
	margin-right: 0px;
}

#date {
	background: #3a658f;
	height: 25px;
	width: 193px;
	float: left;
	padding-left: 10px;
	clear: both;
	color: #ffffff;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
}

#topnav {
	background: #3a658f;
	width: 753px;
	height: 25px;
	padding-top: 0px;
	float: right;
}

#main {
	background: url(leftouter203.jpg) no-repeat top left;
	width: 956px;
	height: auto;
	padding-top: 0px;
	float: left;
	padding-bottom: 0px;
}

#main2 {
	background: #ffffff url(leftouter2032.jpg) repeat-y top left;
	width: 956px;
	height: auto;
	padding-top: 0px;
	float: left;
	padding-bottom: 0px;
}




#imageline {
	background: #3d5f84;
	width: 753px;
	height: 134px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
    margin-left: 203px;
}

#subline {
	background: #3a75ad;
	width: 742px;
	height: 20px;
	padding-top: 0px;
	padding-left: 11px;
	padding-bottom: 0px;
	margin-left: 203px;
}

#searchline {
	background: #003b6f;
	width:193px;
	height: 30px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
float: left;
}

.search {
	width:195px;
	height: 30px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}

#contentbottom {
	background: #ffffff;
	width: 752px;
	border-right: #e9e9e9 0px solid;
	height: 35px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 203px;
}

span.breadcrumbs {
	color: #ffffff;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
}


pathway {
	color: #ffffff;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
}

a.pathway {
	color: #ccccff;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;b
	text-decoration: none;
}


#left {
	width: 183px;
	height: auto;
	float: left;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: 0px;
}

#leftouter {
	background: #075599 url(leftouter.jpg) repeat-x top left;
	width: 203px;
	height: 0px;
	float: left;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

/*
#rightouter {
	background: #3d5f84;
	width: 753px;
	height: 1%;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 203px;
	display: inline;
}
*/

#bottomline {
	clear: both;
	background: #ffffff url(bottomline.jpg) repeat-x top left;
	width: 954px;
	height: 30px;
	padding-top: 30px;
	padding-right: 2px;
	text-size: 10px;
    	color: #afb7cc;
	text-align: right;
}

.createdate {
	text-size: 10px;
    color: #6f7ea8;
}


/* @end */

/* @group user1 & user2 menu settings */

.menu_top a {
	color: #ffffff;
	height: 30px;
	text-decoration: none;
	padding: 0 10px 0 10px;
}


.menu_top li, .menu_top a{
	list-style-type:none;
	display: inline;
	border-right: #ffffff 0px solid;
	height: 25px;
	line-height: 25px;
}

.menu_top li a:hover, .menu_top li#current a{
	color: #CCCCFF;
}

.menu_ref {
	margin-top: 0px;
list-style: none;
line-height: 20px;
margin-top: 20px;
}

.menu_ref a {
	color: #ffffff;
	text-decoration: none;

}

.menu_ref a:hover, .menu #current a{
	color: #CCCCFF;
}

.menu_ref ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 15px;
}

.menu_ref li {
padding-bottom: 15px;
}


/* @end */

/* @group left menu settings */




.menu {
margin-top: 0px;
list-style: none;
line-height: 25px;
padding-top: 20px;
}

.menu a {
	color: #ffffff;
	text-decoration: none;

}

.menu a:hover, .menu #current a{
	color: #CCCCFF;
}

.menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 15px;
}

/* @end */


.contentheading {
	color: #3276b3;
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
}

#left div.csc-header h1 {
	list-style-type:none;
	display: normal;
	border-bottom: #faba00 0px solid;
    padding-left: 0px;
    padding-right: 2px;
    text-decoration: none;
    color: #ffffff;
	text-align:left;
	font-size: 14px;
}

/*
#left a {
	list-style-type:none;
	display: normal;
	border-bottom: #faba00 0px solid;
    padding-left: 0px;
    padding-right: 2px;
    text-decoration: none;
    color: #ffffff;
	text-align:left;
	font-size: 14px;
}
*/

#left a {
	display: block;
	margin-bottom: 8px;
    text-decoration: none;
    color: #ffffff;
	text-align:left;
	font-size: 14px;
	line-height: 15px;
}

#left p {
     color: #ccccff;
}

.mainlevel_top {
	margin-top: 0px;
	list-style: none;
}

.mainlevel_top:li {
	color: #ffffff;
	text-decoration: none;
}

.mainlevel_top a {
	color: #ffffff;
	text-decoration: none;
}

.mainlevel_top a:hover, .menu #current a{
	color: #CCCCFF;
}

.mainlevel_top:hover, .mainlevel_top#active_menu_top  {
	text-decoration: none;
	color: #585858;
    border-bottom: #585858 1px solid;
}

.sublevel_top:li {
	text-decoration: none;
	color: #8a8a8a;
        border-bottom: #8a8a8a 1px solid;
        margin-left: 0px;
	font-size: 12px;
}

.sublevel_top:visited {
	text-decoration: none;
	color: #8a8a8a;
    border-bottom: #8a8a8a 1px solid;
    margin-left: 0px;
	font-size: 12px;
}

.sublevel_top:link{
	text-decoration: none;
	color: #8a8a8a;
    border-bottom: #8a8a8a 1px solid;
    margin-left: 0px;
	font-size: 12px;
}

.sublevel_top:hover, .sublevel_top#active_menu_top  {
	text-decoration: none;
	color: #FFD64E;
    border-bottom: #FFD64E 1px solid;
	font-size: 12px;
}


