/* CSS Document */

html, body {
	background:url(../graphics/bg.jpg);
	background-repeat:repeat-x;
	background-color:#8b8c8c;
	font-size:12pt;
}

#logo {
	background:url(../graphics/scp_logo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	float:left;
	width:447px;
	height:80px;
	top:10px;
	left:10px;
}

#sidebar {
	width: 220px;
	position:absolute;
	float:left;
	left: 25px;
	top: 145px;
	text-align:center;
	font-size:10pt;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#sidebox {
	text-align:left;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#b9b9b9;
	border-color:#4a4a4a;
	border-style:solid;
	border-width:1px;
	padding:10px;
}

.sidebox_text {
	font-size:11pt;
	color:#000000;
}

#contentframe {
	width: 700px;
	float:left;
	position:absolute;
	left:260px;
	top: 135px;
	z-index:1;
}

#whatsnew {
	background-color:#eeeeee;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	border:1px #999999 solid;
	margin-left:15px;
	margin-bottom:15px;
	min-height:620px;
}

div.newsItem 
{
	width:295px;
}

.pageTitle {
	font-weight:bold;
	font-size:18pt;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.subTitle {
	font-weight:bold;
	font-size:15pt;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top:0px;
	color:#5373ac;
}

.incompleteTitle {
	font-weight:bold;
	font-size:15pt;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top:0px;
	color:#990000;
}

#tabs {
	z-index: 2;
	position:absolute;
	left: 256px;
	top: 88px;
	white-space:nowrap;
	font-size:14px;
}

.collage {
	background-image:url(../graphics/collage_med.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:278px;
}

.whatsnew_photo1 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_1_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:217px;
}

.whatsnew_photo2 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_2_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:188px;
}

.whatsnew_photo3 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_3_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:390px;
}

.whatsnew_photo4 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_4_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:248px;
}

.whatsnew_photo5 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_5_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:381px;
}

.whatsnew_photo6 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/whatsnew_6_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:281px;
}

.whatsnew_photo7 {
	background-color:#21366b;
	border:1px #000000 solid;
	text-align:center;
	background-image:url(../graphics/puppies_md.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:290px;
	height:232px;
}

#submenu {
	position:absolute;
	left:280px;
	width:660px;
	top: 137px;
	z-index:5;
	vertical-align:middle;
	margin-top:5px;
	text-align:right;
}

.submenu_btn {
	border:1px #50ad45 solid;
	padding:5px;
	color: #50ad45;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
	white-space:nowrap;
	cursor:pointer;
}

.submenu_btn2 {
	border:1px #93e389 solid;
	padding:5px;
	color:#93e389;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
	white-space:nowrap;
	cursor:pointer;
}

.submenu_btn3 {
	border:1px #FFFFFF solid;
	padding:5px;
	color:#FFFFFF;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
	white-space:nowrap;
	cursor:pointer;
}