/*------------------------------------------------------------------
[Master Stylesheet]
Project: EIQA - Excellence Ireland Quality Assurance
Version: 0.1
Assigned to: Aaron Jay, Karl O'Leary
Last change: 

- styling changes for board members, Aaron Jay - 18/11/2008
- styling for breowsers and dpi changes, Aaron Jay - 18/11/2008
- initial CSS setup


[Table of contents]
1. General and overall pages 
   1a. Overall element styles
   1b. Overall link styles
2. Branding and header information
3. Content
4. Navigation
    4a. Main Navigation
    4b. Sub Navigation
5. Generic Content Boxes
6. Lower Page Content 
7. News Content
8. Home Page Content
    8a. Certifications
9. Footer 
10. Approvals Board
11. Gallery
-------------------------------------------------------------------
------------------------------------------------------------------

 [1.] General and overall ---------------------- */

<!-- @import url(http://fonts.googleapis.com/css?family=Tangerine); -->
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
html, body
{
	background-color: #FFFFFF;
	background-image: url(/images/graphics/top_back.jpg);
	background-repeat: repeat-x;
	background-position: 0em 0em;
	margin: 0em;
	padding: 0em;
}

#main_back
{
	background-image: url(/images/graphics/top_back.jpg);
	background-repeat: repeat-x;
	background-position: 0em 0em;
	float: left;
	width: 100%;
}
#main
{
	background-image: url(/images/graphics/back_corner.jpg);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	float: left;
	width: 60em;
}

/* [1a.] Overall element styles ---------------------- */
p {
margin:0;
padding:.5em 0;
}

ul {
margin:0 0 0 2em;
padding:0;
}

h1 {
color:#052147;
text-decoration:none;
font:400 1.5em Arial, Helvetica, sans-serif;
margin:0;
padding:1em 0 0.25em;
}

h2 {
color:#052147;
text-decoration:none;
font:700 1.45em Arial, Helvetica, sans-serif;
margin:0;
padding:.6em 0 .6em 0;
}


h2.long {
color:#052147;
text-decoration:none;
font:700 1.1em Arial, Helvetica, sans-serif;
background:url(/images/graphics/long_back.gif) repeat-y 0em 0em;
margin:.7em 0;
padding:.4em 0 .4em 0.5em;

}

h3 {
color:#052147;
text-decoration:none;
font:700 1em Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 .25em;
}

.margin {
padding-top:.75em;
padding-bottom:.75em;
}

.margin2 {
padding-right:1em;
padding-bottom:1em;
}

.border {
border:.0625em solid #e5e5f0;
}

/* [1b.] Overall link styles---------------------- */
.link, .content_lower_box1 a, #content_box2a a {
color:#0a50a1;
text-decoration:none;
font-weight:700;
}

.link:hover, .content_lower_box1 a:hover{
color:#000;
text-decoration:none;
font-weight:700;
}

.link2 {
color:#0a50a1;
text-decoration:none;
font-weight:700;
padding-left:2em;
padding-top:0.25em;
padding-bottom:.5em;
float:left;
background:url(/images/graphics/arrow.gif) no-repeat 0em 0em;
}

.link2:hover {
color:#000;
text-decoration:none;
font-weight:700;
padding-left:2em;
padding-top:0.25em;
padding-bottom:.5em;
float:left;
background:url(/images/graphics/arrow.gif) no-repeat 0em 0em;
}

.link3 {
color:#0a50a1;
text-decoration:none;
font-weight:700;
padding-right:2em;
padding-top:0.25em;
padding-bottom:0.5em;
background:url(/images/graphics/arrow.gif) no-repeat 7.5em 0em;
}

.link3:hover {
color:#000;
text-decoration:none;
font-weight:700;
padding-right:2em;
padding-top:0.25em;
padding-bottom:0.5em;
background:url(/images/graphics/arrow.gif) no-repeat 7.5em 0em;
}

.accessiblity {
display:none;
}
/* [2.] Branding and Header Information  ---------------------- */

#top {
height:9.375em;
width:60em;
position:relative;
background:url(/images/graphics/top_corner.gif) repeat-y 15.375em 0em;
}

#top_left {
width:10em;
padding-top:3.75em;
height:8.5em;
color:#052147;
text-decoration:none;
padding-left:.5em;
font:0.6em Arial, Helvetica, sans-serif;
text-transform:capitalize;
position:absolute;
right:2em;
top:1em;
}

#top_left h1 {
line-height:1.4em;
}

#logo {
position:absolute;
width:13em;
height:5.75em;
padding-top:3.625em;
right:8em;
}

#logo img {
border:none;
}

#top_right {
width:25.5em;
color:#052147;
text-decoration:none;
padding-top:2em;
font:700 0.75em/1.5em Arial, Helvetica, sans-serif;
position:absolute;
left:24em;
}

#top_right h2 {
font-weight:normal;
text-transform:capitalize;
background:none;
border:none;
padding:1em 0 0 0;
margin:0;
}

.heading_small {
font-size:.75em
}

#header {
float:left;
width:40em;
margin:0 0 .5em 0;
}

/* [3.] Content ---------------------- */
#content {
width:70em;
background:url(/images/graphics/left_bar_back.gif) repeat-y 15.375em 0em;
float:left;
}

#content_right {
float:left;
padding-left:4.125em;
padding-top:.25em;
background:#FFF;
width:40em;
}

#content_left_part {
float:left;
width:18.75em;
padding: 0 1em 0 0;
}

.content_right_part {
float:left;
width:18em;
display:block;
margin: 0 0 0 1em;
}

/* [4.] Navigation ---------------------- 
 [4a.] Navigation Main Navigation ---------------------- */
#left_nav {
float:left;
width:7.375em;
margin-left:8.5em;
text-align:center;
text-transform:capitalize;
display:block;
}

#left_nav ul {
display:block;
list-style-type:none;
margin:0 0 0 .1em;
padding:0;
}

#left_nav ul li {
display:block;
float:left;
margin:0;
padding:0;
height:3em;
}


.nav_link {
text-transform:capitalize;
color:#FFF;
text-decoration:none;
text-align:center;
width:9.1em;
height:4em;
font:400 .75em "Trebuchet MS";
background:url(/images/graphics/left_nav_off.gif) no-repeat .7em 0em;
border-width:0;
display:block;
padding-top:1.4em;
padding-left:1em;
}


.nav_link:hover,.nav_linkon {
text-transform:capitalize;
color:#052147;
text-decoration:none;
text-align:center;
width:9.7em;
height:4em;
padding-top:1.4em;
padding-left:1em;
font:400 0.75em "Trebuchet MS";
background:url(/images/graphics/left_nav_on.gif) no-repeat .7em 0em;
float:left;
}

/* [4b.] Navigation Sub Navigation ---------------------- */
#sub_nav {
display:block;
clear:both;
}

#sub_nav ul {
list-style-type:none;
height:2em;
margin:0;
padding:0;
}

#sub_nav li {
float:left;
display:block;
width:6em;
margin:0 1em 0 0;
}

#sub_nav a {
color:#333;
text-decoration:none;
font:.75em Arial, Helvetica, sans-serif;
}

/* [5.] Generic Content Boxes ---------------------- */

#content_box1 {
float:left;
width:26.25em;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

#content_box1 ul, #content_lower_box1 ul {
list-style-type:circle;
margin: 0 0 1em 2em;
}

#content_box1 a:link, #content_box1 a:visited, #content_lower_box1 a:link, #content_lower_box1 a:visited, .paginate a {
color:#052148;
font-weight:bold;
text-decoration:none;
}

#content_box1 a:hover, #content_box1 a:active, #content_lower_box1 a:hover, #content_lower_box1 a:active {
color:#333;
}

#content_box1 ol, #content_lower_box1 ol{
margin: 1em 2em;
padding:0;
}


#content_box2{
float:left;
width:26.25em;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
position:relative;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
background:url(/images/graphics/title3_back.gif) repeat-x 0em 0em;
}


#content_box2b{
float:left;
width:26.25em;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
position:relative;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
background:url(/images/graphics/title3_back.gif) repeat-x 0em 0em;
}


#content_right_part #content_box3 h2 {
float:left;
width:25em;
color:#000;
text-decoration:none;
padding-bottom:0em;
position:relative;
font:400 1em/1.45em Arial, Helvetica, sans-serif;
background:url(/images/graphics/title3_back.gif) repeat-x 0em 0em;
padding: .3em 0 .8em 1em;
}



#content_box2a {
float:left;
width:24.25em;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
position:relative;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
margin: 0 0 0 2em;
}

#content_box2b {
float:left;
width:25.5em;
color:#4d4d4d;
text-decoration:none;
padding-bottom:.75em;
position:relative;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

#content_box2b h2 {
color:#052147;
text-decoration:none;
font:700 1.45em Arial, Helvetica, sans-serif;
background:url(/images/graphics/title1_back.gif) repeat-y 0em 0em;
margin:0;
padding:.6em 0 .6em 0.5em;
}


#content_box3 h2 {
color:#052147;
text-decoration:none;
font:700 1.45em Arial, Helvetica, sans-serif;
background:url(/images/graphics/title1_back.gif) repeat-y 0em 0em;
margin:0;
padding:.6em 0 .6em 0.5em;
}


/* [6.] Lower Page Content ---------------------- */
#content_lower_box1 {
float:left;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

.page_image {
float:right;
padding:0 0 0 1em;
}

#content_lower_box1 h3, #content_box1 h3 {
color:#000;
border-top:solid .2em #EEC422;
padding:.7em 0 0 0;
}

/* [7.] News Content  ---------------------- 
 [7a.] News Content  Home Page ---------------------- */

#title1 {
float:left;
width:25.5em;
color:#052147;
padding-top:0.35em;
padding-bottom:0.5em;
padding-left:0.75em;
font-weight:400;
}

.common_box {
float:left;
width:26.25em;
border-bottom-width:.125em;
border-bottom-style:solid;
border-bottom-color:#eae7c9;
}

.date {
float:left;
width:25.5em;
color:#0a50a1;
padding-top:.5em;
padding-bottom:0.5em;
padding-left:0.75em;
font-weight:700;
}

.news_box1 {
text-align:center;
float:left;
width:7.25em;
padding-bottom:.5em;
}

.news_box2 {
float:left;
width:17.75em;
padding-right:1em;
padding-bottom:0.5em;
padding-left:.25em;
}

.content_right_part p.paginate {
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

/*  [7a.] News Content  Main News Page ---------------------- */

.news_date {
color:#000;
padding: 1em 0 .5em .5em
}

.news_box1a {
text-align:center;
float:left;
width:7.25em;
padding-bottom:1em;
}

.news_box2a {
float:left;
width:15.75em;
padding-right:1em;
padding-bottom:0.5em;
padding-left:.25em;
}

.news_box2a p {
padding:0;
}



/* [8.] Home Page Content ---------------------- */


#content_box3 {
float:left;
width:25.5em;
color:#4d4d4d;
text-decoration:none;
padding-bottom:.75em;
position:relative;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

.common_box2 {
float:left;
width:25.5em;
color:#052147;
text-decoration:none;
font:400 .75em Arial, Helvetica, sans-serif;
background:url(/images/graphics/line.gif) no-repeat  0em 0em;
padding:0 0 1em 0;
}

/* [8a.] Home Page Content  - Certification ---------------------- */
ul#certs {
list-style-type:none;
margin:0;
padding:0;
}

ul#certs li {
display:block;
clear:both;
}

.certificate_box1 {
float:left;
width:10.5em;
padding-top:1em;
height:6.5em;
}

.certificate_box2 {
float:left;
width:14em;
padding-right:1em;
padding-bottom:1.25em;
position:relative;
padding-top:1em;
}

/* [9.] Footer  ---------------------- */
#footer {
float:left;
height:5.375em;
width:44.375em;
padding-left:15.625em;
padding-top:2.375em;
background:url(/images/graphics/footer.gif) no-repeat 9em 0em;
clear:both;
}

#footer_box1 {
color:#8c8c8c;
text-decoration:none;
float:left;
width:11.85em;
padding-top:.125em;
font:400 0.75em Arial, Helvetica, sans-serif;
}

#footer_box2 {
color:#8c8c8c;
text-decoration:none;
float:left;
width:7.75em;
padding-left:0.75em;
font:400 0.75em Arial, Helvetica, sans-serif;
background:url(/images/graphics/divider.gif) no-repeat left .25em;
}

#footer_box3 {
color:#8c8c8c;
text-decoration:none;
float:left;
width:12em;
padding-left:0.75em;
font:400 0.75em Arial, Helvetica, sans-serif;
background:url(/images/graphics/divider.gif) no-repeat 0em .25em;
}

#footer a {
color:#8c8c8c;
text-decoration:none;
}

#footer a:hover {
color:#0a50a1;
text-decoration:none;
}

/* [10.] Approvals Board ---------------------- */
.board_member {
display:block;
clear:both;
}

.board_member .content_left_part {
display:block;
width:19em;
float:left;
}

#content_right h2 {
display:block;
clear:both;
font-size:1.2em;
}

.board_member .content_right_part {
display:block;
width:20em;
float:left;
clear:right;
}

.board_member .content_lower_box1 {
float:left;
width:26.25em;
color:#000;
text-decoration:none;
padding-bottom:1.5em;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

.board_member h3 {
color:#000;
border-top:solid .2em #EEC422;
padding:.7em 0 0 0;
font-size:.75em;
}

.board_member .content_right_part {
width:10em;
}

/* [11.] Gallery ---------------------- */

#gallery_content {

}

#gallery_content ul.images {
padding:0;
margin:0;
list-style-type:none;
}

ul.images li{
margin:.5em 0 0 0;
width:12em;
float:left;
}

ul.images img {
margin:0 auto;
border:none; 
}

ul.images span, ul.images p {
margin:0;
padding:0;
}

ul.images h4 {
height:3em;
padding:0 0 .5em 0;
margin:0 0 .5em 0;
font:400 0.75em/1.45em Arial, Helvetica, sans-serif;
}

#content_right_part  ul{
margin:0;
list-style-type:none;
}

#content_right_part  ul li {
margin:.5em 0 .5em 2em;
width:12em;
float:left;
}

#content_right_part ul img {
margin:0 auto;
border:none;
}

#content_right_part ul h4 {
padding:0 0 .5em 0;
margin:0 0 .5em 0;
}


.awards_details{
background-color:#edc421;
padding:0.5em;
width:80%;
margin:0 auto;
}

.awards_details p.details{
color:#fff;
font-weight:bold;
text-align:center;
}

.awards_details p.blacktie{
text-align:center;
font-size:1em;
color:#fff;
font-family: 'Droid Sans', arial, serif;
padding:0;
}

.Invitation p.details { font-family: 'Droid Sans', arial, serif; font-size:16px;}
p.header_invite2 { font-family: 'Droid Sans', arial, serif; font-size:18px;}

.Invitation_home{
padding:0.2em;
width:311px;
}

.Invitation_home div.invitation_inner div.awards_details p.details{
float:left;
padding:0;
}

.Invitation_home div.invitation_inner div.header_invite{
font-size:1.1em;
}

.Invitation_home div.invitation_inner p{
font-size:1em;
}

.Invitation_home div.invitation_inner div.contact_details{
font-size:.9em;
padding:.2em;
text-align:center;
}

.header_invite{
font-size:1.3em;
font-family:georgia;
color:#233c74;
width:99%;
text-align:center;
padding-top:1em;
}

.invitation_inner p{
width:99%;
text-align:center;
font-family: 'Droid Serif', arial, serif; font-size:22px;
font-weight:bold;
color:#052147;
}

.awards_details p{
width:100%;
margin:0 auto;
}

.Invitation{
border:.5em solid;
padding:0.2em;
width:48em;;
}

p.invite_logo{
float:left;
position:absolute;
top:50em;
left:62.5em;
}

.invitation_inner{
border:.2em solid #000;
padding:0;
margin:0;
}

.contact_details{
text-align:center;
color:#233c74;
margin-top:.5em;
font-weight:bold;
font-family:georgia;
font-size:1.2em;
margin-bottom:1em;
}