@import url(defaults.css);

body {
	padding:10px;
	margin:0;
	text-align:center;
	background-color:#f1f1f3;
}

#page{
	width:580px;
	margin-left : auto;
	margin-right : auto;
	text-align: left;
	background-color: #fefeff;
	border : 1px solid #aac;
}

#black{
	width : 580px;
	height : 100px;
	background-color: #fefeff;
}

#header{
	text-align : center; 
	margin-left : auto;
	margin-right : auto;
	margin-top : -130px;
	margin-bottom : 60px;
	background:url(../img/scdesk_logo.png) no-repeat 50% 50%;
	height:100px;
}
#header h1,
#header h2 {
	display:none;
}
#nav{
	text-align : center; 
	background-color: #f1f1f3;
	border-top : 1px solid #aac;
	border-bottom : 1px solid #aac;
	padding : 3px;
	font: 12px "Franklin Gothic", Arial, Helvetica, sans-serif;
	cursor : default;
}

#nav a{
	padding : 4px 10px 4px 10px;
	text-decoration : none;
	color: #669;
} 

#nav a:hover{
	border-top : 100px solid #ccd;
	color: #000;
	background-color: #aac;
	height:100%;
	opacity:0.25;				/* css2 */
	filter:alpha(opacity=25);	/* ie (must also set height or width of element for this to work) */
	-moz-opacity:0.25;			/* mozilla */
	-khtml-opacity:0.25;			/* safari */	
} 

#nav a.current{
	cursor : default;
	color: red;
	padding : 9px 9px 51px 9px;
	border-right : 1px solid red;
	border-left : 1px solid red;
	border-top : 1px solid red;
} 

#nav a.current:hover{
	color: red;
	padding : 9px 9px 51px 9px;
	border-right : 1px solid red;
	border-left : 1px solid red;
	border-top : 1px solid red;
	border-bottom : 0;
	background-color: transparent;
} 

#content {
	padding : 10px;
}

h1{
  color : #669;
  font : 46px "Franklin Gothic Heavy", Arial, Helvetica, sans-serif;
  padding : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 5px;
  margin-bottom : 0px;
  letter-spacing : 8px;
  width : 200px;
}

h1.subheading{
  color : #666699;
  font: bold 10px "Franklin Gothic", Arial, Helvetica, sans-serif;
  padding:0px;
  margin-left : auto;
  margin-right : auto;
  margin-top:-5px;
  text-transform : uppercase;
  letter-spacing : 8px;
  border-top : 1px solid #aac;
}

h2{
  color : #669;
  font: bold 18px "Franklin Gothic", Arial, Helvetica, sans-serif;
  padding: 0 0 0 8px;
  margin: -12px 0 10px 0;
  border-left : 20px solid red;
  border-bottom : 1px solid red;
}

a:link{
  color:#44d;
  text-decoration:none;
} 

a:visited{
  color:#44d;
  text-decoration:none;
}

a:active{
  color:#44d;
  text-decoration:none;
}

a:hover{
  color : #f11;
  text-decoration : underline;
} 

.highlight{
  color: green;
}

img{
  border:none;
}

ul{
  margin-top:5px;
  margin-bottom:5px;
}

ol{
  margin-top:5px;
  margin-bottom:5px;
}

#footer {
	margin-top : 15px;
	text-align:center;
}