/*== SWATCH LIST
* Blue: #004a8b;
* Gold: #e4a024;
* Gold-dark: #ce921a; // Text Hover
* Blue-light: #457cac; // links
* Blue-Lighter: #bfd2e1; //Borders
* Blue-lightest:#f2f6f9; //fills
* White
* Dark Grey: #4c4c4c; //Text
* Light Grey: #828282; //Disabled
*/

/* WRAPPER */

div.wrapper {
    min-height:100%;
    height:auto !important;
    height: 100%;
    margin:0px auto -20px;
    width:960px;
}

/* MENU */
.menu {
    height: 40px;
    margin: 0 auto;
    padding: 0;
    background: #e4a024 url('images/bg-nav.jpg');
}

a.menu {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:40px;
    font-family: "Arial";
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}

a.menu:hover {
    color:#DDDDDD;
}
/*152*/
li.menu {
    float:left;
    width:152px;
    background:url('images/bl-corner.jpg')
}

a.first {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:40px;
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}

li.first {
    float:left;
    height:40px;
    width:104px;
    background:#e4a024 url('images/bl-corner.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    border-left:0;
}

a.last {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:40px;
    font-family: "Arial";
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}

/*152*/
li.last {
    height:40px;
    width:152px;
    background-image:url('images/br-corner.png');
    background-repeat:no-repeat;
    background-position:bottom right;
    float:right; 
    border-right:0;
}

.top {
    height:40px;
    width:152px;
    float:left; 
}

#menu_bar{
    width:960px;
}

#top_home a {
    background-image: url('images/cpc-logo-small-grey.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100px 40px;
}
#top_home.highlighted a,
#top_home a:hover,
#top_home a:focus {
    background:#DDDDDD url('images/cpc-logo-small-grey-highlighted.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100px 40px;
}

#top_link a {}
#top_link.highlighted a,
#top_link a:hover,
#top_link a:focus {
    background:#DDDDDD;
    color:#000000;
    font-weight:bold;
}

/* FOOTER */

.footer {
    height: 20px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 0;
    background: #e4a024 url('images/bg-nav.jpg');
}

a.footer {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:20px;
    font-family: "Arial";
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}

a.footer:hover {
    color:#00325E;
}

li.footer {
    float:left;
    width:152px;
    background:url('images/bl-corner.jpg')
}

a.footer_first {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:20px;
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}

li.footer_first {
    float:left;
    height:20px;
    width:104px;
    background: url('images/tl-corner.png');
    background-repeat:no-repeat;
    background-position:top left;
    border-left:0;
}

a.footer_last {
    position:relative;
    z-index:101;
    display:block;
    height:100%;
    line-height:20px;
    font-size:1.2em;
    font-weight:normal;
    color:white;
    text-align:center;
    text-decoration:none;
}


li.footer_last {
    height:20px;
    width:400px;
    font-size:1.0em;
    color:white;
    text-align:right;
    background-image:url('images/tr-corner.png');
    background-repeat:no-repeat;
    background-position:top right;
    float:right; 
    border-right:0;
}

#footer_bar {
    width:960px;
}

#footer_home a {
    background-image: url('images/cpc-logo-small-grey.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100px 40px;
}
#footer_home.highlighted a,
#footer_home a:hover,
#footer_home a:focus {
    background: url('images/cpc-logo-small-grey-highlighted.png');
}

/* MAIN */

.center {
    margin-left: auto;
    margin-right: auto;
}

.main {
    
}

table.main,
th.main,
td.main
{
    border: 1px solid #AAAAAA;
    margin: 0 auto;
}

a.main {
    color: black;
}

a.main:visited {
    color: #002142;
}

div.main {
    width: 960px;
    margin: 0 auto;
    list-style-type: none;
}

.main-header {
    font-size:2.0em;
    font-weight:bold;
    text-decoration:none;
    list-style-type: none;
}

/* MASSEY */

div.massey {
	padding-left:   0px;
	padding-right: 20px;
	padding-top:   20px;
	padding-bottom: 0px;
	width: 960px;
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
	margin-bottom: 0px;
    list-style-type: none;
}

/* MEMBERS */
img.member
{
    width: 88px;
    height: 108px;
    margin: 0px 0px;
}

img.project
{
    width: 128px;
    height: 128px;
    margin: 0px 0px;
}

#tooltip1 { position: relative; }
#tooltip1 a img.small { width: 100%;  }
#tooltip1 a img.large { position: fixed; display: none; color: #FFFFFF; }
/*#tooltip1 a:hover img.large { display: block; position: absolute; width: 384px; background-color: #aaa; left: 200px; top: -200; color: #FFFFFF; padding: 5px; }*/
#tooltip1 a:hover img.large { display: block; position: fixed; width: 20%; background-color: #aaa; left: 40%; top: 30%; color: #FFFFFF; padding: 5px; }


#tooltip2 { position: relative; }
#tooltip2 a img.small { width: 100%;  }
#tooltip2 a img.large { position: fixed; display: none; color: #FFFFFF; }
#tooltip2 a:hover img.large { display: block; position: fixed; width: 20%; background-color: #aaa; left: 35%; top: 30%; color: #FFFFFF; padding: 5px; }

/*
#tooltip2 { position: relative; }
#tooltip2 a img.small { width: 100%;  }
#tooltip2 a img.large { display: none; color: #FFFFFF; }
#tooltip2 a:hover img.large { display: block; position: absolute; width: 512px; background-color: #aaa; left: -612px; top: -100px; color: #FFFFFF; padding: 5px; }*/