@import url(reset.css); 

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

.bodytitle {
    font-weight: normal;
    text-transform: uppercase; 
    text-align: center;
    color:#a7e5f9;
    background-color:#4A4A4A;
    padding-left:15px;
    line-height:25px;
    margin-bottom:20px;
}

body, input, textarea, table {
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	color: #2f4248; 
}


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

}

    #masthead {
        position: relative;
        height:auto;
        width:100%;
        top:0px;
        left:0px;
        /* max-height:250px; */
        /* min-height:250px; */
        /* background-color:#CCCCCC; */
    }
    
    .headimg {
        width:100%;
        max-height:375px;
    }
    
    .bottomright {
        position:fixed;
        margin-bottom: 20;
        bottom:15px;
        right:15px;
        top:bottom;
        width:300px;
        height:300px;
        z-index:-2;
        opacity:0.6;
        filter:alpha(opacity=60);
    }
    
	#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;
	}
    
 	#title {
		font-size: 24px; 	
		color: #003051; 
		position: absolute;
		top: 300px; 
        left: 200px;
        z-index:999999;
	}

	#bgtitle {
        font-size: 100px; 
		position: absolute; 
        margin-top:75px;
        margin-left: 20px;
		min-width:725px;
		color: rgba(255, 255, 255, 0.3);
        z-index: 9;
	}


    
#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 {
            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;                   
					}
                    
                    #dropmenu a {
						text-decoration:none;
                        font-family: "Helvetica Neue", Arial, sans-serif; 
                        font-size: 12px; 
                        font-weight: bold; 
                        text-transform: uppercase; 
                        color: #ffffff;                                
					}
                    
					#topnav a:hover, a.hover_effect
                                       { 
                        text-decoration:none;
                        color: #fff; 
                        color:#db1174;
                    }
					
					#topnav li ul { display:none;}
                    
					#topnav li:hover ul, li.hover_effect
                                        {
						background-color:#000000;
						border-top: 0px solid #8F8E8E;
						display:block; 
						left:0px; 
						position:absolute; 
						top:30px;
						width:260px;
                        color:#fff;

                        opacity:0.7;
                        filter:alpha(opacity=70);                        
					}	

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

		#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 value here effects the calendar pop-up! */
    /* background-color: #A9ACAF; */
    /* background: transparent; */
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 
	font-size: 14px; 
	line-height: 1.6; 
	color: #333; 
	padding-bottom: 4em;
    margin-top: 0em;
    padding-top: 1em;

}

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

	#content h2{
        font-size: 22px;
        margin-bottom:0.3em;
        color:#00F;
    }
    
	#content h3{
        font-size: 18px;
        margin-bottom:0.3em;
        color:#00F;
    }
    
	#content h4 {
        font-size: 16px;
        margin-bottom:0.3em; 
        color:#00F;        
	}


	#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; 
	}

#content p{
    margin-bottom:15px;
}

#sidebar {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    position: relative;
    top:0px;
	float: left;
	width: 200px; 
	min-height: 200px; 
	padding-bottom: 2em;
    padding-left:20px;
    opacity:0.95;
    filter:alpha(opacity=95);
}
	#sidebar h3 {
		border: none; 
		color: #AB2F3A; 
		font-size: 16px;    
	}
    
    #sidebar h4 {
		border: none; 
		color: #AB2F3A; 
		font-size: 16px;    
	}
    
		#sidebar h3 + ul.nav {
			margin-top: 1em; 
		}

	#sidebar #photo {
		display: block;
	}

	#sidebar ul.nav {
		margin: 0 0 1em 0;
	}
		#sidebar ul.nav li {
			margin-bottom: 10px; 
			border: none; 
		}

		#sidebar ul.nav a {
			display: block;
            border-radius: 6px;
			padding: 8px 10px 8px 30px; 
			color: #a7e5f9; 
			background: #000000;  
			border-top: 1px solid #fff; 
                opacity:0.75;
            filter:alpha(opacity=75);
		}
			#sidebar ul.nav a:hover,
			#sidebar ul.nav a.on {
				/* background: #db1174;  */
				color: #db1174;
				text-decoration: none; 
			}

	#sidebar .sidebar_item {
            
		padding: 0 5px 0 5px;
		margin: 0 0 2em 0;
		border-right: 1px dotted #ccc;
	}

#button_calendar {
    position: absolute; 
    border: none;
    background: url(images/date.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}

#button_admission {
    position: absolute; 
    border: none;
    background: url(images/admission.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}

#button_news {
    position: absolute; 
    border: none;
    background: url(images/news.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}

#button_media {
    position: absolute; 
    border: none;
    background: url(images/media.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}

#button_contact {
    position: absolute; 
    border: none;
    background: url(images/contact.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}
#button_login {
    position: absolute; 
    border: none;
    background: url(images/lock_open.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}
#button_logout {
    position: absolute; 
    border: none;
    background: url(images/lock.png) top left no-repeat; 
    width: 30px;
    height: 30px;
    margin-top:13px;
    margin-left:7px;
    text-indent: -9999px; 
    z-index:99;
}

#bodycopy {
	padding-right: 50px; 
	padding-top: 1px; 
	margin-top: 0px;
    margin-left: 250px;
    min-height: 300px;
}
	#bodycopy strong {
		color: #444; 
	}

	#content #bodycopy > h2:first-child {
		margin-top: 1em; 
	}

	#bodycopy .video {
		margin: 1em 0;
		background: #000;
		padding: 10px; 
		padding-bottom: 3px; 
		/* width: 640px; */
	}

.news-headline {
    font-size: 18px; 
    color:#db1174;
    z-index:9999;
}

.news-date {
    margin-bottom: 10px;
}

.news-content {
    font-size: 14px; 
    margin-bottom: 25px;
}

.article-image
{

}

.news-wrapper
{
    background-color: #F7F7F7;
    margin-bottom:50px;
    border-bottom: 1px dotted #ccc;
    padding:10px;
    box-shadow: 5px 5px 5px #888888;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}



#footer {
    position: relative;
	border: none;
	font-size: 11px; 
	padding: 2em 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index:-5;
}
	#footer p,
	#footer a {
		color: #00F; 
	}

	#footer p {
		text-align: center; 
	}

	#footer a:hover {
		text-decoration: underline; 
		color: #db1174; 
        background-color: #FFFFFF;
	}
    

/**
 * 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; 	
	}

blockquote {
font-style: italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding:25px;
/* background:#DDDDDD; */
}
blockquote p:before {
margin-right:10px;
content: url(images/blockquote.png);
}
blockquote p:after {
position:absolute;
margin-left:10px;
padding-top:0px;
content: url(images/closequote.png);
}


/* 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;
}

/** This removes certain elements of the page when printing **/
@media print {
 .masthead { display: none; }
 #sidebar { display: none; }
 #bgtitle { display: none; }
 #editpage { display: none; }
}