@import url("/css/content.css");
@import url("/css/nav.css");
@import url("/css/modules.css");

/* cstc.bc.ca layout styles */
html, body, .page {
	width: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	color: #444;
	font: 75% Arial, Helvetica, sans-serif;
	line-height: normal;
	text-align: center;
	background: #fff url(/layout/cstc-syllabics.gif) repeat-y right 200px;
}

.printonly {
position: absolute;
left: -999em;
}

#container {
width: 100%;
background: url(/layout/cstc-logo.gif) no-repeat center top;
}
#layout {
width: 760px;
margin: 0px auto;
text-align: left;
}
#layout td {
vertical-align: top;
}
#header-left {
width: 180px;
height: 145px;
}
#header {
display: block;
position: relative;
width: 528px;
height: 135px;
padding: 10px 0px 0px 52px;
text-align: left;
}
#header-bar {
display: block;
width: 528px;
height: 36px;
position: absolute;
bottom: 0px;
right: 0px;
background: #991408;
}
#menu-top {
width: 180px;
height: 50px;
background: #3A8C85 url(/layout/menu-top.gif) no-repeat top;
}
#page-title {
width: 570px;
height: 50px;
margin: 0px;
padding-left: 10px;
vertical-align: bottom;
background: #fff;
}
#page-title h1 {
margin: 0px;
}
#menu {
background: #3a8c85;
}
#main {
	width: 530px;
	min-height: 300px;
	margin: 0px;
	padding: 0px 0px 40px 50px;
	vertical-align: top;
	background: #fff;
}
#main div.content {
	clear: both;
	overflow: hidden;
	width: 530px;
	margin: 0px;
	padding: 0px;
}

#menu-bot {
background: #3A8C85 url(/layout/rock-paint.jpg) no-repeat bottom;
}
#footer {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	background: #fff;
}
#footer p {margin: 0px;}
#totop {
float: right;
color: #666;
text-decoration: none;
}
a#totop:hover  {
color: #E51300;
}
a#totop:active  {
color: #000;
}
#footer hr {
clear: both;
display: block;
height: 1px;
border: 0px;
border-top: 1px solid #666;
margin-top: 10px;
margin-bottom: 10px;
}
#max-logo {clear: both; float: right;}


/* HOME PAGE */
#home-container {
width: 100%;
margin: 0px auto;
background: url(/layout/cstc-home-header.jpg) no-repeat center top;
}
#home-logo {
width: 100%;
margin: 0px auto;
background: url(/layout/cstc-home-logo.gif) no-repeat center top;
}
#home-header-left {
width: 180px;
height: 240px;
}
#home-header {
display: block;
position: relative;
width: 580px;
height: 240px;
}
#home-header div {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
#home-layout {
width: 760px;
margin: 0px auto;
text-align: left;
}
#home-layout td {
vertical-align: top;
}
#home-main {
	width: 570px;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	vertical-align: top;
	background: #fff;
}
#home-box {
width: 560px;
overflow: hidden;
margin: 0px;
padding: 10px 0px 10px 10px;
background: #991408;
}
.box-top {
width: 550px;
margin: 0px 10px 10px 0px;
padding: 0px;
}
.box-top div.content {
overflow: hidden;
width: 100%;
margin: 0px; 
padding: 0px;
color: #FFF;
}
.box-col {
width: 176px;
float: left;
margin: 0px;
margin-right: 10px;
}
.box-col div.content {
overflow: hidden;
width: 100%;
float: left;
color: #FFF;
}
.box-top div.content *, .box-col div.content * {
color: #FFF;
}

/* MEMBER NATION TEMPLATE VARIATIONS */
h1.nation {  
color: #fff;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
font-size: 120%;
font-weight: bold;
border: 0px;
position: absolute;
bottom: 5px;
}
.nation-logo {
position: absolute;
bottom: 0px;
right: 0px;
}