/*------------------------------------------------------------------
[Master Stylesheet New Version]

Project: St. Patricks College, Thurles
Version: .2
Assigned to: Sharon Fitzgerald
Last Edited:17/7/09


[Table of contents]

1. General and Overall 
2. Main Navigation
3. Header
4. St Pats Logo
5. Main Content Area
6. Homepage Specific - Right Sidebar
7. Footer

-------------------------------------------------------------------
------------------------------------------------------------------

 [1.] General and overall ---------------------- */
body {
text-align:center;
background:#fff;
font-family:tahoma;
margin:0 auto;
}

a {
text-decoration:none;
color:#FFF;
}

a:hover {
text-decoration:underline;
}

#wrap {
width:57em;
text-align:left;
margin:0 auto;
}

.float-l {
float:left;
}

.folat-r {
float:right;
}

.clearfix {
clear:both;
}

/* 2.] Main Navigation ---------------------- */
#nav-menu ul {
list-style:none;
margin-top:0;
margin-left:.2em;
width:58.5em;
height:2.5em;
padding:0;
}

#nav-menu li {
float:left;
margin-right:.1em;
}

#nav-menu ul li a {
height:2.8em;
font-size:.78em;
float:left;
width:10.5em;
display:block;
color:#327f8e;
font-weight:700;
font-family:tahoma;
text-decoration:none;
text-align:center;
background:url(/images/uploads/topnav_bg.jpg) #fff 0 .1em repeat-x;
padding:1em 0 0;
}

.current {
background:url(/images/uploads/nav_bg_on.jpg) bottom left repeat-x;
}

#nav-menu li a:active {
background:url(/images/uploads/nav_bg_on.jpg) bottom left repeat-x;
color:#000;
}

/* 3.] Header ---------------------- */
#header {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:0;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header01_rounded.jpg) bottom left;
background-repeat:no-repeat;
z-index:0;
}

#header2 {
float:left;
position:relative;
margin-top:-0.5em;
margin-left:0;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header02.jpg) bottom left;
background-repeat:no-repeat;
}

#header3 {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:-0.1em;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header04.jpg) bottom left;
background-repeat:no-repeat;
}

#header4 {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:-0.1em;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header05_rounded.jpg) bottom left;
background-repeat:no-repeat;
}

#header5 {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:-0.1em;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header06_rounded.jpg) bottom left;
background-repeat:no-repeat;
}

#header6 {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:-0.1em;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header07.jpg) bottom left;
background-repeat:no-repeat;
}

#header7 {
float:left;
position:relative;
margin-top:-0.3em;
margin-left:0;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header11_rounded.jpg) bottom left;
background-repeat:no-repeat;
}

#header8 {
float:left;
position:relative;
margin-top:-0.4em;
margin-left:-0.1em;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header09_rounded.jpg) bottom left;
background-repeat:no-repeat;
}

#header9 {
float:left;
position:relative;
margin-top:-0.3em;
margin-left:0;
margin-bottom:.7em;
width:58.9em;
height:15em;
background:url(/images/uploads/stpats_header13_rounded.jpg) bottom left;
background-repeat:no-repeat;
}

/* 4.] St Pats Logo ---------------------- */
#logo {
float:left;
position:relative;
margin-left:-0.7em;
margin-top:2em;
}

/* 5.] Main Content Area ---------------------- */
#content {
position:relative;
}

#content .left {
width:694px;
height:24em;
padding:0 3em 0 0;
}

#content .left h2 {
color:#e0491b;
font-size:1.4em;
font-weight:400;
}

#content .left img {
float:left;
padding:0 20px 0 0;
}

#content .in {
float:left;
position:relative;
width:37.1em;
height:18em;
}

#inner .main_content {
width:35em;
padding-left:1.5em;
}

.main_content {
border-left:1px solid;
padding-left:0;
float:left;
position:relative;
width:54em;
border-color:#ccc;
}

.main_content h2 {
width:25.9em;
height:2.6em;
font-size:1.5em;
color:#e2491b;
font-weight:400;
margin-top:-0.2em;
margin-bottom:0.4em;
margin-left:0;
background:url(/images/uploads/intro_bg.gif);
padding:0.8em .3em .3em .5em;
}

.main_content h5 {
width:32.5em;
height:1em;
font-size:1em;
color:#e2491b;
font-weight:400;
margin-top:-0.2em;
margin-bottom:0.4em;
margin-left:0;
background:url(/images/uploads/intro_bg.gif);
padding:0.8em .3em .3em .5em;
}


.main_content table {
float:left;
position:relative;
width:40em;
margin-left:1em;
margin-top:1em;
font-size:.75em;
color:#444;
}

h5 {
clear:both;
margin:0;
padding:.7em 0 0;
}

.main_content h3 {
float:left;
position:relative;
color:#327f8e;
font-weight:700;
font-family:tahoma;
text-transform:uppercase;
font-size:0.9em;
margin-bottom:0.5em;
margin-left:0.8em;
border-top:.2em solid #ccc;
border-bottom:.2em solid #ccc;
width:42.5em;
padding:.1em;
}

.main_content h4 {
color:#000;
margin-left:1.3em;
font-weight:700;
font-size:.85em;
}

.main_content p {
float:left;
position:relative;
font-size:.78em;
width:49.5em;
text-align:justify;
color:#444;
margin-bottom:0.2em;
margin-left:1em;
}

.main_content a {
color:#327f8e;
text-decoration:underline;
}

.main_content ul li {
list-style-image:url(/images/uploads/bullet.gif);
float:left;
position:relative;
font-size:.78em;
color:#444;
width:48.2em;
padding:0.4em;
}

.intro {
font-size:.80em;
color:#000;
float:left;
margin-top:-3em;
margin-left:1em;
width:48em;
text-align:justify;
}


.home_more a{
color:#e0491a;
font-weight:bold;
font-size:.9em;
float:left;
position:relative;
margin-left:14.3em;
}

.home_more a:hover{
text-decoration:underline;
}


/*-------------- Left Menus -----------------*/
.left_menu {
float:left;
min-height:18.7em;
width:15em;
margin-top:0;
margin-right:1.5em;
}

.left_menu ul {
clear:both;
display:block;
margin-left:1em;
padding:0;
}

.left_menu h2 {
font-size:1.4em;
color:#e2491b;
font-weight:400;
margin-top:0.7em;
margin-bottom:.8em;
margin-left:0.7em;
list-style-type:none;
}

.left_menu h3 {
clear:both;
display:block;
font-size:.95em;
margin-left:1em;
}

.left_menu ul li a {
float:left;
position:relative;
color:#555;
font-size:.80em;
font-weight:400;
list-style-type:none;
width:17em;
margin-bottom:1.1em;
border-bottom:.2em dotted #ccc;
}

.left_menu ul li a:hover {
color:#327f8e;
text-decoration:none;
font-weight:400;
}

.left_menu ul li {
list-style-type:none;
}

/* ---- End Left Menus ----------------------*/
.google_map {
float:left;
position:relative;
margin-left:1em;
margin-top:1em;
}

.thurles_map {
float:left;
position:relative;
margin-top:0.6em;
border:none;
}

/* 6.] Homepage Specific - Right Sidebar ---------------------- */
#side {
float:left;
width:15em;
min-height:18em;
margin-left:1.2em;
margin-top:0;
font-size:.85em;
border-left:.1em solid #ccc;
padding-left:0.7em;
}

#side ul li {
float:left;
position:relative;
color:#333;
list-style-type:none;
width:17em;
margin-left:-1.5em;
margin-top:.6em;
border-bottom:.2em dotted #ccc;
font-size:.85em;
}

#side ul li img {
float:right;
position:relative;
margin-left:4em;
margin-top:-3em;
}

#side h2 {
font-size:1.5em;
color:#e2491b;
font-weight:400;
margin-top:0;
margin-bottom:.2em;
margin-left:1em;
}

#side li {
line-height:20px;
}

#side li a {
color:#330;
}

#side ul li.no_border {
margin-bottom:.5em;
}

li.newCourse a {
float:left;
width:15.5em;
}

li.newCourse {
border-top:.2em dotted #ccc;
}

#top h3 {
float:left;
margin-left:1.6em;
margin-bottom:0;
margin-top:0.2em;
font-size:1em;
}

#top ul li a img {
float:left;
position:relative;
margin-top:-1.6em;
margin-left:12.5em;
border:none;
}

#top h2 {
float:left;
position:relative;
margin-bottom:.1em;
margin-left:1em;
width:9.5em;
}

/*-------------- Welcome Box ----------------*/
.welcome {
margin-top:0;
width:36.5em;
height:8em;
margin-left:0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:0.7em;
}

.welcome_top {
background:url(/images/uploads/welcome_box_top.jpg);
background-repeat:no-repeat;
width:37.5em;
min-height:5em;
display:block;
padding:1.2em;
}

.welcome_top p {
width:50em;
}

.welcome_top p a {
color:#e0491b;
}

.welcome_bottom {
background:url(/images/uploads/welcome_box_bottom.jpg) bottom;
background-repeat:no-repeat;
width:39.5em;
margin-left:-0.5em;
margin-top:-2em;
}

.welcome p {
font-size:.71em;
text-align:justify;
color:#222;
}

.welcome h2 {
float:left;
position:relative;
width:28em;
margin-top:0;
margin-bottom:0.2em;
font-weight:400;
font-size:.20em;
}

/* ------------ Quick Links ---------- */
#bottom {
float:left;
position:relative;
margin-top:2em;
margin-left:1.3em;
width:15em;
}

.quicklinks_top {
background:url(/images/uploads/quicklinks_top.jpg);
background-repeat:no-repeat;
width:15.6em;
min-height:10.8em;
padding:1em;
}

.quicklinks_bottom {
background:url(/images/uploads/quicklinks_bottom.jpg);
background-repeat:no-repeat;
width:15.6em;
padding:1em;
}

#bottom ul li {
width:12.5em;
}

#bottom ul {
margin-left:-1.7em;
}

#bottom ul li a {
float:left;
position:relative;
color:#333;
margin-left:0;
}

#bottom h2 {
float:left;
position:relative;
margin-bottom:0.1em;
margin-left:-0.2em;
margin-top:-0.1em;
}

.features_wrapper {
width:55em;
}

li.email {
border-top:0.2em dotted #ccc;
padding:.1em;
}

/* ------------ Gallery ---------- */
.gallery {
float:left;
width:20em;
height:7em;
position:relative;
margin-left:0.5em;
margin-top:4.2em;
}

.image_gallery1 {
float:left;
margin-top:0;
margin-left:0;
margin-bottom:1em;
}

.image_gallery1 img {
border:none;
}

.gallery h3 {
color:#327f8e;
font-weight:400;
text-align:left;
}

.gallery h4 a {
color:#e0491c;
width:50em;
padding-right:3.1em;
padding-top:1.2em;
}

.gallery h4 {
float:left;
position:relative;
font-size:.84em;
font-weight:400;
width:9em;
margin-left:0.2em;
margin-right:1.6em;
margin-top:0;
color:#e0491c;
background-image:url(/images/uploads/gallery_arrow.jpg);
background-repeat:no-repeat;
background-position:6.5em center;
border-top:2px dotted #ccc;
}

span.pagecount {
float:left;
position:relative;
margin-top:2em;
margin-bottom:1em;
}

/* ------------ News ---------- */
.news {
float:left;
position:relative;
margin-top:5em;
margin-left:-0.2em;
margin-right:1.5em;
width:22.8em;
font-size:.84em;
border-right:.1em solid #ccc;
height:25.9em;
padding:0;
}

.news h3 {
color:#327f8e;
font-weight:400;
font-size:1.5em;
text-align:left;
margin-bottom:1.3em;
margin-left:1.3em;
}

.news_thumb img {
float:left;
margin-top:.5em;
margin-right:.4em;
}

.news ul li {
padding-bottom:0.7em;
color:#444;
}

.news a {
color:#555;
float:left;
width:19.1em;
text-decoration:none;
margin-left:2em;
margin-top:-0.5em;
padding-bottom:0.87em;
}

a.more {
float:left;
position:relative;
margin-top:-1em;
margin-bottom:.5em;
}

.news_all a {
color:#e0491c;
float:left;
width:19.2em;
text-decoration:none;
background-image:url(images/uploads/arrow.gif);
background-repeat:no-repeat;
background-position:8.825em center;
margin-left:2em;
margin-top:0;
padding-bottom:0.5em;
border-top:2px dotted #ccc;
}

#entry_date {
float:left;
position:relative;
margin-bottom:-0.5em;
margin-top:-0.5em;
color:#e2491b;
font-weight:700;
}

.news_main img {
float:left;
position:relative;
margin-top:1em;
margin-left:0.8em;
}

/* -------------- Divider Bars --------*/
.divider img {
float:left;
position:relative;
width:.1em;
height:26.6em;
margin-top:1.5em;
margin-left:1.3em;
}

.divider_h img {
float:left;
position:relative;
margin-left:48.8em;
margin-top:-22.3em;
}

.divider_v img {
float:left;
position:relative;
width:.1em;
height:15.2em;
margin-top:2.2em;
}

.divider_v_lower img {
float:left;
position:relative;
width:.1em;
height:35em;
margin-top:1em;
}

/* 7.] Footer ---------------------- */
#footer {
clear:both;
height:7em;
position:relative;
background-image:url(images/uploads/footer_bg.jpg);
background-repeat:repeat-x;
font-size:.80em;
color:#333;
}

#copyright {
font-size:1em;
float:left;
position:relative;
margin-left:1.5em;
margin-top:1.2em;
}

#contact {
float:left;
position:relative;
margin-left:1.5em;
margin-top:0.5em;
font-size:0.9em;
}

#contact img{
clear:both;
display:inline;
margin-bottom:-.4em;
}

#emagine {
position:absolute;
top:5em;
left:1.4em;
}

#logo1 img{
position:absolute;
top:1em;
left:52em;
}

#logo2 img{
position:absolute;
top:1em;
left:59.5em;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float:none;
}

/* End hide */
#nav-menu {
width:30em;
}

/* Course Outline List
 Table -----------------------*/
table.course_outline {
width:51.5em;
margin-top:1em;
margin-left:1em;
border:dotted .1em #ccc;
}

table.tableBorder tbody tr th h3 {
margin-left:0;
}

/* End Table -----------------------
 Gallery */
.tableBorder tr th {
padding-left:0;
font-size:.80em;
}

.tableBorder tr th h3 {
font-size:1.5em;
font-weight:700;
}

td.categories {
font-size:.98em;
padding-left:0;
}

td.categories a {
color:#e0491c;
font-weight:700;
}

.title {
font-size:.88em;
font-weight:700;
width:9em;
padding-left:0;
margin-top:0.3em;
color:#e0491c;
}

.pagecount {
font-size:.76em;
font-weight:700;
padding-left:0;
color:#e0491c;
}

.breadcrumb {
font-size:.76em;
font-weight:700;
padding-left:0;
color:#e0491c;
margin-bottom:1.5em;
}

/* Staff Page Specific*/
div.staff img {
float:left;
position:relative;
margin-right:.5em;
margin-bottom:-0.3em;
}

.staff h3 {
float:left;
margin-top:0;
width:15em;
margin-bottom:.3em;
}

div.staff_pic_txt {
float:left;
position:relative;
color:#444;
font-size:.79em;
line-height:1.4em;
}

.show .staff_details,.show img {
display:none;
}

.active .staff_details,.active img {
display:block;
}

.staff_details {
font-size:.70em;
text-align:justify;
margin-top:2em;
margin-left:.5em;
width:56em;
}

.show img {
float:left;
margin-top:.6em;
padding:0.5em 1em 1em;
}

.show h5 {
font-size:0.9em;
margin-top:0;
width:43.7em;
cursor:pointer;
}

span.tel {
float:right;
margin-top:0em;
margin-right:1em;
}

#nav-menu li a:hover,#nav-menu li a.current,.main_content p b {
color:#000;
}

.main_content a:hover,#top ul li a,#emagine a {
color:#333;
}

ul li a.left_current,ul li a:hover.left_current {
color:#327f8e;
font-weight:700;
}

#top ul li a:hover,#bottom ul li a:hover,.gallery h4 a:hover,.news a:hover {
color:#327f8e;
text-decoration:none;
}

.welcome_top p a:hover,th.heading,td.heading {
color:#327f8e;
}

table.course_outline tr td,table.course_outline tr th {
border:dotted .1em #ccc;
}

div.careers a{
color:#000;
float:left;
position:absolute;
top:13.4em;
left:11.8em;
font-size:.75em;
color:#e0491c;
background:url(/images/orange.png);
color:#fff;
font-weight:bold;
padding:.2em;
}