/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%; }

table{ font-size: 100%; }

body {	color: #000000;
	font-family : verdana, arial, Helvetica, sans-serif;
	background:url(../images/bg_stripe.gif);
	font-size: 69%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;}


.clear 	{ clear:both; }

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }


/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {font-size:1.45em;
	color: #6D005B;
	border-bottom: solid 1px #DBC0D6;
	padding:0 0 4px 0;}

h2 {color: #505050;
	font-size:1.09em;
	padding:4px 0 18px 0;}

h3 {font-size:1.09em;
	color: #6D005B;
	padding:0;}
	
h4 {font-size:1em;
	color: #6D005B;}
	
h5 {font-size:1em;
	color: #505050;
	margin-bottom:6px;}

p  {margin:0;
	padding: 0 0 18px 0;}

ul.arrow{
list-style: none;
margin:0;
padding:0 0 18px 0;
}

ul.arrow li{
margin:0.5em 0 0.5em 2em;
padding-left: 14px;
background-image: url(../images/arrow_lil.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

img {	border:0;}

hr{border-bottom: solid 1px #DBC0D6;
	padding:0 0 4px 0;
	height: 1px;   
}


/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}

.grau{
color: #505050;}

.plum{
color: #6D005B;}

.required{
color: #6D005B;
font-weight : bold;
font-size : 1.09em;}


/**********************************************************************************
=Links
**********************************************************************************/

a.flip{
	text-decoration: underline;
	font-weight : bold;
	color: #505050;}

a.flip:hover{
	text-decoration: underline;
	font-weight : bold;
	color: #99578D;}

a.flipcranberry{
	font-weight : bold;
	text-decoration: underline;
	color: #0099CC;}

a.flipcranberry:hover{
	font-weight : bold;
	text-decoration: none;
	color: #0099CC;}
	
a.flipfoot{
	text-decoration: none;
	color: #505050;}

a.flipfoot:hover{
	text-decoration: underline;
	color: #99578D;}
	
a.flipfootselected{
	text-decoration: none;
	color: #6A025B;}
	
a.flipfootselected:hover{
	text-decoration: underline;
	color: #99578D;}
	
a.flipplum{
	text-decoration: none;
	color: #6D005B;}

a.flipplum:hover{
	text-decoration: underline;
	color: #99578D;}
	
a.flipplum2{
	text-decoration: none;
	color: #99578D;}

a.flipplum2:hover{
	text-decoration: underline;
	color: #C095B8;}
	
a.fliparrow1{
	text-decoration: none;
	color: #AAAAAA;}

a.fliparrow1:hover{
	text-decoration: none;
	color: #99578D;}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #505050;
	margin: 0 0 6px 12px;}
	
input.i100{
	width : 100px;
	color: #505050;}
	
input.i120{
	width : 120px;
	color: #505050;}

select.s120{
	width : 120px;
	font-weight : bold;
	color: #505050;
	margin: 0 0 6px 12px;}

select.s250{
	width : 250px;
	font-weight : bold;
	color: #505050;
	margin: 0 0 6px 12px;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #505050;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

.outer {
	width:800px;
	margin: 25px auto 25px auto; }

.header {
	width:100%;
	background-color:#FFFFFF;
	float:left;	}
	
.main {
	width:100%;
	padding-top:16px;
	clear:both;
	float:left;
	text-align:left;
	background-color:#FFFFFF;}
	
/* NAV */

.nav {
	float:left;
	width:205px;
	vertical-align:top; }
	
.navitem{
	width:165px;
	height:23px;
	border: solid 1px #DADADA;
	margin: 0 0 2px 10px;
	vertical-align:middle;
	clear:both;}
	
.navitemselect{
	width:165px;
	height:23px;
	border: solid 1px #DADADA;
	background-color:#EEEEEE;
	margin: 0 0 0 10px;
	vertical-align:middle; }
	
.navarrow{
	color:#AAAAAA;
	font-weight:bold;
	float:right;
	padding: 4px 8px 0 0;
	vertical-align:middle; }
	
ul.nav, ul.subnav, ul.thirdnav {
	list-style:none;
	padding:0;
	margin:0; }
	
ul.nav li{
	padding:0;
	margin:0; }
	
ul.subnav li{
	padding:2px 0 2px 24px;
	margin:0;
	clear:both;
	border-top:solid 1px #EEEEEE;
	border-bottom:solid 1px #EEEEEE;
}
	
ul.thirdnav li{	
	padding:2px 0 2px 34px;
	margin:0;
	}
	
ul.subnav li.subnavselect{
	padding:2px 0 2px 24px;
	border-top:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	background-color:#FFFFFF;
	margin:0; 
	color:#663366;
	clear:both;
	}
	
.subnavitem{
	border:solid 1px #DADADA;
	width:165px;
	border-top:none;
	margin-left:10px;
	display:inline;
	margin-bottom:2px;
	background-color:#EEEEEE;
	padding-bottom:8px;
	padding-top:4px;
	float:left;}
	
.thirdnavitem{
	margin-bottom:2px;
	background-color:#EEEEEE;
	float:left;
	width:100%;}

	
/* MAIN SECTIONS */
	
#content {
	width:590px;
	float:left;
	text-align:left;
	vertical-align:top;
	padding:30px 0 24px 0; }

.copy {
	float:left;
	width:350px;
	vertical-align:top;
	padding-right:30px; }
	
.copy2 {
	float:left;
	width:550px;
	vertical-align:top; }

.pix {
	float:right;
	width:200px;
	vertical-align:top;
	margin-right:10px; }
* html .pix { margin-right:5px; } /* ie6 hack */
	
.footer {
	color: #99578D;
	width:740px;/*800px*/
	float:left;
	clear:both;
	padding: 12px 30px 12px 30px;
	}
	
.search {
	width:165px;
	height:23px;
	border: solid 1px #DADADA;
	margin: 0 0 24px 10px;
	background-color:#EEEEEE;
	vertical-align:middle; }

	
/* OTHER PAGES */

table.history {
	border:solid 1px #EEEEEE;
	margin-bottom:24px; }
	
table.history tr {
	vertical-align:top; }
	
tr.tint {
	background-color:#EEEEEE; }
	
.board {
	margin-left:205px;}
* html .board { margin-left:102px; } /* ie6 hack */

.boardpix {
	text-align:center; }
	
.hoffice {
	padding:0;
	margin-bottom:12px; }

.hoffice1 {
	width:200px;
	float:left; }
	
.hoffice2 {
	width:95px;
	float:left;
	text-align:right; }
	
.hoffice3 {
	width:300px; }

h1.news {
	margin-bottom:18px;}

h2.news {
	padding:0 0 4px 0;}

h4.news {
	color:#99578D ;}
	
h4.newsletter {
	color:#99578D ;}

h2.contact {font-size:1.45em;
	color: #505050;
	padding:18px 0 0 0;
	margin:24px 0 0 0;
	border-top:solid 1px #DBC0D6;}
	
h2.contact2 {font-size:1.45em;
	color: #505050;
	padding:0;
	margin-top:8px;}

h3.contact {
	margin:10px 0 10px 0;}

h4.contact {
	font-size:1.27em;
	color:#99578D;
	font-weight:normal;
	margin:36px 0 0 0; }
	
h4.contact2 {
	font-size:1.27em;
	color:#99578D;
	font-weight:normal;
	padding-top:0;
	margin:12px 0 8px 0; }

h5.contact {
	margin-top:18px;}
	
h2.case {font-size:1.2em;
	color: #99578D;
	padding:8px 0 4px 0;}

.smap {
	width:45%; }

.smap2 {
	margin-left:205px;
	padding-left:18px;}
* html .smap2 { margin-left:102px; } /* ie6 hack */

.outermap {
	width:600px;
	margin: 25px auto 25px auto; }
	
#contentmap {
	width:526px;
	float:left;
	text-align:left;
	vertical-align:top;
	padding:0 36px 12px 36px; }
	
.searchtable {
	margin-bottom:12px; }
	
.im2 {
	margin-bottom:6px; }
	
table.applyonline td {
	padding-bottom:6px; }
	
	
	
/*	PAGINATION  */

.page{
	font-size : 12px;
	font-weight : bold;
	font-family :  trebuchet, arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;}
	
.pageon{
	font-size : 12px;
	font-weight : bold;
	font-family :  trebuchet, arial, verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	display:block;
	padding-top:3px;
	width: 18px;
	height: 18px;
	background-color : #750F64;	}

A.pageflip{
	text-decoration: none;
	display: block;	
	padding-top:3px;	
	width: 18px;
	height: 18px;
	background-color : #F1F1F2;
	color: #505050}

A.pageflip:hover{
	text-decoration: none;
	padding-top:3px;	
	width: 18px;
	height: 18px;
	background-color : #ffffff;
	color: #750F64}