/*Page CSS */

body,html{
	width:100%;
	height:100%;
	background:none repeat scroll 0 0;
	position:relative;  /*Stops jumping scroll bar for jsnow*/
	padding:0;
	margin:0;
	font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	color: #666;
	}
*{
	padding:0;
	margin:0;
}






   :focus {
      outline: 0;
    }

    #actions button:hover{
      color:#aaa;
      background-color:#eee;
    }

    #dock{
      display:block;
      padding-top:10px;
      width:35px;
	  height:auto;
	  position:absolute;
	  right:70px;;
	  top:25px;
    }
    #dock img{
      padding:10px;
    }
	label,a 
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px; 
}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}
.background{
	background-image:url(../images/contact.jpg);
	height:500px;
	width:780px;
	position:relative;
	background-repeat:no-repeat;
}
#contact .icon{
	top:-9px;
	left:11px;
	background-image:transparent;
	position:relative;
	float:left;
}
#certs .icon{
	top:-22px;
	left:-7px;
	background-image:transparent;
	position:relative;
	float:left;
}
#contact, .buttons{
	margin-left:20px;
}
#student .buttons{
	margin-left:20px;
}
.certs_main{
	background-image:url(../images/certs_bg.jpg);
	height:593px;
	width:669px;
	position:relative;
	background-repeat:no-repeat;
	margin-left:-17px;
	margin-top:-2px;
}
.certs_main a:link{
	color:#ffffff;
}
.certs_main a:visited{
	color:#999999;
}
.ciw_img{
	position:relative;
	float:left;
	margin-top:50px;
	margin-left:10px;
	width:194px;
	height:120px;
}
.ciw_spill{
	position:relative;
	float:left;
	font-weight:bold;
	font-size:14px;
	width:440px;
	height:120px;
	margin-top:53px;
	color:#CCCCCC;
}
.ic3_img{
	position:relative;
	float:left;
	margin-left:27px;
	width:153px;
	height:170px;
}
.ic3_spill{
	position:relative;
	float:left;
	font-weight:bold;
	font-size:14px;
	width:440px;
	height:170px;
	margin-top:5px;
	color:#CCCCCC;
	margin-left:23px;
}
.adobe_img{
	position:relative;
	float:left;
	margin-left:47px;
	width:108px;
	height:238px;
}
.adobe_spill{
	position:relative;
	float:left;
	font-weight:bold;
	font-size:14px;
	width:440px;
	height:138px;
	margin-top:35px;
	color:#CCCCCC;
	border:none;
	margin-left:48px;
}
#certs .n{
	padding-left:0px;
}
.tutts_ab{
	background-image:url(../images/tuts.png); 
	background-repeat:no-repeat; 
	width:816px; 
	height:545px; 
	position:relative;
	float:left;
	top:-1px;
}
#tutorials .icon{
	position:relative;
	float:left;
	left:19px;
	z-index:1;
}
#college .icon{
	position:relative;
	float:left;
	z-index:1;
	left:-1px;
}
.collcred{
	position:relative;
	float:left;
	background-image:url(../images/slcc.jpg);
	background-repeat:no-repeat;
	height:595px;
	width:942px;
	margin-left:-16px;
	top:-1px;
}

.welcome{
	position:relative;
	float:left;
	background-image:url(../images/home_bg.png);
	background-repeat:no-repeat;
	height:530px;
	width:630px;
	margin-left:-16px;
	top:-1px;
}

.slcc_logo{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:5px;
	width:177px;
	height:78px;
}
.slcc_title{
	position:relative;
	float:left;
	margin-top:95px;
	margin-left:-10px;
	color:#000000;
	font-family:"Adobe Caslon Pro", Arial, Times New Roman;
	letter-spacing:2px;
	text-decoration:underline;
}
.art1800{
	position:relative;
	float:left;
	width:455px;
	height:80px;
	border:none;
	padding:5px;
}
.art2440{
	position:relative;
	float:left;
	width:455px;
	height:80px;
	border:none;
	top:-10px;
	padding:5px;
}
.slcc_spill{
	position:relative;
	float:left;
	height:160px;
	width:455px;
	border:none;
	left:95px;
	top:25px;
	color:#000000;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
.slcc_right{
	position:relative;
	float:left;
	width:250px;
	height:320px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000000;
	margin-left:145px;
	line-height:30px;
	top:23px;
	padding:4px;
	padding-right:4px;
}
.slcc_links{
	position:relative;
	float:left;
	width:285px;
	height:20px;
	margin-top:0px;
	margin-left:450px;
	border:none;
	padding-top:15px;
}
.slcc_links li{
	float:left;
	position:relative;
	list-style:none;
	margin-left:10px;
}
.slcc_links li a{
	text-decoration:none;
	color:#000000;
	font-family:"Adobe Caslon Pro", Arial, Times New Roman;
	font-size:15px;
}
.slcc_links li a:hover{
	color:#e0a114;
}
.bgss {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-100;
background-image:url(../images/desktop7.jpg);
}

/*End of Page CSS */





/* ================ DOCK ================ */
#navdock { position: absolute; bottom: 30px; left:50%; margin-left:-250px; }
.dock-container { position: relative; height: 50px; width:100%; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 20px; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }



/*
individual page div styles
*/
<!--start tutvids-->

#tuts a {
	color:#191919;
}
#tuts #lnks {
	padding-left:120px;
	padding-top:45px;
}
#lnks{
	height:404px;
	width:690px;
	overflow:auto;
    border:none;
    margin-top:36px;
}
.vtitle{
	position:relative;
	float:left;
	border:none;
}
.vHead{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:20px;
	margin-bottom:30px;
}
.vtitle a{
	text-decoration:none;
}
.vlength{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:53px;
	text-align:right;
}
.vRelease{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:67px;
	text-align:right;
}
.vAuthor{
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:75px;
	text-align:right;
	margin-top:-1px;
}
/*end tutvids*/


/*start swork*/
#swork {
	height:617px;
	width:375px;
	
}
	
#imtop {
	height:150px;
	width:348px;
	background-image:url(../swork/imtop.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
#immiddle {
	height:436px;
	width:348px;
	overflow:auto;
	background-image:url(../swork/immiddle.png);
	background-repeat:no-repeat;
}
#imbottom  {
	height:31px;
	width:348px;
	background-image:url(../swork/imbottom.png);
	background-repeat:no-repeat;
}
	
#sworkthumbs {
	position: relative;
	top:15px;
	left:15px;
	height:80;
	width:300;
}
/* end swork */


/*Cloud css*/
.master{
	width:100%;
	margin:0;
	padding:0;
}
#sky
{
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	z-index:1;
}

#vapor
{
	position: absolute;
	left: 5%;
	top: 15px;
	z-index: 2;
	width: 201px;
	height: 126px;
	background-image: url(../images/cloud2.png);
	background-repeat: no-repeat;
	visibility:hidden;
}

#vapor2
{
	position: absolute;
	left: 15%;
	top: 85px;
	z-index: 3;
	width: 349px;
	height: 199px;
	background-image: url(../images/cloudb2.png);
	background-repeat: no-repeat;
	visibility:hidden;
}

#vapor3
{
	position: absolute;
	left: 25%;
	top: 10px;
	z-index: 1;
	width: 269px;
	height: 160px;
	background-image: url(../images/cloud3.png);
	background-repeat: no-repeat;
	visibility:hidden;
}
#vapor4
{
	position: absolute;
	left: 50%;
	top: 30px;
	z-index: 1;
	width: 269px;
	height: 160px;
	background-image: url(../images/cloud3.png);
	background-repeat: no-repeat;
	visibility:hidden;
}
#vapor5
{
	position: absolute;
	left: 1%;
	top: 45px;
	z-index: 1;
	width: 460px;
	height: 237px;
	background-image: url(../images/springcloud1.png);
	background-repeat: no-repeat;
	visibility:hidden;
}
#vapor6
{
	position: absolute;
	left: 10%;
	top: 20px;
	z-index: 1;
	width: 461px;
	height: 188px;
	background-image: url(../images/springcloud2.png);
	background-repeat: no-repeat;
	visibility:hidden;
}
#vapor7
{
	position: absolute;
	left: 25%;
	top: 70px;
	z-index: 1;
	width: 460px;
	height: 237px;
	background-image: url(../images/springcloud1.png);
	background-repeat: no-repeat;
	visibility:hidden;
}
#vapor8
{
	position: absolute;
	left: 50%;
	top: 30px;
	z-index: 1;
	width: 461px;
	height: 188px;
	background-image: url(../images/springcloud2.png);
	background-repeat: no-repeat;
	visibility:hidden;
}

/*end cloud css*/

/*Start home page css */

.clear {
	clear: both;
}

#fade-wrap {
	width: 550px;
	height:435px;
	border:2px solid #000000;
	background: #cdcdcd;
	margin: 20px auto;
	padding: 20px;
	background-image:url('../images/crinkle.jpg');
}

.button {
	float: left;
	margin: 10px;
}

#findex {
	display: block;
}


#findex-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#fabout {
	display: none;
}
#fabout-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#fdocs {
	display: none;
}
#fdocs-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}

#findexw {
	width:525px;
	height:375px;
	position:absolute;
	top:85px;
	font-size:18px;
	left:50px;
	z-index:2;
}
#findexq {
	width:400px;
	height:100px;
	position:absolute;
	top:350px;
	font-size:24px;
	left:250px;
	z-index:2;
}

#findexw p{
	text-indent:10px;
	margin-top:5px;
}

#faboutw {
	width:450px;
	height:380px;
	position:absolute;
	top:95px;
	left:50px;
	z-index:2;
}

#faboutw ul ul{
	left:65px;
}

#fdocsw {
	width:450px;
	height:85px;
	position:absolute;
	top:110px;
	left:50px;
	z-index:2;
	font-size:22px;
}


#fapplyw {
	width:350px;
	height:300px;
	position:absolute;
	top:100px;
	left:200px;
	z-index:2;
}
#fapply {
	display: none;
}

#fapply-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}
#fapplyw p{
	text-indent:10px;
	margin-top:15px;
	margin-left:40px;
	font-size:18px;
}

.default-links a{
	color:#000000;
	 text-decoration:none;
	 font-weight:bold;
}
.default-links a:hover{
	color:#FF3366;
	text-decoration:none;
	font-weight:bold;
}

/*End Home CSS */


/*
* UI
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}


.mb-resize{
	display:block;
	background-color:transparent !important;
	border:3px solid transparent !important;
  *border:5px solid transparent !important;
  margin:0 !important;
}

.mb-resize-resizable-n { cursor: e-resize; width: 100% !important; height: 50px !important; right: 0 !important; top: -10px !important; z-index:auto !important;}
.mb-resize-resizable-e { cursor: e-resize; width: 20px !important; height: 100% !important; right: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-w { cursor: e-resize; width: 20px !important; height: 100% !important; left: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -10px !important; left: 0 !important;z-index:auto !important; }
.mb-resize-resizable-se { cursor: se-resize; width: 30px !important; height: 30px !important; right:0 !important; bottom: -10px !important; z-index:auto !important;}

.mbproxy{border:1px dotted gray;background: url(../elements/proxy.png)}

.containerPlus {font-family:Verdana; font-size:13px; visibility:hidden;};
.containerPlus .spacer {margin-top:10px}
.containerPlus .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:15px}
#contact .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:30px}
#certs .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:30px}
#tutorials .buttonBar { position:relative;top:0;float:right; margin-top:-37px; margin-right:30px;}
#college .buttonBar { position:relative;top:0;float:right; margin-top:-23px; margin-right:18px;}
#home .buttonBar { position:relative; float:right; margin-right:47px;}

.containerPlus .buttonBar img {margin-left:px}
.containerPlus .mbcontainercontent {margin-right:-15px; padding-right:10px;overflow:hidden;}

/*.iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:black;color:white;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;}*/

.iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:#f3f3f3;color:gray;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc}

/*
* default
*/
.containerPlus .no	{ background: url('../elements/default/no1.png') top left no-repeat; }
.containerPlus .ne	{ background: url('../elements/default/ne1.png') top right no-repeat; margin-left: 21px;}
.containerPlus .ne img	{left:-10px; top:-10px;}
.containerPlus .n	{ background: url('../elements/default/n1.png') top center repeat-x; margin-right: 20px; -moz-user-select: none; -khtml-user-select: none}
.containerPlus .n	{ padding-top:8px;height:26px; font-size:15px; white-space:nowrap;overflow:hidden;}
.containerPlus .n	a{ text-decoration:none;color:#000; font-size:15px;}

.containerPlus .o	{ background: url('../elements/default/o1.png') top left repeat-y;}
.containerPlus .e	{ background: url('../elements/default/e1.png') top right repeat-y; margin-left: 21px;}
.containerPlus .c { background: url('../elements/default/c1.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; }

.containerPlus .so	{ background: url('../elements/default/so1.png') bottom left no-repeat;}
.containerPlus .se	{ background: url('../elements/default/se1.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus .s { background: url('../elements/default/s1.png') bottom repeat-x; padding-top: 20px; margin-right: 23px;}


/*
* black
*/
.containerPlus.black .no	{ background: url('../elements/black/no.png') top left no-repeat}
.containerPlus.black .ne	{ background: url('../elements/black/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.black .n	{ background: url('../elements/black/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.black .n	{ padding-top:8px;font-size:15px; color:white;-moz-user-select: none; -khtml-user-select: none}
.containerPlus.black .n	a{ text-decoration:none;color:#fff; font-size:15px; white-space:nowrap;overflow:hidden;}

.containerPlus.black .o	{ background: url('../elements/black/o.png') top left repeat-y;}
.containerPlus.black .e	{ background: url('../elements/black/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.black .c { background: url('../elements/black/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.black .c .mbcontainercontent {color:white;}
.containerPlus.black .c .mbcontainercontent a {color:white;}

.containerPlus.black .so	{ background: url('../elements/black/so.png') bottom left no-repeat;}
.containerPlus.black .se	{ background: url('../elements/black/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.black .s { background: url('../elements/black/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}

/*
* white
*/
.containerPlus.white .no	{ background: url('../elements/white/no.png') top left no-repeat;}
.containerPlus.white .ne	{ background: url('../elements/white/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.white .n	{ background: url('../elements/white/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.white .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus.white .o	{ background: url('../elements/white/o.png') top left repeat-y;}
.containerPlus.white .e	{ background: url('../elements/white/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.white .c { background: url('../elements/white/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.white .c .mbcontainercontent {color:#000;}
.containerPlus.white .n	a{}
.containerPlus.white .n	a:hover{ text-decoration:underline}

.containerPlus.white .so	{ background: url('../elements/white/so.png') bottom left no-repeat;}
.containerPlus.white .se	{ background: url('../elements/white/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.white .s { background: url('../elements/white/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}


/*
* alert
*/
.containerPlus.alert .no	{ background: url('../elements/alert/no.png') top left no-repeat;}
.containerPlus.alert .ne	{ background: url('../elements/alert/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.alert .n	{ background: url('../elements/alert/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.alert .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus.alert .o	{ background: url('../elements/alert/o.png') top left repeat-y;}
.containerPlus.alert .e	{ background: url('../elements/alert/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.alert .c { background: url('../elements/alert/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.alert .c .mbcontainercontent {color:#000;}
.containerPlus.alert .n	a{}
.containerPlus.alert .n	a:hover{ text-decoration:underline}

.containerPlus.alert .so	{ background: url('../elements/alert/so.png') bottom left no-repeat;}
.containerPlus.alert .se	{ background: url('../elements/alert/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.alert .s { background: url('../elements/alert/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}


/*
* swork
*/
.containerPlus .swork .no	{ background: url('../elements/swork/no.png') top left no-repeat;}
.containerPlus .swork .ne	{ background: url('../elements/swork/ne.png') top right no-repeat;}
.containerPlus .swork .ne	img {left:-25px;}
.containerPlus .swork .n	{ background: url('../swork/swork_buttonbar.png') bottom center no-repeat; 
						margin-bottom:0px; height:27px; width:347px;}
.containerPlus .swork .n	{ padding-left:0px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}
.containerPlus .swork .o	{ background: url('../elements/swork/o.png') top left repeat-y;}
.containerPlus .swork .e	{ background: url('../elements/swork/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus .swork .c 	{ background: url('../elements/swork/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus .swork .c .mbcontainercontent {color:#000; padding-left:0px;}
.containerPlus .swork .n	a{}
.containerPlus .swork .n	a:hover{ text-decoration:underline}

.containerPlus .swork.so	{ background: url('../elements/swork/so.png') bottom left no-repeat;}
.containerPlus .swork.se	{ background: url('../elements/swork/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus .swork.s { background: url('../elements/swork/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}


/*
* tutts
*/


.containerPlus .tutts .n	{ width:780px; height:15px; border:none;}

.containerPlus .tutts .c .mbcontainercontent {color:#000;}

.containerPlus .tutts .n	a{}
.containerPlus .tutts .n	a:hover{ text-decoration:underline}

/*
*certs and contact page
*/
.containerPlus .winXP .no	{ background: url('../elements/winXP/no.png') top left no-repeat;}
.containerPlus .winXP .ne	{ background: url('../elements/winXP/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus .winXP .n	{ background: url('../elements/winXP/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus .winXP .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus .winXP .o	{ background: url('../elements/winXP/o.png') top left repeat-y;}
.containerPlus .winXP .c { background: url('../elements/winXP/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus .winXP .c .mbcontainercontent {color:#000;}

.containerPlus .winXP .e	{ background: url('../elements/winXP/e.png') top right repeat-y; margin-left: 21px;}

.containerPlus .winXP .n	a{}
.containerPlus .winXP .n	a:hover{ text-decoration:underline}

.containerPlus .winXP .so	{ background: url('../elements/winXP/so.png') bottom left no-repeat;}
.containerPlus .winXP .se	{ background: url('../elements/winXP/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus .winXP .s { background: url('../elements/winXP/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}