/* ----------------------------------------------- 
	Maureen Kitchur Stylesheet
	Author: Joel Pittet
	Created on: July 17 2009
	
	- BASIC ELEMENTS
	- LAYOUT
	- CUSTOM CLASSES

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



/* BASIC ELEMENTS
------------------------------------------------- */
html, body, #container {
	height: 100%;
}



body { 
/*	background: #fff url(../img/bg2.jpg) repeat-x;*/
	font: 13px/1.5 arial, helvetica,sans-serif; 
	color: #354146; 
	text-align: center; 
}

/* links --------------------------------------------------------------- */
a {
	color:#cc4154;
    text-decoration:underline;
}

a:hover {
	color:#ea6d7e;
}

/* headers --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { 
	font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px;
	font-size: 28px;
	color: #cc4151;
	line-height: 1em;
	position: absolute;
	top: 40px;
	background: #fff;
}

h1#logo{
	top: 64px;
	right: 0;
	margin: 0;
	line-height: 1em;
	width: 714px;
	display: block;
	background: transparent;
	/* Added by Justin - 2009-08-19 , IE 6 & 7 were cutting off ascenders and descenders, 
		 so a small bit of padding was added to push out the box */
	padding: 4px 0 4px 0; 
}

h1#logo a{
	font-size: 48px;
	color: #ced1d2; 
	text-decoration: none; 
	display: block;
	font-weight: normal;
}

h1#logo a:hover{color: #fff;}
h1#logo .title {
	font-size: 24px;
}
h2 { 
	font-size: 17px; 
	color: #354146;
	font-weight: bold; 
	padding: 0;
	margin: 0; 
}
.columns h3 { font-size: 17px;}
h3 { font-size:14px; margin: .2em 0 .2em; }
h4 { font-size:12px; margin: .2em 0 .2em; }
h5 { font-size:12px; margin: .2em 0 .2em; }

/* layout ---------------------------------------------------------------------- */

body > #container {
	height: auto; 
	min-height: 100%;
}

#layout { 
  	text-align:left; 
	padding-bottom: 50px;  /* must be same height as the footer */

}



/*
  #intro{
    background: #e6e8e9;
	height: auto;
  }

  #intro-in{
    width:891px; 
    margin:0 auto; 
    padding: 20px 0;
  }*/

  	/* header ------------------------------------------------------------------ */
  	#header {
		/*width:891px; 
				margin:0 auto;*/
		height: 198px;
/*		overflow: hidden;*/
		background: #000;
	
	}
	
	#header .content {
		height: 198px;
		position: relative;
		width: 900px;
	}
	
    /* horizontal navigation --------------------------------------------------- */
	#nav {
		background: #ff9baa url(../img/layout/nav-bg.jpg) no-repeat 0 0;
		position: absolute;
		bottom: 0;
		right: 0;
		height: 29px;
	}
	
	#slogan{
		position: absolute;
		right: 0;
		top: 40px;
		width: 200px;
	}
	
	#slogan .slogan { 
		display: block; 
		margin: 10px 0;
	}

	#nav ul {
/*		top: 2px;*/
		margin:0; 
		padding:0; 
		list-style:none;
		height: 29px;
		width: 714px;
	}
/*      	#nav ul li {float:left; display:block; margin:0; padding:0;}*/
      	#nav ul li a {
			display: block; 
			float: left;
			font-size: 12px;
			line-height: 2.7em;
			color: #000;
			text-decoration: none;
			padding: 0 23px;
/*			margin: 1px;*/
			text-align: center;
			background: transparent;
			border: 0;
			overflow: hidden;
			height: 29px;
			color: #fff;
/*			letter-spacing: 1px;*/
        }
		
        #nav ul li a:hover {
/*          color: #fff;*/
			color: #fdcdd4;
/*          text-decoration: underline;*/
        }
		
 		#nav ul li a.current{
      		color: #101517;
			margin: 0;
/*	        background:#e6e8e9; */
			text-decoration:none;
		}
		
		/* Second Level */
	
		
		#nav ul li ul li a,
		#nav ul li ul li a.hover,
		#nav ul li ul li a.current {
			height: auto;
			line-height: 1.1em;
			margin: 0;
			border: 0;
			padding: 5px 20px;
			display: block;
			float:none;
			background: #f0315a;
			color: #fff;
			text-align: left;
		}
		
		#nav ul li ul li a:hover,
		#nav ul li ul li a.hover {
			color: #fdcdd4;
			background: #f0315a;
		}
		
		#nav ul li ul li a.current {
			color: #000;
		}
  
		/*Context ment*/
  	#submenu {
		width: 160px;
		padding-top: 62px;
		float: left;
	}
	#submenu a.current {
		color: #000;
		text-decoration: none;
	}
	
	#main {
		margin-left: 180px;
		padding-right: 100px;
		padding-top: 85px;
		position: relative;
	}
	



	
	#content {
		overflow: hidden;
	}
	
    .content {
      padding: 0 0 0 0;
      z-index: 10;
      width:891px; 
      margin:0 auto; 
       
    }
    .content .in{
      padding: 0px 0 30px;
    }
    p.intro{
      background: url(../img/line.jpg);
      line-height: 23px;
      margin:0 0 0;
    }

	.shadow {
		/* border-top: 1px solid #dddddd;
		padding: 10px 0;
		background: url("../img/shadow.jpg") no-repeat;*/
		padding:0 3px 3px; 
		background: #fff; 
		border: 1px solid #d1d1d1;
		border-top: 0;
		line-height: 0; /*FF Fix*/
	}
	
	

#message {
	margin: 10px 0;
	padding: 20px 50px;
	background: #ebf3f6;
	border: 1px solid #d4dfe4;
} 
  
  	
#footer {
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: -50px; /* negative value of footer height + border */
		height: 37px;
		clear:both;
		
		border: 0;
	border-bottom: 13px solid #000;
	font-size: 85%;
	overflow: hidden;
	color: #898989;
}
#footer a{color: #898989;}
#footer a:hover{color: #666666; text-decoration: none;}
#footer .f-left, 
#footer .f-right { padding: 0 10px; }



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


/* Reset Buttons in FF */
button::-moz-focus-inner { border: none; }
button::-moz-focus-inner {
	padding: 0;
	margin: 0;
}

.button {
	background: url(../img/button_bg.gif) repeat-x 0 0;
	padding: 3px 6px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;

	
    min-height: 32px;
/*    border: 1px solid #ffa7b4;*/
    display: -moz-inline-stack;
    display: inline-block;
    margin: 5px;
    zoom: 1;
    *display: inline;
    _height: 32px;
    
}


/*Buttons */
a.button,
button {
	cursor: pointer;
	background: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* Fix ie6/7 */
	overflow:visible;
	width: 1;
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

a.button span,
button span {
	display: block;
	background: #fb5169 url(../img/button_bg.gif) repeat-x 0 0;
	color: #fff;
	border: 2px solid #ffecef;
	padding: 5px 12px 5px 10px;	
	font: verdana, arial, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.button:hover span,
button:hover span { 
	border-color: #ffa9b5;  
}




.columns {
	list-style: none;
	margin: 40px 0 0 0;
	padding:0; 
	font-size: 90%;
	overflow: hidden;
}
.columns li {
	float: left; 
	width: 32%;
	margin: 0;
}

.columns li ul li {
	float: none;
	width: auto;
	padding: 5px 30px 7px 10px;
}
.columns li.col2{
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
.columns li.col2 ul {
	margin-left: 45px;
}
.columns li h3 {
	padding: 0 10px 25px;
	
/*	position: relative;*/
	margin: 0 0 -5px -1px;
	color: #000; 
	line-height: 1.2em;
	font-weight: normal;
	background: #fff;
	
}

.columns li h4 {
	padding: 0 10px 0; 
}

.columns li.col2 h3,
.columns li.col3 h3 {
	padding-left: 20px;
}

.columns li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
.columns li.col2 p{padding: 0 20px 0 20px;}
.columns li.col3 p{padding: 0 10px 0 20px;}

.columns li.col4 {
	margin: 0 32%;
	padding: 20px 15px;
	overflow: hidden;
	clear: both;
	
	float: none;
}
.columns li a.more{display: block;/*color: #1666a3;*/
	font-weight: bold;
	padding: 5px 0;}
.columns li a.more:hover{/*color: #0b4775;*/ text-decoration: none;}

/* paragraph -------------------------------------------------------------------- */
p { margin:15px 0; }

/* table --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

/* lists --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 1em; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:25px; }
ol { list-style-type:decimal; }
ul {
	list-style-type: circle;
	padding
}
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* List Styles*/
#main ul {
	list-style: disc outside;
	
}

#main ul li {
	margin-left: 2em;
	margin-bottom: .3em;
}
/* definitions -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* other --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.f-left {float:left;}
.f-right {float:right;}
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
/*.clear { clear:both; }*/
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }

/* universal elements ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}



#main ul.columns {
	list-style: none;
	margin: 40px 0 0 0;
	padding:0; 
	font-size: 90%;
	overflow: hidden;
}
#main ul.columns li {
	float: left; 
	width: 32%;
	margin: 0;
}
#main ul.columns li.col2{
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
#main ul.columns li h3{
	padding: 0 10px 25px;
	
/*	position: relative;*/
	margin: 0 0 -5px -1px;
	color: #000; 
	line-height: 1.2em;
	font-weight: normal;
	background: #fff;
	
}
#main ul.columns li.col2 h3{padding-left: 20px;}
#main ul.columns li.col3 h3{padding-left: 20px;}
#main ul.columns li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
#main ul.columns li.col2 p{padding: 0 20px 0 20px;}
#main ul.columns li.col3 p{padding: 0 10px 0 20px;}

#main ul.columns li.col4{
	margin: 0 32%;
	padding: 20px 15px;
	overflow: hidden;
	clear: both;
	
	float: none;
}
#main ul.columns li a.more{display: block;/*color: #1666a3;*/
	font-weight: bold;
	padding: 5px 0;}
#main ul.columns li a.more:hover{/*color: #0b4775;*/ text-decoration: none;}