/* Raison D'etre CSS Document */

/* ----------------- COLOURS ----------------- 
  Grey                   : #5F5C5C
  Blue                   : #1A3394
  Green                 : #7fc241
  Cream                 : #fffcd6
*/

/* ----------------- CLEAR STYLES ----------------- */
.clear { clear: both; }

/* ----------------- DEFAULT FONT STYLES ----------------- */
body, td, div, h1, h2, p, li { font-family: Arial, Helvetica, sans-serif; }

p { font-size: 70%; margin: .5em 0 .5em 0; line-height: 1.4em; color: #fff;  }
li { } /* DONT NOT PUT FONT SIZES HERE AS IT WILL CAUSE AN ISSUE WITH THE MENU */
a:link { color: #7fc241; }
a:visited { color: #7fc241;}
a:active, a:hover { color: #fff; }
a { outline: none; }
.cream { color: #fffcd6; }

/* ----------------- PAGE STYLES ----------------- */
body { margin: 10px 0; }

#strip { margin-top: 30px; background: url(../../images/body_tile.gif) #5F5C5C top left repeat-y; border-top: 1px solid #5F5C5C; border-bottom: 1px solid #5F5C5C; }  
#frame { width: 760px; margin: 0 auto 0 auto; background: url(../../images/nav_background.gif) top left repeat-y #5F5C5C; }
#side-panel { width: 170px; float: left; }
#body-panel { width: 590px; float: left; }

/* ----------------- HEADER ----------------- */
#header-logo { width: 90px; height: 16px; padding: 50px 19px 34px 61px; background-color: #fff; }
#header-title { width: 580px; height: 76px; padding: 0 0 0 10px; background-color: #5F5C5C; }

/* ----------------- BODY ----------------- */
#nav-main { width: 170px; height: 360px; background: url(../../images/nav_main_horizon.gif) bottom left no-repeat #fff; }

#content li, #content-location li, #content-showcase li, #content-home li, #content-ourawards li,
#content-conferences li, #content-ourprojects li { font-size: 70%; margin: .5em 0 1em 0; line-height: 1.3em; color: #fff; }

#content { width: 320px; height: 360px; float: right; margin: 24px 50px 0 0; background-color: #5F5C5C; overflow: auto; display:inline; }
#content-location { width: 390px; height: 360px; float: right; margin: 24px 50px 0 0; background-color: #5F5C5C; display:inline; }
#content-showcase { width: 320px; height: 384px; float: right; margin: 0 50px 0 0; background-color: #5F5C5C; display:inline; }
#content-home { width: 590px; height: 405px; float: right; margin: 55px 0 0 0; background-color: #5F5C5C; }
#content-ourawards { width: 400px; height: 346px; float: right; margin: 20px 50px 0 0; background-color: #5F5C5C; display:inline; }
#content-ourawards p { font-size: 64%; line-height: 1.1em; }
#content-raisondetrespa { width: 400px; height: 346px; float: right; margin: 20px 50px 0 0; background-color: #5F5C5C; display:inline; }
#content-conferences { width: 400px; height: 360px; float: right; margin: 24px 50px 0 0; background-color: #5F5C5C; display:inline; }
#content-ourprojects { width: 410px; height: 360px; float: right; margin: 24px 30px 0 0; background-color: #5F5C5C; display:inline; }
#content-ourteam { width: 320px; height: 360px; float: right; margin: 24px 50px 0 0; background-color: #5F5C5C; overflow: auto; display: inline; }
#content-ourteam p { line-height: 1.2em; }

.news-table {  }
.news-table td { font-size: 70%; color: #fff; padding-bottom: 25px; vertical-align: top; }
.news-table td.download { text-align: right; vertical-align: top; }
.news-table .tiny { font-size: 90% }

.conference-table {  }
.conference-table th { font-size: 65%; color: #7fc241; vertical-align: top; text-align: left; padding-bottom: 10px; }
.conference-table td { font-size: 65%; color: #fff; vertical-align: top; padding-bottom: 10px; }

.ourprojects-table {  }
.ourprojects-table th { font-size: 85%; color: #fff; vertical-align: top; text-align: left; padding: 15px 0 10px 0; font-weight: normal; }
.ourprojects-table td { font-size: 65%; color: #fff; vertical-align: top; padding-bottom: 10px; }
.ourprojects-table .yellow { color: #fffcd6; }

.ourprojects-pagination { border-top: 1px solid #7fc241; margin-top: 10px; }
.ourprojects-pagination td { padding-top: 5px; text-align: right; }

.pagination-controls { border-bottom: 1px solid #7fc241; margin-bottom: 10px; }
.pagination-controls td { padding-bottom: 5px; }

.ourawards-pagination { border-top: 1px solid #7fc241; margin-top: 10px; }
.ourawards-pagination td { padding-top: 5px; text-align: right; }

.team-images { margin: 6px 0 15px 0; }

/* ----------------- FOOTER ----------------- */
#footer { width: 760px; }
#footer-side { width: 170px; height: 45px; float: left; background-color: #fff; }
#footer-content { width: 370px; height: 35px; float: left; padding: 10px 0 0 220px; background-color: #5F5C5C; font-size: 65%; color: #fff; }


/* ----------------- HOME PAGE ----------------- */
.home-image-column { width: 338px; float: left; padding: 11px 10px 11px 0; text-align: right; }
.home-text-column { width: 182px; float: left; padding: 11px 0 11px 10px; }
.home-text-column p { margin: 0; line-height: 1.4em; }
.home-title { width: 590px; height: 35px; padding: 0 0 55px 0; background: url(../../images/home_title_big.gif) center left no-repeat; }
.home-title h1, .home-title h2 { visibility: hidden; display: none; }

.home-text { padding-left: 50px; height: 30px; padding-top: 35px; }
.home-text p { margin: 0 0 1.3em 0; }

.content-images { float: left; width: 155px; margin: 6px 0 15px 0; }
.click-to-enlarge-text { background: url(../../images/magifying_glass.gif) top left no-repeat; padding-left: 15px; float: right; margin-top: 32px;
                        font-size: 70%; color: #7f7d7d; text-align: right; }

.margin10-b { margin-bottom: 20px; }
.margin40-t { margin-top: 40px; }