/* standard elements */
* {margin: 0; padding: 0;}

html,body{ background: #E8F7F9 url('images/logoSC2.JPG') no-repeat center top fixed;}

body{font: 76% Arial, Helvetica, Sans-Serif;text-align:center; line-height: 1.6em; }

p{margin:0 0 10px;}

.clear{clear:both;}

h1 {
	font-size: 1.4em;
	color:#333;
	margin:20px 0;
	font-weight:bold;
}

h2 { color: #333; font: bold 170% Arial, Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px;
border-bottom:1px solid  #eee; padding: 0 0 5px 0; line-height:24px;}


h3 {font-size: 1.2em; color:#333; margin:5px 0;font-weight:bold; padding-top:10px;}

a:link {
	color: #333333;
}

a:hover, a:active {
	text-decoration: none;
	color: #333333;
}

a:visited {
	color: #F161B2;
}



/* header */

#header {
	background:url(images/logoSC.JPG) no-repeat left top;
	height:165px;
	
	
}

#header2 {
	background:url(images/cloud-logo.jpg) no-repeat left top;
	height:165px;
	
	
}


#header .description {
	float:right;
	margin:50px 45px 0 0;
	color:#222;
	text-align:right;
	font-size:14px;
}

#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	text-align:right;
	font-size:22px;
	color:#FFFFFF;
}

#header2 h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	text-align:right;
	font-size:22px;
	color:#FFFFFF;
}

#header2 .description {
	float:right;
	margin:50px 45px 0 0;
	color:#222;
	text-align:right;
	font-size:14px;
}


/* navigation */

div#nav{ float:left; margin:0 0 50px 0; width:825px;padding-left:25px; padding-top:20px; border-top:2px solid #ffcc00; font-weight:bold;}

div#nav ul{ width:auto; float:left; font-size:14px; list-style-type:none; margin:0; padding:0; }

div#nav ul li{ width:auto;float:left; margin:0 25px 0 0; padding:0; display:inline; }

div#nav ul li a{ text-decoration:none; color:#b1b1b1; padding:0 0 8px 0;}

* html body div#nav ul li a{ padding:0; }

div#nav ul li a:hover{ border-bottom:3px #ffcc00 solid; color:#999; }

div#nav ul li a.nav-currentpage{ border-bottom:3px #ffcc00 solid; color:#666; }


/* container */


div#container{text-align:left}

div#container{width:850px;margin:0 auto; background-color:#FFFFFF;}


/* content */


#content{float:right;width:550px; padding: 0 25px 0 25px; margin-bottom:10px;}

#content p{line-height:1.8em; color: #454545; padding-right:10px;}

#content ul, ol {margin:5px 5px 5px 0;}

#content li {padding:5px;}

#content a {text-decoration:none; color: #111;border-bottom:1px solid  #ccc;  padding: 0 0 1px 0;}

#content a:hover {color: #ffcc00;}


#content .title {
	padding: 10px 10px 10px 140px;
	background: url(images/lyit.jpg) no-repeat left center;
}

#content .title2 {
	padding: 10px 10px 10px 0;
	background: url(images/logoSC2sml.JPG) no-repeat right bottom;
}


/* sidebar */

#sidebar{float:left;width:210px; padding:0; margin-left:25px;}

#sidebar h4 {font-size:0.999ems; color:#444; letter-spacing:0.1; margin:0; padding-left:15px;}

#sidebar p{font-size:10px; line-height:14px; color: #454545; margin:0; padding:0;}

.side_title{
color:#333;
padding:0 0 10px 15px;
font-size:1.4em;
font-weight:bold;
}


/* box */

.box_top{
width:210px;
height:20px;
background:url(images/side_top.gif) no-repeat left bottom;
}
.box_center{
width:210px;
height:auto;
background:#E8F7F9 url(images/side_bot.gif) no-repeat left bottom;
}


#sidebar .lined{
	margin: 5px 15px 15px 15px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCCCCC;
	text-align:inherit;
}

#sidebar .lined a {
	text-decoration:none;
	color: #111;
	border-bottom:1px solid  #CCCCCC
}

#sidebar .lined a:hover {color: #999999;}


#sidebar .lined2{
	margin: 5px 15px 15px 15px;
	padding: 0 0 30px 0;
	text-align:inherit;
}

#sidebar .lined2 a {
	text-decoration:none;
	color: #111;
	border-bottom:1px solid  #CCCCCC
}

#sidebar .lined2 a:hover {color: #999999;}


/* extra */

div#extra{background:#CCC8B3;}

div#extra{float:left;clear:left;width:180px; padding-left:25px;}


/* footer */

div#footer{clear:both;width:100%; text-align:center; font-size:smaller; color:#999999; border-top:2px solid #ffcc00;}

div#footer p{margin:0; padding:20px 10px;}

div#footer a{text-decoration:none;}