/* -------------------------------------------

project:	Fistral Life

date:		2007/06/14

------------------------------------------- */



html { height: 100%; margin-bottom: 1px; font-size: 100.01%; }

body { margin: 0; padding: 0; background: #f2fafd url(common/images/bg-main.gif) repeat-x; color: #00344e; font: 75%/150% "Lucida Sans Unicode",Verdana,sans-serif; }

textarea, input, select, option, button { font: 1em "Lucida Sans Unicode",Verdana,sans-serif; }

 

/* COMMON

------------------------------------------- */

fieldset { border: none; margin: 0 0 12px; padding: 0; }

legend { display: none; }



img { border: none; }



strong { color: #000; }

em { padding: 1px 2px; background: #ffffe0; font-style: normal; }



abbr, 

acronym { border-bottom: 1px dotted #aaa; }



dl { margin: 0 px; }

 dt { font-weight: bold; }

 dd { margin: 0; }



p { margin: 0 0 12px; }



a { color: #1f88b0; text-decoration: none; }

a:visited { text-decoration: none; }

a:hover, a:focus, a:active { color: #B70061; text-decoration: underline; }



/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font: normal 2.4em "Lucida Sans Unicode",Verdana,sans-serif; color: #B70061; }

h1 { font-size: 1.667em; position:relative; top:-8px;}

h2 { font-size: 1.334em; margin-bottom:2px; }

h3 { font-size: 1.1em; line-height: 22px; margin-top:10px;}

h4 { font-size: 1.000em; }

h5 { font-size: 0.800em; }



/* HELPERS

------------------------------------------- */

.wrapper { overflow: hidden; }

.offset { position: absolute; left: -10001em; }



/* LAYOUT

------------------------------------------- */

#root { width: 750px; margin: 0px auto; background: #fff;}

 #top { position: relative; background: #00334e; padding-left:70px; width:680px;}

  #logo { width: 160px; height: 70px; margin: 0; padding: 0; background: url(common/images/logo.gif) top left no-repeat; }

  ul#top-menu{float:right; margin:28px 20px 0 0; background: #00334e;}

  ul#top-menu li.div {background: url(common/images/div-top.gif) bottom left no-repeat; padding-left:12px;}

  ul#top-menu li { display:inline; padding:0px 10px; margin:0px; color:#bfd4de;}

  ul#top-menu li strong {color:#B70061;}

   #logo a { display: block; overflow: hidden; width: 160px; height: 70px; text-indent: -10001px; }

 #nav { position: relative; z-index: 10; border-top: 1px solid #8a8d91; background: #f3f5f6; text-align: center; width:100%; }

 #content { position: relative; z-index: 9; width: 100%; padding: 0; min-height: 600px;

	background: #fff url(common/images/bg-leftNav.gif) 0px 155px  no-repeat; }

  #content-header { height: 150px; padding: 5px 0 5px 0; background: #B70061; }

  #content .header-img, #content .header-imgWide { float:left; width:150px; height:150px; }

  #content .header-imgWide {width:300px;}

  #content-main { display: inline; width:420px; float: right; margin: 0; padding: 20px 30px 20px 0px; }

  #content-side { display: inline; float: left; width: 250px; margin: 0 0px 0 -250px; background-color: #EEEEEE; }

 #footer { clear: both; width: 100%; font-size:90%; }

  #footer-main { overflow: hidden; width: 450px; background: #fff url(common/images/bg-content.gif) top repeat-x; height: 100px; color: #a5bdc6; padding-left:300px; }

   #footer-main p { margin: 0; padding: 3px 0; }

	 #footer-main a { color: #a5bdc6; }

  #footer-sub { width: 740px; padding: 5px 10px; background: #fff; font-size:90%;  }

   #footer-sub p { float: right; }

   #footer-sub p.first { float: left; }

	

/* SKIP LINKS

------------------------------------------- */

#skip-links { position: absolute; top: -20px; left: -10001px; list-style: none; margin: 0; padding: 0; }

 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 760px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }

   



/* ELEMENTS

------------------------------------------- */

#contentLeft ul.a { list-style: none; margin: 0 0 5px ; padding: 0; }

#contentLeft ul.a li { padding: 3px 3px 3px 20px; background: url(common/images/bullet.gif) 5px 5px no-repeat; }

#contentLeft ul.a li a { color: #8a8da5; }

#contentLeft ul.a li a:hover { color: #B70061; text-decoration: none; }

  

#contentLeft ul.b { list-style: none; margin: 0 0 15px; padding: 0; }

#contentLeft ul.b li { margin: 0 0 7px; color: #B70061; font-size: 1.17em; } 

 

div.left-column { float: left; width: 47% }

div.right-column { float: right; width: 47% }



a.submit {

	display:block;

	border: 1px solid #A5BDC6;

	padding: 1px 8px;

	width:60px;

}

/*---- Contact Form ----*/

#content-main textarea {

	height:100px;

	width:180px;

}

#content-main .inputmz {

	width:180px;

}

.divmz {margin-bottom:13px;width:500px;} 

.label{width:100px;float:left;}   

.errmsg {color: #B70061;font-weight:bold;padding:0px 0px 15px 0px;}

.input {width:220px;float:left; margin-bottom:13px;}     

.okmsg {padding:0px 0px 15px 0px;color: #B70061;}   

.errinput {border: 1px solid #B70061;} 



/*---- left nav ----*/

#leftNav{

	float:left;

	width:300px;

	height:325px;

	margin-top: 5px;

}

#leftNav ul {list-style: none; padding: 0px; margin:30px 0 0 80px; width:180px;}

#leftNav ul li { border-bottom: 1px solid #d7e8f0;}

#leftNav ul li.top { border-top: 1px solid #d7e8f0;}

#leftNav ul li.menu {

	display:block;

	padding: 3px 8px;

	color: #5c6470;

	font-size:95%;

	background: #dedede url('common/images/arrow_dropGrey.gif') right 50% no-repeat;

}

#leftNav ul li a {

	display:block;

	padding: 5px 8px;

	color: #00344e;

	font-size:95%;

}

#leftNav ul li a em {

	background:none;

	color: #B70061;

}

#leftNav ul li a.drop{

	background: #F3F5F6 url('common/images/arrow_dropGrey.gif') right 50% no-repeat;

}

#leftNav ul li.current a.drop{

	background: #F3F5F6 url('common/images/arrow_drop.gif') right 50% no-repeat;

}

#leftNav ul li ul{

	padding:0px;

	padding-bottom:8px;

}

#leftNav ul li a.current{

	color: #B70061;

	font-weight: bold;

}

#leftNav ul li li a, #leftNav ul li.current li a {

	display:inline;

	padding: 5px 8px 5px 8px; 

	color: #00344e;

	font-size:80%;

	letter-spacing:0px;

}

#leftNav ul li a:hover, #leftNav ul li.current a:hover  {

text-decoration:none;

color:#B70061;

}

#leftNav ul ul li a:hover, #leftNav ul li.current li a:hover {

background:none;

text-decoration:none;

}



#leftNav ul li li {border: none; margin:0px;}

#leftNav ul li li a.current{

	color: #575F6A;

}



/* MB css */

.topNav {height:35px; color:#1f88b0; padding:10px; text-align:right;

}



.topNav a{font-weight:normal; padding: 5px 11px 5px 11px;

}



.topNav a:hover{color: #B70061;font-weight: normal; text-decoration:none;

}



.topNav ul{list-style:none;margin:0;white-space:nowrap;list-style-type:none;

}



.topNav li{display:inline;

}



.topNav li a.current{color: #B70061;font-weight: bold;

}



#contentLeft{

	float:left;

	width:300px;

	margin-top: -55px;

	padding-top:60px;

}

.searchBox{

width:235px;

	border:solid #1f88b0 1px;

	margin:15px;

	padding:10px;

}



.bottom{

	float:left;

	clear:both;

	width:697px;

	border:solid #1f88b0 1px;

	margin: 20px 0px 20px 20px;

	padding-left:12px;

	padding-bottom:11px;

}



.ftdBox{

	float:left;

	width:220px;

	margin-right:12px;

	margin-top:11px;

}



.ftdBoxTwo{

	float:left;

	width:220px;

}

/* Form css */

.searchForm { border:1px solid #000000; background-color: #FFFFFF; font-size: 10px; color: #333333; margin-top: 2px;}





.button {

	border:1px solid #B70061;

	background-color:#cccccc;

	font-size:12px;  

	cursor:pointer;

}

/* End of Form css */



.imgBullet{

	top:30px;

	line-height:10px;

}



.imageTop { padding-bottom: -10px; }



.imageBot { padding-bottom: -9px; }



.pages {

	border:1px solid #1f88b0;

	width:8px;

	background-color:#eeeeee;

	font-family:arial,verdana,helvetica;

	font-size:9px;

	margin: 2px 2px 2px 2px;

}



.backNext {

	border:1px solid #1f88b0;

	width:20px;

	background-color:#eeeeee;

	font-family:arial,verdana,helvetica;

	font-size:9px;

	margin: 2px 2px 2px 2px;

	cursor:pointer;

}