/*--StyleSheet for Portfolio Exec.com  Copyright PortfolioExec.com 2010--*/
 
 
/*--general styles--*/
colours {
  color: #959595; /* bg grey */
  color: #000000; /* black */
  color: #662d91; /* purple */
  color: #464646; /* content grey */
}


body {
	background: #011A38; /* bg blue */
	color: #ffffff; /* white */
    color:#666666;/*--gray--*/
    color:#376191;/*--darkblue--*/
	font-size: 62.5%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px;
}
* {
	margin: 0px;
	padding: 0px; 
}

/*--headings--*/
h1, h2, h3, h4, h5, h6 {
  color: #1B4C77; /* dark blue */
  font-family: arial, verdana, sans-serif;
  margin: 0px 0px;
  padding:0px;
}

h1.strapline{
  color:#155390;
  font-size: 1.8em;
}

h1 {
	color:#155390;
    font-size: 1.8em;
	line-height: 1.8em;
}
h2 {
	font-size: 1.6em;
	line-height: 1.8em;
}
h3 {
	font-size: 1.4em;
	line-height: 1.6em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.4em;
}
h5 {
	font-size: 1em;
	line-height: 1em;
}
h6 {
	font-size: 1em;
	line-height: 1em;
	color:#155390;
}

/**--links---*/
a {
	color: #155390; /* purple */
	cursor: pointer;
}
a:link, a:visited {
	color: #662d91; /* purple */
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #662d91; /* purple */
	text-decoration: none;
}
p {
	margin: 10px 0px;
}
ul {
	margin: 0px 0px 0px 20px;
}
img {
	border: 0;
}
/*- classes ----------------------------------------------------------------------------*/
.colour {
  color: #662d91; /* purple */
}
.left {
	float: left;
	margin: 0px 5px 0px 0px;
}
.right {
	float: right;
	margin: 0px 0px 0px 5px;
}
.clear {
	clear: both;
}
.error {
	margin: 10px 0;
	color: #ff0000;
	background-color : #ffeeee;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	padding: 10px;
}
.info {
	margin: 10px 0;
	color: #0000ff;
	background-color:	#eeeeff;
	border-bottom: 1px solid #0000ff;
	border-top: 1px solid #0000ff; 
	padding : 10px;
}
.success {
	margin: 10px 0;
	color: #009F62;
	background-color: #E6FFE6;
	border-top: 1px solid #009F62;
	border-bottom: 1px solid #009F62;
	padding: 10px;
}
.hide {
  display: none;
}

/*- layout -------------------------------------------------------------------*/


/*- site ---------------------------------------------------------------------*/

#wrapper {
  background: #ffffff; /* white */
  background:#ECECEC;
  width: 770px;
  width:880px;
  overflow:hidden;
  margin: 2px auto 5px auto;
  font-size: 1.2em;
  text-align: left;
  position: relative;
  color: #464646; /* content grey */
  /*border:1px solid gray;*/
}
  #aboveSite {
    width: 772px;
    height: 10px;
    margin: 5px auto;
    /*border:1px solid red;*/
  }
    #aboveSite a {
      color: #ffffff; /* white */
    }
    h1.strapline {
      color: #ffffff; /* white */
      width: 500px;
      float: left;
      text-align: left;
      font-size: 1.1em;
    }
    #header-background {
      width:672px;
      width:100%;
      position:absolute;
      top:-2px;
      left:96px;
      border-right:2px solid #365375;
      background:url('/images/layout/header-background.jpg') top left repeat-x;
    }
    #navholder {
      width:100%;
      height:20px;
      /*border:1px solid gray;*/
      background-color:#16528E;
      position:absolute;
      top:83px;
      left:0px;
    }
    #topNav {
     /* width: 100%;
      height:20px;
      float: right;
      text-align: left;
      border:1px solid green;*/
    }
     #topnav ul {
      padding:0px;
      padding-top:2px;
      margin:0px;
      margin-left:18px;
      list-style-type:none;
      color:white;
      font-weight:bold;
     }
     #topnav ul li {
      display:inline;
      float:left;
      margin-right:20px;
	  margin-right:4px;
     }
      #topnav a {
        text-decoration: none;
        color:white;
        font-size:1em;
		font-size:0.8em;
        text-transform:uppercase;
        font-weight:bold;
        padding:2px;
        padding-top:0px;
        padding-right:20px;
		
		padding-right:0;
        }
  #header {
    /*background: url(../images/layout/header-background.jpg) no-repeat top center;*/
    padding: 10px 30px 10px 30px;
    float:none;
    height:85px;
    width:770px;
    width:100%;
    position:relative;
    /*border-bottom:1px solid gray;*/

  }
  
  #logoarea {
    display:block;
    width:95px;
    height:85px;
    position:absolute;
    top:-2px;
    left:0px;
    border-left:1px solid #365375;
    /*border:1px solid gray;*/
  }
    #homelogo img {
      float: left;
    }
    #accreditions {
      float: right;
    }
      #accreditions img#rcis {
        margin-right: 20px;
      }
    #nav {
      width: 450px;
      float: left;
      border:1px solid gray;
    }
      #nav ul {
        list-style-type: none;
        margin: 0px;
      }
        #nav ul li {
          display: inline;
        }
      #call2action {
        width: 300px;
        float: right;
        text-align: right;
        color: #662d91; /* purple */
        font-size: 1.4em;
        position: relative;
        left: -20px;
      }
      #call2action a {
        color: #662d91; /* purple */
        text-decoration: none;
      }
      #call2action img {
        position: relative;
        top: 2px;
      }
  #randomHeader {
    height: 183px;
  }
  .a {background: url(../images/layout/a.jpg) no-repeat;}
  .b {background: url(../images/layout/b.jpg) no-repeat;}
  .c {background: url(../images/layout/c.jpg) no-repeat;}
  .d {background: url(../images/layout/d.jpg) no-repeat;}
  .e {background: url(../images/layout/e.jpg) no-repeat;}
  .f {background: url(../images/layout/f.jpg) no-repeat;}
  .g {background: url(../images/layout/g.jpg) no-repeat;}
  .h {background: url(../images/layout/h.jpg) no-repeat;}
  #main {
    /*padding: 10px;
    margin: 0px 0px 20px 0px;*/
    padding:0px;
    margin:0px;

  }
  div.content {
    width:100%;
    float:left;
    clear:none;
    padding-bottom:50px;
    /*border:1px solid silver;*/
  }
  .textContent {
    width:360px;
    float:left;
    clear:left;
    /*border:1px solid GRAY;*/
  }
  .imageholder {
    width:364px;
    float:right;
    clear:right;
  }
    #content {
      padding: 10px 20px 0px 20px;
    }
      #content h2 {
        font-size: 1.3em;
        line-height: 1.3em;
      }
      #sideBarLeft {
        width: 350px;
        float: left;
        margin: 0px 0px 20px 0px;
      }
      #sideBarRight {
        width: 350px;
        width:100%;
        border:1px solid silver;
        float: right;
        clear:both;
        margin: 0px 0px 20px 0px;
        display:none;
      }
  #footer {
    background: url(../images/layout/footer.jpg) no-repeat 0% 100%;
    margin-top: 30px;
    height:10px;
    padding: 10px 0px 10px 0px;
    clear: both;
    text-align: center;
    /*border:1px solid gray;

    visibility:hidden;*/

  }
    #footer ul {
      list-style-type: none;
      margin: 0px;
      margin-left:20px;
      
      /*--hide them!--*/
       visibility:hidden;
    }
      #footer li {
        display: inline;
        float:left;
        margin-right:20px;
      }
        #footer a {
          color: #662d91; /* purple */
          color: #011A38; /* dark blue */
          text-decoration: none;
          font-size: 0.9em;
        }
  #footer p {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    float:right;
    margin-right:50px;
  }
  .footingHeader {
    float:left;
    margin-left:50px;
    margin-right:20px;
    color:#ECECEC;
  }
#belowSite {
	width: 772px;
    width:auto;
        height:150px;
	margin: 5px auto 0px auto;
        background:#011A38;
}
	#belowSite p {
		margin: 0px;
                margin:0 auto;
                width:200px;
                color:white;
                font-weight:bold;
                padding-top:10px;
	}

  #copyRight {
    float: left;
    color:blue;
    font-size:2em;
  }
  #titles {
    clear: both;
  }
    #titles {
      margin: 2px 0px;
    }
    #titles a {
      color: #ffffff; /* white */
    }
    
/*- gallery -*/
#gallery {
  border-top: 1px solid #464646; /* content grey */
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
  float: left;
  clear: both;
}
  #galleryLeft {
    width: 350px;
    float: left;
  }
  
  #galleryRight {
    width: 350px;
    float: right;
  }

/*---CMS---*/
.siteMap {
	width:400px;
	border:1px solid #662D91;
	padding:10px;
}

.siteMap ul {
	padding:10px;
}




/*===========corporate-logo-holder==============================*/
.corporateHolder {
  border:1px dashed black!important;
  margin-bottom:15px;
  height:200px;
  height:auto;
  overflow:auto;
  background-color:white;
}

.corporateHolder h5 {
  margin:10px 0;  
}

.corporate-image-block {
  width:200px;
  height:170px;
  overflow:hidden;
  float:left;
  clear:left;
}

.corporate-link-holder {
  float:left;
}

.corporate-text-block {
  float:left;
  height:160px;
  overflow-y:auto;
  width:480px;
}

.corporate-logo-holder {
  width:180px;
  /*float:left;*/
  display:block;
  margin:0!important;
}

.corporate-desc-holder {
 width:450px;
 margin:0!important;
 
}

.corporate-logo-holder img {
  width:150px;
  overflow:hidden;
}

.Newletter {
  background-color:white;
  border:1px dashed black!important;
}

.eventHolder {
  display:block;
  background-color:white;
  border:1px dashed black!important;
  margin-bottom:15px;
  padding:5px;
}

.newsHolder {
  display:block;
  background-color:white;
  border:1px dashed black!important;
  margin-bottom:15px;
  padding:5px;
clear:both;
}




a.thumb {
  
}

a.thumb img {
  width:150px;
}


#comments-box-holder {
 -moz-border-radius: 10px 30px;
  border-radius: 10px 30px / 15px 25px;
  border: 1px solid #000;
  padding:20px;
}

.textarea {
   -moz-border-radius: 10px 30px;
  border-radius: 10px 30px / 15px 25px;
  border: 1px solid #000;
  padding:5px;
  height:63px!important;
}


div.upload-button-holder {
  float:left;
}

.long-input {
  width:400px!important;
}

.fakefile {
  position:relative;
}

.fakefile img {
  position:absolute;
  right:49px;
  top:4px;
  #display:none;/*--ie7--*/
}

span.link-label-edit{
  padding-left:3px;
}

.error {
color:red;
font-size:12px;
font-weight:bold;
}

.success {
color:green;
font-size:12px;
font-weight:bold;
}
