/*style.css ## This is the global stylesheet for the CC website*/
* { margin:0; padding:0; } /* reset all page elements */

html, body { height:100%; background-color: #9ecff5; }

/*PAGE CONTAINER*/

#page_container {
	position: absolute;
	top:0; left:0;
	height:100%; width:100%;
	min-width:50em;
	background-color: #9ecff5;
}
#page_header {
	position: relative;
	top:0; left:0;
	height:12.25em; width:100%;
	background-image:url(images/header_bg.png);
	background-repeat: repeat-x;
	text-align:left;
}

/*NAVIGATION*/

#navigation_bar {
	position: absolute;
	top:0.15em; right:3%;
	height:12em; width:11em;
	background-image:url(images/nav_bg.png);
	background-repeat: repeat-x;
	border-left:2px solid #438ecc;
	border-right:2px solid #438ecc;
	text-align:center !important;
	line-height:1em;
}
#navigation_bar a, #login a{
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-size:0.75em;
	font-weight:bold;
	color:#4c2864;
	text-decoration:none;
	line-height:0.3em;
}

#navigation_bar a:hover {
	color:#438ecc;
}

#nav_title {
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-size:1.2em;
	font-weight:bold;
	color:#438ecc;
	padding-bottom:0.25em;
	padding-top:0.25em;
}

/*BODY CONTAINER*/

#body_container {
	position:relative;
	top:0; left:0; bottom:0;
	margin:0.5% 0.5% 0.5% 0.5%;
}

#body_container h1 {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#4c2864;
	padding-left:0.45em;
	padding-top:0.55em;
	line-height:1em;
}

#body_container h2 {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-weight:100;
	padding-left:0.55em;
	line-height:0.25em;
}

#body_container p {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:0.9em;
	padding:0.75em;
	text-align:justify;
}

/*LOGIN*/
#login {	
	position:absolute;
	top:0.5em;
	right:1em;
	z-index:4;
}


/*CLASSES*/

.subcontainer {
	position:absolute;
	height:auto;
	background-color:#fff;
	border:2px solid #438ecc;
}

.orderpage {
	position:relative !important;
	bottom:0;
	min-height:30em; !important;
	background-color:#fff;
	border:2px solid #438ecc;
}

/*WIDTHS*/

.w25   {width:24.5%;}
.w50   {width:49.2%;}
.w75   {width:74.5%;}
.w100 {width:99.5%;}

/*POSITIONS*/

.clear {	left:0 !important;}
.p25 {left:25.25%;}
.p50 {left:50%;}
.p75 {left:75.25%;}
.end {right:0 !important;}