/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
* {margin:0; padding:0;}

html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#a7a7a7;
	min-width:982px;
	position:relative;
	background:url(../images/tail-top.gif) 0 0 repeat-x #fff;
}

.main {
	width:982px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.538em;
	position:relative;
}

img {border:0; vertical-align:top; text-align:left;}

a {color:#70bf13; outline:none;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}

ul {list-style:none;}

table, table td {padding:0; border:none; border-collapse:collapse;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:20px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#a7a7a7;}
.color-4 {color:#70bf13;}
.color-5 {color:#3fc7ff;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:75px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 10px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {padding:3px; border:1px solid #dbdbdb; background:#fff;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.menu-bot li a, 
.list-1 li a,
.list-2 li a,
.link,
.button, 
.button1, 
.button2, 
.box1 a, 
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {height:470px; width:100%; background:url(../images/header.png) center bottom no-repeat;}

header .row-1 {height:65px; position:relative; z-index:1; background:url(../images/SPS_SharePointShortUrl_Logo.png) 0 5px no-repeat;}
header .row-2 {padding:0 2px; position:relative; z-index:3;}

h1 {float:left; padding:32px 0 0 25px; position:relative;}
h1 a {display:block; padding:0 0 5px 67px; margin-bottom:-12px; font-size:60px; line-height:1.2em; color:#221b1a; letter-spacing:1px; background:url(../images/logo.png) 0 15px no-repeat;}
h1 a strong {color:#3fc7ff;}
h1 span {display:block; padding-left:72px; font-size:13px; line-height:1.2em; color:#b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.menu {float:right; width:605px; padding:45px 0px 0 0;}
.menu li {float:left; width:120px; padding:0 0 12px 45px; font-size:22px; line-height:1.2em; background:url(../images/marker-top.png) 0 4px no-repeat;}
.menu li a {display:block; color:#696969;}
.menu li .active, .menu li a:hover {color:#25b6f2;} 
.menu .last-item {width:135px;}

.form-1 {float:right; width:185px; height:24px; overflow:hidden; background:url(../images/form-top.gif) 0 0 no-repeat;}
#form-1 {display:block; width:185px; float:right; padding:15px 27px 0 0;}
#form-1 input {float:left; width:135px; font-size:13px; color:#969696; padding:3px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:0; background:none;}
#form-1 a {float:left; margin-top:4px;}

.text-top {float:right; color:#221b1a; padding:17px 11px 0 0;}
/*********faded************/
#faded {position:relative;}
#faded .pagination {position:absolute; top:-54px; left:411px; width:246px; padding:0px 0 0px 10px; z-index:10;}
#faded .pagination li {float:left; line-height:0; font-size:0;}
#faded .pagination li a {display:block; float:left; width:38px; height:39px; text-indent:-200px; text-decoration:none; background:url(../images/bull.png) 0 0 no-repeat; text-indent:-5000px;}
#faded .pagination li a:hover, #faded .pagination li.current a {background:url(../images/bull-h.png) 0 0 no-repeat;} 
#faded li img {display:none;}

#faded li div {position:absolute; right:0; top:0; width:261px; height:242px; padding:95px 0 0 30px; font-size:35px; line-height:1.2em; color:#b8b8b8; background:url(../images/box-top.png) right 0 no-repeat;}
#faded li div strong {color:#9edb4b; font-size:40px;}
#faded li div strong strong {color:#fff;}
/*********************************content*************************************/
#content {padding:8px 0px 40px 14px;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:29px; line-height:1.2em; margin:0px 0 27px; color:#221b1a;}
h6 {font-size:13px; line-height:20px; margin:0px 0 0px; color:#303030;}
.head {font-size:40px; color:#3fc7ff; margin-bottom:15px;} 

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:26px; background:url(../images/pics-1.gif) 0 bottom repeat-x;}
.padding-top {padding:35px 0 0 10px;}

.box {width:100%; min-height:295px; height:auto !important; height:295px; background:url(../images/bg-box.png) 0 0 repeat;}
.box .padding {padding:50px 65px 30px 68px;}

.slogan {font-size:24px; line-height:1.2em; color:#000000; margin-bottom:0px;}

.table-1 {font-size:12px; line-height:16px;}
.table-1 tr th {color:#3fc7ff; text-align:left; text-transform:uppercase; padding:0px;}
.table-1 tr td {width:138px; padding:27px 30px 28px 0; background:url(../images/pic-1.gif) 0 bottom repeat-x;}
.table-1 tr .td-4 {padding-right:0;}
.table-1 .tr-4 td {padding-bottom:0; background:none;}

.box1 {font-size:35px; line-height:1.2em; margin:-15px 0 10px;}
.box1 a {color:#fff; display:block; float:left; overflow:hidden;}
.box1 a:hover {color:#000;}

.banner1 {width:300px; padding:14px 0px 22px 35px; background:url(../images/banner1.png) 0 0 no-repeat;}
.banner2 {width:322px; padding:14px 0px 22px 28px; background:url(../images/banner2.png) 0 0 repeat-x;}
.banner3 {width:270px; padding:14px 0px 22px 26px; background:url(../images/banner3.png) right 0 no-repeat;}

.button {display:inline-block; color:#fff; background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button span {display:inline-block; cursor:pointer; background:url(../images/button-left.gif) 0 0 no-repeat;}
.button span span {padding:5px 20px; background:url(../images/button-right.gif) right 0 no-repeat;}
.button:hover {background:url(../images/button1-tail.gif) 0 0 repeat-x;}
.button:hover span {background:url(../images/button1-left.gif) 0 0 no-repeat;}
.button:hover span span {background:url(../images/button1-right.gif) right 0 no-repeat;}


.button1 {display:inline-block; color:#fff; background:url(../images/button1-tail.gif) 0 0 repeat-x;}
.button1 span {display:inline-block; cursor:pointer; background:url(../images/button1-left.gif) 0 0 no-repeat;}
.button1 span span {padding:5px 20px; background:url(../images/button1-right.gif) right 0 no-repeat;}
.button1:hover {background:url(../images/button-tail.gif) 0 0 repeat-x;}
.button1:hover span {background:url(../images/button-left.gif) 0 0 no-repeat;}
.button1:hover span span {background:url(../images/button-right.gif) right 0 no-repeat;}

.button2 {display:inline-block; color:#fff; background:url(../images/button2-tail.gif) 0 0 repeat-x;}
.button2 span {display:inline-block; cursor:pointer; background:url(../images/button2-left.gif) 0 0 no-repeat;}
.button2 span span {padding:5px 20px; background:url(../images/button2-right.gif) right 0 no-repeat;}
.button2:hover {background:url(../images/button1-tail.gif) 0 0 repeat-x;}
.button2:hover span {background:url(../images/button1-left.gif) 0 0 no-repeat;}
.button2:hover span span {background:url(../images/button1-right.gif) right 0 no-repeat;}

.list-1 li {font-size:16px; line-height:29px; padding:0px; vertical-align:top; background:url(../images/pics-1.gif) 0 bottom repeat-x;}
.list-1 li a {display:block; color:#70bf13; padding-left:20px; background:url(../images/marker-1.gif) 0 13px no-repeat;}
.list-1 li a:hover {color:#000;}
.list-1 .last-item {background:none;}

.list-2 li {line-height:24px; font-weight:bold; padding-left:18px; background:url(../images/marker-2.gif) 0 9px no-repeat;}
.list-2 li a {color:#303030;}
.list-2 li a:hover {color:#1799cf;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;} 

.link-2 {color:#858875;}
.link-2:hover {color:#000;} 

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  
.text-3 {font-size:11px; line-height:1.272em;}  

dl dt {font-weight:bold; color:#303030;}
dl span {float:left; width:80px;}

#form-main .column-1 {width:290px;}
#form-main .column-2 {width:299px;}
#form-main {font-size:12px;}
#form-main label {display:block; height:42px;}
#form-main input {width:237px; font-size:1em; color:#a7a7a7; padding:1px 5px; font-family:Arial, Helvetica, sans-serif; border:1px solid #c3c2bd; background:#fff;}
#form-main textarea {height:100px; overflow:auto; width:287px; font-size:1em; color:#a7a7a7; padding:1px 5px; font-family:Arial, Helvetica, sans-serif; border:1px solid #c3c2bd; background:#fff;}

.buttons {padding-top:20px; text-align:right;}
.buttons a {margin-left:30px;}
/*************aside****************/
aside {width:100%; margin-bottom:6px; background:#f4f4f4;}

/****************************footer************************/
footer {width:100%; padding:21px 0 44px; font-size:0.92em; line-height:1.2em; color:#444343; text-transform:uppercase; background:url(../images/tail-bot.gif) 0 0 repeat-x;}
footer a {color:#444343;}
footer a:hover {color:#000;}

.menu-bot {padding:0px 0 0px 0;}
.menu-bot li {float:left; padding:0 19px; text-transform:none; background:url(../images/spacer-bot.gif) 0 5px no-repeat;}
.menu-bot li a {display:block; color:#3fc7ff;}
.menu-bot li .active, .menu-bot li a:hover {color:#000;} 
.menu-bot .item {padding-left:0; background:none;}