/****************************\
| Assertis Ltd               |
|                            |
| Author: Linus Norton       |
| Date: 25/02/2008           |
|                            |
\****************************/

/**********COLOURS***********\
| Body Background:   #2D465F |
| Content BG:        #F4F3F0 |
| Link:              #2C465F |
| Navigation BG:     #9FD2D3 |
| Selected Nav       #BDE0E1 |
| Nav hover          #D7E9E8 |
| Bottom Left Text   #2C465F |
| Showcase BG        #42678C |
| Footer Text        #9FD2D3 |
| Box Border         #8A8A8A |
| Footer Links       #fff    |
\****************************/



body {
    padding:0;
    margin:0;
    text-align: center;
    font-family: verdana, Arial, sans-serif;
 	font-size:101%;
    background-color:#2D465F;
    line-height:1.125em;
}

/* reset */
    fieldset, form, h1, h2, h3, h4, h5, h6, p, img {
        padding: 0;
        margin: 0;
        border: 0;
    }

/* globals */
    a, a:visited { color: #2C465F; outline: none;}  
    .clear { clear:both; }
	.hidden { display:none;}
    .right { float: right; }
    .left { float: left; }
    .title { color: #2C465F; font-size: 1.8em; font-family: times,sans-serif; letter-spacing: 2px; }
    .title:first-letter { font-size: 1.15em; line-height: 1.15em; }
    .smallText { font-size: 0.9em; line-height: 1.2em; }
    .textCenter { text-align: center;}

    .fadeImage {
		filter: alpha(opacity=0);
		opacity: 0;

        position: absolute;
    }

    #rightColumn .title, #rightColumn2 .title, #rightColumn3 .title, #rightColumn4 .title {
        font-size: 1.6em;
    }
    
    #rightColumn h4 {
        margin-bottom: 7px;
    }
    
    hr { 
        height: 0; border-width: 1px 0 0 0;
        border-top: 1px solid #9FD2D3;
        height: 1px;
        margin-bottom: 7px;
    }

    h1 { 
        font-size: 1.5em;
        /*height: 1.2em;*/
        line-height: 1.2em;
    }

    h2 {
        font-size: 1.3em;
    }

    p {
        margin-bottom: 10px;
    }

    .blockLink {
        width: 98%;
    }
    
    .blockLink, .collegeBlock, .block {
        line-height: 1.2em;
        padding: 2px;
        color: #2C465F;
        margin-right: 2px;
    }

    a.blockLink, .collegeBlock, .block {
        display: block;
        text-decoration: none;
        border: 1px solid #F4F3F0;
        margin-bottom: 10px;
    }

    a.blockLink:hover, .collegeBlock:hover, .block:hover {
        border: 1px solid #8A8A8A;
        background-color: #D7E9E8;
    }

    a.blockLink, a.blockLink:visited a.collegeBlock, a.collegeBlock:visited {
		line-height: 1.3em;
        color: #2C465F;
    }

    div.blockLink {
        font-size: 0.95em;
        line-height: 1.35em;
    }

    div .blockTitle { line-height: 1.2em; }

    .blockLink img, .collegeBlock img, .leftImage {
       float: left;
       margin-right: 8px;
    }

    .blockTitle {
        font-weight: bold;
        text-decoration: underline;
        font-size: 1.1em;
        line-height: 1.8em;
    }

    .collegeBlock {
        width: 46%;
        float: left;
    }

    .bigBlock {
        height: 80px;
    }

    .myCollegeContainer {
        border: 1px solid #9fd2d3;
        padding-top: 35px;
    }
    
    .myCollegeBlock {
        width: 43%;
        float: left;
        margin-left: 30px;
        margin-bottom: 30px;
    }

    .titleLink {
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.8em;
    }   

    .showcase {
        background-color: #42678C;
        width: 216px;
        margin: 4px 0px 8px 8px;
        padding: 5px;
        text-align: left;
    }
    
    #showcaseText {
        color: #fff;
        line-height: 1.25em;
        text-align: right;
        width: 100%;
    }

    .blueSpaced {
        line-height: 1.3em;
        color: #2C465F;
        margin: 8px;
    }

    #contentHeader {
        float: left;
    }

/* site structure */
    #container {
        font-size:0.7em;
        width:996px;
        margin: 0 auto;
        text-align:left;
    }


    #navigation {
        width: 278px;
        float: left;
    }

    #content {
        color: #000;
        margin-left: 10px;
        width: 662px;
        font-size: 1.05em;
        line-height: 1.25em;
        float: left;
    }

    #middle {
        background-image: url("../image/content-bg.gif");
        background-repeat: repeat-y;
        padding: 0px 20px 0px 20px;
    }

    #leftColumn, #rightColumn {
        padding: 0px 10px 10px 23px;
        float: left;
    }

    #leftColumn {
        width: 340px;        
    }

    #rightColumn {
        width: 242px;
    }

    #oneColumn  {
        width: 94%;
        margin: 20px;
    }

/* header */
    #header img {
        float: right;
        margin: 20px;
    }

    #header form div {
        background: url("../image/search-box.gif") -4px -5px no-repeat; 
        width: 155px;
        margin: 20px;
        float: left;
    }

    #searchBox {
        padding: 10px;
        width: 115px;
        color: #fff;
        border: none;
        font-weight: bold;
        background: transparent;
    }

    .submitButton {
        background: url("../image/find.gif") -4px -5px no-repeat;   
        float: left;
        margin-top: 27px;
        border: 0;
        width: 40px;
        position: relative;
        left: -12px;
        cursor: pointer;
    }

    #header form {
        width: 390px;
        float: left;
        margin-top: 40px;
    }

/* left navigation */
    #navigation ul {
        background-color: #9FD2D3;
        list-style: none;
        padding: 20px 0px 20px 0px;
        margin: 4px;
    }

    #navigation ul li {
        width: 100%;
        line-height: 1.4em;
    }

    #navigation ul li a:hover {
        background-color: #D7E9E8;
    }
    
    .selected { 
        background-color: #BDE0E1;
    }

    #navigation ul li a {
        text-decoration: none;
        font-family: times, sans-serif;
        letter-spacing: -0.1px;
        font-size: 1.25em;
        display: block;
        padding: 8px 0 6px 22px;
    }

    #navigation ul li a:first-letter {
        font-size: 1.2em;
    }

    #navigation ul li img {
        float: left;
        position: relative;
        top: 8px;
    }

    /* second level */
    #navigation ul li ul {
        padding: 0;
        margin: 0;
        background-color: transparent;
    }

    #navigation ul li ul li img {
        top: 6px;
        padding-left:12px;
    }

    #navigation ul li ul li a {     
        font-family: verdana, Arial, sans-serif; /* perhaps this should be a class */
        font-size: 0.95em;
        letter-spacing: -0.8px;
        padding: 4px 0 2px 34px;
    }

    #navigation ul li ul li a:first-letter {
        font-size: auto;
    }

    /* third level LOL! */
    #navigation ul li ul li ul li img { padding-left:24px; }

    #navigation ul li ul li ul li a {       
        font-size: 0.9em;
        padding-left: 46px;
    }

    /* fourth level BIGGER LOLLLLL! */
    #navigation ul li ul li ul li ul li img { padding-left:40px; }

    #navigation ul li ul li ul li ul li a {     
        font-size: 0.85em;
        letter-spacing: -0.5px;
        padding-left: 60px;
    }

    /* fifth!??!?! level BIGGER LOLLLLL! */
    #navigation ul li ul li ul li ul li ul li img { padding-left:54px; }

    #navigation ul li ul li ul li ul li ul li a {     
        font-size: 0.85em;
        letter-spacing: -0.5px;
        padding-left: 74px;
    }



/* left bar */
    #navigation div {
        width: 230px;
        margin: 24px;
    }

    #navigation {
        color: #2C465F;
        font-size: 1.1em;
        line-height: 1.3em;
    }

/* footer */
	#footer {
		margin: 0px 30px 0px 25px;
		color: #9FD2D3;
        font-size: 0.8em;
        line-height: 1.1em;
        letter-spacing: 50%;
	}
    
	#footer div.footerLeft {
		float: left;
        width: 250px;
	}
    
	#footer div.footerRight {
		float: right; 
        text-align: right;
        width: 666px;
	}
    
	#footer ul {
		list-style: none;
	}

	#footer ul li {
		display:inline;
	}
    
	#footer a, .showcase a {
		color: white;
	}
    
    #footer a.sLink {
		color: #9FD2D3;
        text-decoration: none;
    }

/* homepage */
    #promo {
        position: relative;
        left: -6px;
    }

/* gallery */
    #contentSearchContainer {
        padding: 14px 4px 14px 4px;
        margin: 8px 0;
        background-color: #D7E9E8;
        font-size: 0.9em;
    }

    #contentSearchBox {
        width: 100px;
    }
    
    #pageSearch select, #pageSearch input {
        margin-top: 2px;
        font-size: 0.9em;
    }


    #pageSearch label {
        width: 48%;
        margin-right: 4px;
        margin-top: 5px;
        float: left;
        display: block;
        text-align: right;
        clear:both;
    }

    #contentSearchContainer .submitButton {
        background: url("../image/find.gif") 0px -6px no-repeat;   
        background-color: #2D465F;
        float: right;
        width: 50px;
        height: 20px;
        border: 1px solid black;
        margin-top: 5px;
    }

    #tagCloud {
        width: 210px;
        text-align: center;
        background-color: #D7E9E8;
        padding: 8px;
        margin: 8px;
        line-height: 1.6em;
    }

    #tagCloud a {
        padding: 2px;
    }

    .s1 { font-size: 0.8em; }
    .s2 { font-size: 1em; }
    .s3 { font-size: 1.2em; }
    .s4 { font-size: 1.4em; }
    .s5 { font-size: 1.7em; }
    .s6 { font-size: 2em; }

    #contentHeader {
        margin: 20px 20px 0 20px;
        width:620px;
    }

    #backImage, #nextImage { 
        position: absolute;
        margin-top: 70px;
        z-index: 10;
        cursor: pointer;
    }

    #nextImage {
        margin-left: 195px;
    }

    .optionsToggle {
        font-size: 0.8em;
    }
    
    .optionsToggle select {
        font-size: 0.9em;
    }
    
/* Gallery Page */
    .galleryTag {
        position: absolute;
        margin-left: -59px;
    }

    .blueBlock {
        background-color: #D7E9E8;
        padding: 10px;
        width: 97%;
    }
    
    p.imageDesc { 
        padding: 3px 3px 0 3px; 
        width: 108px;
        font-size: 0.8em;
        /* border: 1px solid #BDBDBD; */
        height: 1.5em;
        overflow: hidden;
    }

	.imageContainer {
		/* border: 1px solid #BDBDBD; */
		width: 114px; 
		height: 7em; 
		text-align: center;
	}

	.imageContainer img {
		float: none;
		margin-top: 2px;
	}
    div#titleBlockLeft {
        /*float: left;*/
        font-weight: 700;
    }
    
    #advancedOptions {
        display: none;
    }

    .imageSelector {
        margin-top: 0;
        margin-bottom: 0;
    }        

/* gallery image page */
    #prevGalleryImage, #nextGalleryImage, #backButton, #nextButton {
        position: absolute; 
        cursor: pointer;
        opacity: 0.6;
	    filter: alpha(opacity=50);
    }

	#prevGalleryImage, #nextGalleryImage {
        margin-top: 114px;
    }

	#backButton, #nextButton {
		z-index: 100;
        margin: 135px 0 0 39px;
	}

    #nextGalleryImage {
        margin-left: 525px;
    }

	#nextButton {
        margin-left: 560px;
	}


	#backButton, #nextButton{
        opacity: 1;
	    filter: alpha(opacity=100);
    }

    #mainImageContainer {
        cursor: pointer;
        position: relative; 
        margin-left: 60px;
        width: 500px;
        z-index: 10;
    }
        
    #jsBack {
        display: none;
    }

/* map page */
	#map {
		width: 664px;
		height: 300px;
	}
    
    
    
.rightFade {
    float: right;
    color: #8799FF;
    font-style: italic;
}