@import url(reset.css); 

/**
 * Brigidine site template common stylesheet. Prepared for use in the basic site profile. 
 *
 */
 
 body {
    overflow: hidden;
}

body, input, textarea, table {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px;
	color: #2f4248; 
}


.container {
	position: absolute;
    height: 100%;
	width: 100%;
	min-width: 800px; 

}

    #masthead {
        position: relative;
        height:75px;
        width:100%;
        padding-left:20px;
        top:0px;
        left:0px;
        min-height:75px;
        background-color:#333333;
    }

    
	#logo {
        position: absolute; 
        left: 20px;
		top: 40px; 
		width: auto;
		height: 25px; 
		font-size:28px;
		color:white;
        padding-left: 0px;
        min-width: 250px;
        z-index:10;
	}
    
    
#menuback {
	clear: both; 
    background-color: #000000;
    position: absolute;
    top: 40px;
    height: 35px;
	border: none;
	font-size: 11px; 
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    opacity:0.4;
    filter:alpha(opacity=40);
    z-index:9;
}
        #topnav {
            width:100%;
            position: absolute;
            left: 375px; 
            top: 44px;
            margin-left: 0px;
            min-width: 480px;
            z-index: 999999;
            
        }
		#topnav,#topnav li 
                { 
            height:30px; 
        }
		
		#topnav ul {
			margin:0px; 
			padding:0px;
		}
				#topnav li {
					display:block; 
					float:left; 
					list-style:none;
					line-height:30px;
					margin-left:15px; 
					position:relative;			
				}
                
                #topnav li li
				{	
					list-style:none; 
					display:list-item;
				}
                
					#topnav a {
						color:#fff;
						text-decoration:none;
                        font-family: "Helvetica Neue", Arial, sans-serif; 
                        font-size: 12px; 
                        font-weight: bold; 
                        text-transform: uppercase; 
                        color: #a7e5f9;                   
					}
                    
					#topnav a:hover 
                                       { 
                        text-decoration:none;
                        color: #fff; 
                        color:#db1174;
                    }
					
					#topnav li ul { display:none; }
					#topnav li:hover ul {
						background-color:#000000;
						border-top: 0px solid #8F8E8E;
						display:block; 
						left:0px; 
						position:absolute; 
						top:30px;
						width:260px;
                        color:#fff;

                        opacity:0.8;
                        filter:alpha(opacity=80);                        
					}	


	#search_form {
            position:absolute; 
            right:35px;
            opacity:0.8;
            filter:alpha(opacity=80);
            z-index:999999;
        }

		#search_query {
			position: absolute; 
			top: 7px;
			right: 20px; 
			width: 222px; 
			padding: 2px 5px;
			height: 21px; 
			border: none;
		}

		#search_submit {
			position: absolute; 
			top: 7px;
			right: 0; 
			border: none;
			background: url(images/btn-search.png) top left no-repeat; 
			width: 27px;
			height: 21px;
			text-indent: -9999px; 
		}
			#search_submit:hover {
				background-position: center left; 
				cursor: pointer; 
			}
			#search_submit:focus {
				background-position: bottom left; 
			}



#content {
    position:relative;
	background: transparent; 
	font-size: 14px; 
	line-height: 1.7em; 
	color: #333; 
    margin-top: 0em;
    width: 100%;
}


	#content a {
		color: #f00076; 
	}
		#content a:hover {
			background-color: #f00076; 
			color: #fff; 
			text-decoration: none; 
		}

	#content em {
		font-style: italic;
	}

	#content strong {
		font-family: "Helvetica Neue", Arial, sans-serif; 
		font-weight: bold; 
		color: #555; 
	}

	#content h2,
	#content h3,
	#content h4 {
		margin-top: 1.5em; 
		line-height: 1.3em;
	}

	#content h2 {
		color: #006fbb; 
		font-size: 23px; 
		margin-bottom: 0.5em; 
	}

	#content h3 {
		color: #690033; 
		font-size: 18px; 
		border-bottom: 1px dotted #ccc; 
		margin-bottom: -0.5em; 
		padding-bottom: 0.25em; 
	}
		#content h2 + h3 {
			margin-top: 0;
		}

		#content h3 + ul,
		#content h3 + ol {
			margin-top: 1.5em; 
		}

	#content h4 {
		font-size: 1em; 
		font-weight: bold; 
		text-transform: uppercase; 
	}

	#content ol li {
		margin: 0 0 0 3em; 
	}

	#content ul li {
		margin: 0 0 0 3em;
		display: list-item; 
		list-style: disc; 
	}

	#content ol li {
		margin: 0 0 0 3em; 
		display: list-item;
		list-style: decimal;
	}

	#content ul.nav { }

		#content ul.nav li {
			display: block;
			list-style: none; 
			margin: 0;
			border-bottom: 1px dotted #ccc; 
		}
			#content ul.nav li a {
				font-family: "Helvetica Neue", Arial, sans-serif; 
				font-weight: normal; 
				margin: 0;
			}

			#content ul.nav li p {
				margin: 1em 0;
			}

	#content .disclaimer {
		font-size: 11px;
		line-height: 17px; 
		color: #777; 
	}


/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
	#editpage:hover {
		background: #ffffcc;
		color: #000; 
	}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
        float: left;
        margin: 0 1em 0.25em 0;
}

.align_right {
        float: right;
        margin: 0 0 0.25em 1em;
}

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

/**
 * Optional CSS classes specific to the FieldtypeComments module
 * when used in this site design template. 
 *
 */

#content .CommentList {
	margin: 1em 0 0 0; 
}

	#content .CommentListItem {
		list-style: none; 
		margin: 0;
		border-left: 5px solid #ddd; 
		border-top: 1px dotted #ccc; 
		padding: 1em 0 1px 1em; 
		background: #fff; 
		
	}
		#content .CommentListItem p {
			margin-top: 0; 
		}
		#content .CommentHeader,
		#CommentForm label {
			margin: 0; 
			font-weight: bold; 
			font-size: 11px; 
			text-transform: uppercase; 
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
			color: #3786bc; 
		}
		#content .CommentText {
			color: #666; 
		}

#CommentForm { }

	#CommentForm h3 {
		margin: 0; 
		border: none; 
	}

	#CommentForm label {
		display: block;
		color: #f00076; 
		color: #999; 
	}

	#CommentForm p {
		margin: 0.5em 0;
	}

	.CommentForm_cite,
	.CommentForm_email {
		float: left; 
	}
		.CommentForm_cite input,
		.CommentForm_email input {
			width: 200px; 
			margin-right: 1em; 
		}

	.CommentForm_text {
		clear: left; 
	}
		.CommentForm_text textarea {
			padding: 2px; 
			width: 75%; 
			height: 100px; 
		}

	#CommentForm .error {
		background: #a30000; 
		color: #fff; 
		padding: 0.25em 0.5em; 
	}
	#CommentForm .success {
		font-weight: bold; 	
	}

    

/* AjaxSearch Sample CSS for default install */


/* ajaxSearch styles */
/* --------------------------------------------- */

/* main container */
#ajaxSearch{
	display: none;
	position: absolute;
	top:30px;
	right:0;
	width:300px;
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 0 6px 6px -2px #555;
	max-height:650px;
	overflow: scroll;
	overflow-x: hidden;
}
/* inner container */
#ajaxSearch .ajaxSearch_body{
	padding: 2.5em 1em 1em 1em;
}

/* ajax loader anim (om search input field) */
.ajaxSearch_loader{ background: #fff url(images/ajax-loader.gif) 185px center no-repeat!important; }

.ajaxSearch_close{ 
	float:right;
	margin:0.5em;
	overflow:hidden;
}


/* optional basic result styling */
/* --------------------------------------------- */

#ajaxSearch a {
		color: #f00076; 
	}
		#ajaxSearch a:hover {
			background-color: #f00076; 
			color: #fff; 
			text-decoration: none; 
		}
#ajaxSearch ul.nav { }

#ajaxSearch ul.nav li {
	display: block;
	list-style: none; 
	margin: 0;
	border-bottom: 1px dotted #ccc; 
}
	#ajaxSearch ul.nav li a {
		font-family: "Helvetica Neue", Arial, sans-serif; 
		font-weight: bold; 
		margin: 0;
	}

	#ajaxSearch ul.nav li p {
		margin: 1em 0;
	}


/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser. 
 *
 */
.WireFatalError {
	background: #a30000; 
	color: #fff; 
	padding: 1em; 
	position: relative;
	z-index: 9999;
}