/* default elements */
body 
{font:75% Arial ,Verdana, Helvetica, sans-serif; color : #89A3A9; background: url(images/school2_bg.jpg) repeat-x #114e83; }
* 
{margin : 0; padding : 0; }
div.clear 
{position: relative; clear: both; }
.hidden 
{display: none; }
.box 
{text-align: left; }
ul 
{list-style-type : none; padding-left : 0; margin-left : 0px; }
a img 
{border: none;}
.Right 
{float:right; }
.Left 
{float:left; }
hr {border: none 0; border-top: 1px dotted #999;/*the border*/ height: 1px; margin-top: 10px; margin-bottom: 5px;}
hr .light {border: none 0; border-top: 1px dotted #ccc;/*the border*/ height: 1px; margin-top: 10px;}



/* fonts */
p 
{padding : .5em 0; line-height: 1.5em;}
h1 
{position : absolute; top : 32px; width: 130px; height : 133px; text-indent : -9999px; left: 23px; background: url(images/crest.jpg);}
h2
{padding-top: .7em; line-height: 1.3em; font-size: 1.8em; color : #444; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h3 
{line-height: 1.3em; padding-top: .7em; font-size: 1.3em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

h4 
{line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.2em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#footer p 
{
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	/* changed font size from 12px */
	font: 12px arial, verdana, sans-serif;
	color: #fff;
	padding-left: 25px;
}
#footer a 
{float:left;margin: 0 2em 0 0;text-align:left; font: 12px arial, verdana, sans-serif; color: #fff;}		

/* default more style */
p.more a
{color:#fff; line-height: .5em;}

/* default breadcrumbs style */
p.breadcrumbs
{
	font-size: 90%;
	padding-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1F698B;
	width: 300px;
}
p.breadcrumbs a
{ font-size: 100%;text-decoration:none; color: #FF6600; }
p.breadcrumbs a:hover, p.breadcrumbs a:visited
{font-size: 100%;text-decoration:none; color: #999;}

/* default newsdate style */
p.newsdate
{font-weight: bold; color:#fff; padding: .5em 0 0 0;}

/* sidemenu style */
.SideBox h2 
{color:#fff; padding : 0; font-size: 1.8em;} 
.SideBox h3 
{line-height: 1.3em; padding-bottom:.2em; padding-top:0; }
.SideBox p 
{color:#fff;} 
.SideMenu h2 
{color:#fff; padding : 0 0 10px 0; font-size: 1.8em;}


/* default downloads style */
p.pdf 
{ padding : 0 0 0 20px; background : url(images/pdf_attachment_icon.gif) no-repeat left center;}
p.word 
{ padding : 0 0 0 20px; background : url(images/word_attachment_icon.gif) no-repeat left center;}
p.jpg 
{ padding : 0 0 0 20px; background : url(images/jpg_attachment_icon.gif) no-repeat left center;}
p.gif 
{ padding : 0 0 0 20px; background : url(images/gif_attachment_icon.gif) no-repeat left center;}


/* default links */
a:link {text-decoration : none; font-weight: normal; color: #FF6600; }
a:visited {text-decoration : none; font-weight: normal; color: #FF6600;  }
a:hover {text-decoration : none; font-weight: normal; color: #999;  }

h3 a:link
{line-height: 1.3em; padding-top: .7em; font-size: 1em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h3 a:visited
{line-height: 1.3em; padding-top: .7em; font-size: 1em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h3 a:hover
{line-height: 1.3em; padding-top: .7em; font-size: 1em; color : #ccc; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: underline;}
/* structural elements */
div#Wrapper 
{ position : relative; width : 930px; height: 100%; margin : 30px auto 0 auto; text-align : left; background: url(images/wrapper_bg.jpg) repeat-x #13558F;}
div#ContentTop 
{
	height : 250px;
	position : relative;
	width: 930px;
	z-index: 100;
}
div#Masthead 
{
	height : 230px;
	position : relative;
	width: 930px;
	z-index: 3;
	
}
div#Tagline 
{text-indent: -9999px; background : url(images/st_raph.png) no-repeat; position: absolute; width: 435px;height: 62px; left: 162px; top: 65px;}
div#Banner 
{text-indent: -9999px; position: absolute; width: 271px; height: 160px; left: 664px; top: -5px; background : url(images/banner1.png) no-repeat;}
div.Wrapper1
{ position : relative; margin : 20px 20px 40px 20px;  }

div#ContentMid 
{position : relative; width: 930px;}
div#MainContentWrapper
{
	position : relative;
	width: 930px;
	z-index: 1;
}
div#InsideCol1 
{width: 230px; float:right; display:inline; margin-top:10px; padding-right: 25px; margin-bottom: 20px;}
div#InsideCol2 
{width: 620px; float:left; display: inline; margin-top:10px; background-color: #FFFFFF; margin-left: 25px; position: relative;}
div#FrontCol2  {width: 620px; float:left; display: inline; margin-top:10px; margin-left: 25px; position: inherit; }

div#footer 
{clear:both; width:100%;color: #777; text-align:center;}
div#footerContent 
{text-align:left; width:930px; margin:0 auto; position: relative; background : url(images/menu_shadow.png) no-repeat 50% 0; height:50px;}



/* top menu */
#NavWrapper 
{height: 66px; position: absolute; left: 25px; top:180px;}

/*main navigation*/
ul#NavMain {width : 880px; height : 51px;  background : url(images/menu_bg.jpg); padding-top: 0 ;}
ul#NavMain li {float : left; }
ul#NavMain li a
{display : block; padding: 0 1.5em; line-height : 51px; color : #333333; font-size:1.1em; text-decoration : none; border-right: 1px solid #d2d2d2;}
ul#NavMain li a:visited{ text-decoration : none; }
ul#NavMain li a:hover{ background : url(images/main_nav_down_bg.jpg); text-decoration : none; }


#NavMain li ul { position: absolute; padding: 0 .1em; left: -999em;
width: 180px; background-color: #89a3a9; }
#NavMain li li a { display: block; line-height: 1.3em; padding-bottom:.8em; border-right:none;}
#NavMain li li a:link { color:#FFF; }
#NavMain li li a:visited { color:#FFF; }
#NavMain li li a:hover { color:#444; background : none; }
#NavMain li li {display: block; width: 180px;}
#NavMain li:hover ul { left: auto; }
#NavMain li:hover ul, #NavMain li.sfhover ul { left: auto; }
li#dropdown1 { padding-top : 0.6em}


/*other navigation*/
div#Nav2 {width : 170px; float : left; padding-bottom: 15px;}
div#Nav3 {width : 230px; float : right; padding-bottom: 15px;}

/* Secondary content style */
div.SideMenu
{width: 230px; margin-bottom:20px;}

div.SideBox
{width: 230px; padding-top:0.7em; position: relative; margin-bottom:20px; }

.News
{border-bottom: 1px dotted #fff;}

.Events
{border-bottom: none; margin-bottom:40px;}


/*Secondary Menu style*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu {list-style-type:none; padding:0; margin:0; width:125px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:125px;}
#menu li {float:left; position:relative; border-bottom:1px solid #fff;}

#menu li.sub {background:url(images/frog_arrow.gif) no-repeat top right;}
#menu li.subopen {background:url(images/frog_arrow2.gif) no-repeat top right ;}
#menu li.subon {color:#FF6600;}
#menu li ul li.subopenon a {color:#FF6600;}

/* changed font-size from 13px */
#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:13px; line-height:2.2em; width:230px; text-decoration:none;  cursor:pointer; }

#menu ul li 
{border-bottom: none; border-top: 1px dotted #fff; text-indent:10px;}

#menu ul, 
#menu li.subopen ul ul,
#menu li.subopen ul li.hover ul ul {display:none;}


#menu li.sub.hover {z-index:500; background: url(images/frog_arrow2.gif) no-repeat top right;}
#menu li.sub.hover a{color:#99CCFF;}

#menu li.subnoopen.hover a{color:#99CCFF;}


#menu li.subopen ul {display: block;}
#menu li.subopen ul li.hover ul, 
#menu li.subopen ul li.hover ul li.hover ul {display: block; }

#menu li.subopen ul li.subopenopen {background: url(images/frog_arrow.gif) no-repeat top right;}
#menu li.subopen ul li.subopenopen.hover {background: url(images/frog_arrow2.gif) no-repeat top right #1E629E ;}

#menu li.subopen ul li.hover {background: #174D8D;}

#menu li.subopen ul li.hover ul li {background:#1E629E;}

#menu li.subopen ul li.hover ul li.subopenopen {background: #c60 url(images/frog_arrow.gif) no-repeat top right;}
#menu li.subopen ul li.hover ul li.hover { z-index:500; color:#ff0;}
#menu li.subopen ul li.hover ul li.hover a {background:#FF6600;}





/* default image with border style */
a.imgwrapper { background-color: #fff; border: 1px solid #B3C7C5; padding :4px;}

a.wrapper img{ border: 1px solid #B3C7C5; padding :4px; background-color: #FFFFFF;}
a:link.wrapper img { border: 1px solid #B3C7C5;  padding :4px;background-color: #FFFFFF;}
a:visited.wrapper img { border: 1px solid #B3C7C5;  padding :4px;background-color: #FFFFFF;}
a:hover.wrapper img { background-color: #ccc; border: 1px solid #B3C7C5;  padding :4px; }
a:active.wrapper img { border: 1px solid #B3C7C5; padding :4px;background-color: #FFFFFF;}


/* search elements */
div#InsideFormWrapper 
{width: 230px; position : relative; background: url(images/search_bg.jpg); left: 0px;}
.SearchButton 
{width: 30px; height: 35px; margin-bottom: 13px; margin-right: 15px;}
#SearchForm
{
	width: 210px;
	padding-top: 10px;
	padding-left: 20px;
}
.SearchBox 
{width: 140px; background : #D36503; color: #fff; border: solid #fff 1px; padding-top : 5px; padding-left : 5px; font : 12px Arial, sans-serif; height: 18px; margin-top: 6px; }

div#PromoWrapper 
{width: 230px; position : relative; }



/* default gallery style */
ul#mgi 
{
	list-style-type: none;
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}
li.gallery1 
{float : left; margin-right : 12px; list-style: none; display: inline; margin-top: 0px; margin-top: 10px; position: relative;}
li.gallery2
{ float : left; margin-right : 0; list-style: none; display: inline; margin-top: 0px; margin-top: 10px; position: relative;}

.expand 
{position:absolute; height:23px; width:23px; left: 70px; top: -5px; background : url(images/expand_btn.png) no-repeat;}

/* news and events style */
ul.news 
{margin: 0 0 20px 0;}
li.newsitem 
{margin-top: 15px;}


/* styling elements */
.shadow
{width: 620px; height: 20px; float:left; display: inline; margin-left: 20px;background : url(images/content_shadow.png) no-repeat;}
.shadow2 
{background: url(images/side_shadow.png) 0 0 no-repeat; width: 230px; height: 25px;}
.frontshadow 
{background: url(images/front_shadow.png) 0 0 no-repeat; width: 620px; height: 25px;}
.insideshadow 
{background: url(images/front_shadow.png) 0 0 no-repeat; width: 620px; height: 25px; float:left; margin-left:25px;}
.topshadow
{width: 930px; height: 9px; position:absolute; left:0; top: -9px; background : url(images/top_shadow.jpg) no-repeat;}

#menushadow
{background: url(images/menu_shadow.png) 0 100%; width: 880px; height: 15px;}

.bt 
{background: url(images/top_corners.gif) 0 0 no-repeat; position: absolute; width: 230px; height: 10px; left: 0;}
.bb 
{background: url(images/bottom_corners.gif) 0 0 no-repeat; position: absolute; width: 230px; height: 10px; bottom: 0; left: 0px; overflow: hidden;}
.bt2 
{background: url(images/main_curve_top.gif) 0 0 no-repeat; position: absolute; width: 620px; height: 8px; left:0;}
.bb2 
{background: url(images/main_curve_btm.gif) 0 0 no-repeat; position: absolute; width: 620px; height: 8px; bottom: 0; left: 0; overflow: hidden;}
.bbf2 
{
	background: url(images/main_curve_btm.png) 0 0 no-repeat;
	position: absolute;
	width: 620px;
	height: 8px;
	left: 0;
	overflow: hidden;
	top: 207px;
}
.ml 
{background: url(images/menu_curve_left.gif) 0 0 no-repeat; position: absolute; width: 7px; height: 51px; left: 0; z-index:250;}
.mr 
{background: url(images/menu_curve_right.gif) 0 0 no-repeat; position: absolute; width: 7px; height: 51px; left: 873px; top:0;}

.TextContent h1 {
line-height: 1.3em; padding: .7em 0 0 0; font-size: 1.5em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; position : relative; text-indent : 0; background:none; width: auto; left:0; top:0; height:auto;}

.TextContent h2 {
line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.4em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.TextContent h2 a{
line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.0em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
.TextContent h2 a:visited{
line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.0em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
.TextContent h2 a:hover{
line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.0em; color : #999; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: underline;}

.TextContent h3 {
line-height: 1.3em; padding: .5em 0 0 0; font-size: 1.1em; color : #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.FrontGallery h2 {
line-height: 1.3em; padding: 1.2em 0 0 0; font-size: 1.8em; color : #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.FrontGallery p {
color : #fff; }

.FrontGallery {
	margin-bottom:40px;
	border-top: 1px dotted #fff;
}

.FrontTextContent {
	margin-bottom: 20px;
	position: relative;
	padding: 0;
	width: 620px;
}

.FrontTextContent h2
{line-height: 1.8em; padding: 0 0 0 0; font-size: 2em; color : #A9D0ED; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.FrontTextContent p
{color : #fff;}

.FrontTextContent p.intro {line-height: 1.4em; padding-top: 0.7em; font-size: 1.3em; color : #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}


h1.pages {
	padding-left: 32px;
	background : url(images/page_icon.gif) no-repeat left .6em;
	color : #444;
	line-height: 32px;
}
h1.gallery { padding-left: 35px;
	background : url(images/gallery_icon.gif) no-repeat left .6em;
	color : #444;
	line-height: 32px;}
h1.download { 	padding-left: 32px;
	background : url(images/download_icon.gif) no-repeat left .6em;
	color : #444;
	line-height: 32px;}


p.intro {line-height: 1.4em; padding-top: 0.7em; font-size: 1.3em; color : #6699CC; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

ul.sections {padding-bottom: 10px;}
ul.sections li {margin-top: 10px;}


ul#ftm li { display : inline; padding-top:.5em; padding-bottom:.5em; float:left;}
ul#ftm li a{ line-height: 120%; border-bottom : none; color: #fff; display : block; margin-left: 24px; }
ul#ftm li a:link{ color: #666; text-decoration : none ;}
ul#ftm li a:visited{ color: #666; text-decoration : none ;}
ul#ftm li a:hover{ color: #5ab3cb; text-decoration : none ;}
li#pt_1 {background : url(images/print_icon.gif) no-repeat 0 50%; }
li#pt_2 {background : url(images/mail_icon.gif) no-repeat 0 50%;}

ul.downloadlist {padding: 10px 0;}
ul.downloadlist li {padding: 5px 0 0 0;}

#titlelink {
	position:absolute;
	top:0px;
	width: 260px;
	left: 320px;
	
}
/* fontsize was 11px */
#titlelink a{ font-size:90%; margin-left:15px; float:right; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 16px;}
#titlelink a:link{ color:#ab9676; }
#titlelink a:visited{ color:#ab9676; }
#titlelink a:hover{ color:#ab9676; text-decoration: underline;}
#titlelink a:active{ color:#ab9676; }
#titlelink a.Email { padding-left: 22px; background : url(images/email_icon.gif) no-repeat left 50%;}
#titlelink a.Print { padding-left: 22px; background : url(images/print_icon.gif) no-repeat left 50%;}
#titlelink a.rss { display:block; height:22px; width:28px; text-indent:-9999px; background:url(images/rss.png) 0 0 no-repeat; border: none; float:right;}

#flaglink 
{
	position:absolute;
	top:15px;
	width: 260px;
	left: 360px;
	height: 11px;
}

.FrontImage {
	width: 620px;
	height: 215px;
	position: relative;
}

.imgwrapper2 { background-color: #fff; border: 1px solid #B3C7C5; padding :4px; margin-right:10px;}

#Tagline,  #NavWrapper, #Banner, #footerContent, .expand, .shadow, .frontshadow, .shadow2, .bt, .bb, .bt2, .bb2, .bbf2, .ml, .mr, #menushadow, .insideshadow { behavior: url(iepngfix.htc); }

.french a { overflow:hidden; float:right; display:block; height:11px; width:16px; text-indent:-9999px; background:url(images/france_flag.gif) no-repeat 0 0; border: none; margin-left: 10px;}
.spanish a { overflow:hidden; float:right; display:block; height:11px; width:16px; text-indent:-9999px; background:url(images/spain_flag.gif) no-repeat 0 0; border: none; margin-left: 10px;}
.irish a { overflow:hidden; float:right; display:block; height:11px; width:16px; text-indent:-9999px; background:url(images/ireland_flag.gif) no-repeat 0 0; border: none; margin-left: 10px;}
.japan a { overflow:hidden; float:right; display:block; height:11px; width:16px; text-indent:-9999px; background:url(images/japan_flag.gif) no-repeat 0 0; border: none; margin-left: 10px;}

.rss a { position:absolute; top:13px; right:0px; display:block; height:16px; width:16px; text-indent:-9999px; background:url(images/icon_rss.png) no-repeat; border: none;}