/********** Urban *********/

body{background: #eee7cd url(/Docs/Images/mainBkgd.jpg) top center repeat-x;}

.siteContainer{width: 100%;}
.topTransition{background: url(/Docs/Images/topTransitionBkgd.jpg) top center no-repeat; width: 100%; height: 15px;}

#header{background: url(/Docs/Images/headerBkgd.png) bottom center no-repeat; width: 100%; height: 197px;}
.headerSpacer{clear: both; height: 9px;}
.navigation{background: url(/Docs/Images/menuBkgd.png) no-repeat scroll left top; width: 602px; overflow:hidden; height: 105px; position: absolute; margin: -20px 0 0 105px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: 1px;}
.navigation a{color: #FFFFFF; text-decoration: none;}
.navigation a:hover{color: #FFFFFF; letter-spacing: 1px; text-decoration: none; background: url(/Docs/Images/navHoverLeft.png) left center no-repeat;}
.navigation .right a:hover{color: #FFFFFF; text-decoration: none; background: url(/Docs/Images/navHoverRight.png) right center no-repeat;}

#content{background: url(/Docs/Images/contentBkgd.jpg) top center repeat-y; width: 100%; height: 100%;}
#content .wrapper{width: 980px; margin: 0 55px 0 0;}

#largeRail{width: 700px; float: left;}
#largeRail .spacer{height: 80px;}

/********** Posts *********/
#largeRail .post{width: 650px; float: left;}
#largeRail .post .date{background: url(/Docs/Images/postDateBkgd.png) top left no-repeat; width:100px; height: 87px; float:left; font-size: 20px; color: #fff; padding: 2px 0 0 0; font-family:Times New Roman; text-align: center;}
#largeRail .post .date p{font-size: 9px; margin: -5px 0 -27px 3px; letter-spacing: 4px; color: #20330d;}
#largeRail .post .content{width: 550px; float: left;}
#largeRail .post .tags{background: url(/Docs/Images/tagBkgd.png) center left no-repeat; font-family:Times New Roman; font-size:11px; color: #a2a9ab; text-align: left; margin: 0 0 0 5px; padding: 0 0 0 15px; letter-spacing: 1px;}
#largeRail .post .tags a{color: #a2a9ab; text-decoration: none;}
#largeRail .post .tags a:hover{color: #a2a9ab; text-decoration: underline;}
#largeRail .post .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .post .title a{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px; text-decoration: none;}
#largeRail .post .title a:hover{text-decoration: underline;}
#largeRail .post .description{background: url(/Docs/Images/descriptionCorner.png) bottom left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 20px 25px; line-height: 22px;}
#largeRail .post .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .post .description p a{ background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .post .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .post .description .frame{height: 138px; margin: 0 0 30px 0; position: relative; width: 215px; float: right; vertical-align: top;}
#largeRail .post .description img{padding:27px 0 0 25px;}
#largeRail .post .description a span{background:transparent url(/Docs/Images/postImageFrame.png) left top no-repeat; display:block; height:175px; left:7px; position:absolute; top:6px; width:251px;}
#largeRail .post .description a:hover span{background:transparent url(/Docs/Images/postImageFrame.png) left bottom no-repeat; display:block; height:175px; left:7px; position:absolute; top:6px; width:251px;}
#largeRail .post .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .post .spacer{clear: both; height: 30px;}
#largeRail .post .download{text-align: left; font-size: 12px; padding: 5px 0 0 0; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #89724d;}
#largeRail .post .download a{background: #fdf8cf; padding: 3px; border: 1px solid #9C9C9C; color: #89724d; text-decoration: none;}
#largeRail .post .download a:hover{background: #fff; text-decoration: none;}
/********** End *********/


/********** Work Page Title *********/
#largeRail .workPageTitle{width: 550px; float: left; margin: 0 0 0 100px;}
#largeRail .workPageTitle .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .workPageTitle .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 0 25px; line-height: 22px;}
#largeRail .workPageTitle .description a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; text-decoration: none;}
#largeRail .workPageTitle .description a:hover{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; text-decoration: underline;}
#largeRail .workPageTitle .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .workPageTitle .spacer{clear: both; height: 30px;}
#largeRail .workPageTitle .tags{font-family:Times New Roman; font-size:14px; color: #629132; text-align: left; margin: 0 0 0 25px; padding: 0; letter-spacing: 1px;}
#largeRail .workPageTitle .tags a{color: #a2a9ab; text-decoration: none; background: #fdf8cf;}
#largeRail .workPageTitle .tags a:hover{color: #a2a9ab; text-decoration: underline;}
/********** End *********/


/********** Work *********/
#largeRail .work{width: 700px; float: left;}
#largeRail .work .date{background: url(/Docs/Images/postDateBkgd.png) top left no-repeat; width:100px; height: 87px; float:left; font-size: 20px; color: #fff; padding: 2px 0 0 0; font-family:Times New Roman; text-align: center;}
#largeRail .work .date p{font-size: 9px; margin: -5px 0 -27px 3px; letter-spacing: 4px; color: #20330d;}
#largeRail .work .content{width: 600px; float: left;}
#largeRail .work .tags{background: url(/Docs/Images/tagBkgd.png) center left no-repeat; font-family:Times New Roman; font-size:11px; color: #a2a9ab; text-align: left; margin: 0 0 0 5px; padding: 0 0 0 15px; letter-spacing: 1px;}
#largeRail .work .tags a{color: #a2a9ab; text-decoration: none;}
#largeRail .work .tags a:hover{color: #a2a9ab; text-decoration: underline;}
#largeRail .work .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .work .title a{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px; text-decoration: none;}
#largeRail .work .title a:hover{text-decoration: underline;}
#largeRail .work .description{background: url(/Docs/Images/workCorner.png) top right no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 0 0 20px 0; line-height: 22px;}
#largeRail .work .description p{text-align: left; padding: 15px 20px 0 0; margin: 0 0 0 38px;}
#largeRail .work .description p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .work .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .work .description .frame{height: 138px; width: 354px; margin: 0 0 25px 0; position: relative; padding:0 15px 0 0; float: left; vertical-align: top;}
#largeRail .work .description img{padding:25px 0 0 26px;}
#largeRail .work .description a span{background:transparent url(/Docs/Images/workImageFrame.png) left top no-repeat; display:block; height:158px; left:7px; position:absolute; top:6px; width:354px;}
#largeRail .work .description a:hover span{background:transparent url(/Docs/Images/workImageFrame.png) left bottom no-repeat; display:block; height:158px; left:7px; position:absolute; top:6px; width:354px;}
#largeRail .work .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .work .spacer{clear: both; height: 10px;}
#largeRail .work .download{text-align: left; clear: both; font-size: 12px; margin: 5px 0 0 38px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #89724d;}
#largeRail .work .download a{background: #fdf8cf; padding: 5px;  border: 1px solid #9C9C9C; color: #89724d; text-decoration: none;}
#largeRail .work .download a:hover{background: #fff; text-decoration: none;}
/********** End *********/


/********** About & Contact *********/
#largeRail .about{width: 550px; float: left; margin: 0 0 0 100px;}
#largeRail .about .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .about .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 20px 25px; line-height: 22px;}
#largeRail .about .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .about .description p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .about .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .about .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .about .spacer{clear: both; height: 30px;}
#largeRail .about .contact .forms{background: #f8f3df; border: 1px solid #ede6cc; color: #96805f; height: 20px; width: 250px; font-size: 15px;}
#largeRail .about .contact .errors{border: 3px solid #000;}
#largeRail .about .contact .message{background: #f8f3df; border: 1px solid #ede6cc; color: #96805f; height: 200px; width: 500px; font-size: 15px; white-space: normal;}
#largeRail .about .contact .submit{background: url(/Docs/Images/submitBTN.png) top left no-repeat; height: 51px; width: 134px; border: 0px; cursor: pointer;}
#largeRail .about .contact span{font-size: 12px;}
/********** End *********/


/********** Tutorials *********/
#largeRail .tutorials{width: 550px; float: left; margin: 0 0 0 100px;}
#largeRail .tutorials .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .tutorials .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 0 25px; line-height: 22px;}
#largeRail .tutorials .description a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; text-decoration: none;}
#largeRail .tutorials .description a:hover{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; text-decoration: underline;}
#largeRail .tutorials .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .tutorials .spacer{clear: both; height: 30px;}
#largeRail .tutorials .tags{background: url(/Docs/Images/tagBkgd.png) center left no-repeat; font-family:Times New Roman; font-size:11px; color: #a2a9ab; text-align: left; margin: 0 0 0 25px; padding: 0 0 0 15px; letter-spacing: 1px;}
#largeRail .tutorials .tags a{color: #a2a9ab; text-decoration: none;}
#largeRail .tutorials .tags a:hover{color: #a2a9ab; text-decoration: underline;}
#largeRail .tutorials .tags b{color: #629132;}
/********** End *********/


/********** Social Networks **********/
.social{
	text-align: left;
	padding: 15px 25px 10px 25px;}

.social .facebook{
	background: url(/Docs/Images/facebook.png) center left no-repeat;
	vertical-align: middle;
	padding: 0 0 0 40px;
	margin: -15px 0 0 30px;
	height: 33px;}
	
.social .twitter{
	background: url(/Docs/Images/twitter.png) center left no-repeat;
	vertical-align: middle;
	padding: 0 0 0 40px;
	margin: 10px 0 0 30px;
	height: 29px;}
	
.social .linkText{
	padding: 7px 0 0 0;
	font-size: 16px;}
	
.social .linkText a{
	text-decoration: none;}
	
.social .linkText a:hover{
	text-decoration: underline;}

.social a{
	color: #292929;
	text-decoration: none;}
	
.social a:hover{
	text-decoration: underline;}
	
.social .title{
	font-size: 27px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #629132;}
	
.social .sub{
	color:#999;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	margin:-5px 0 0;
	padding:0 0 0 15px;
	text-align:left;}
	
.social .line{
	background: url(/Docs/Images/titleArrow.png) no-repeat left top;
	height:21px;
	width:19px;}
/********** End **********/


/********** Resources *********/
#largeRail .resources{width: 700px; float: left;}
#largeRail .resources .date{background: url(/Docs/Images/postDateBkgd.png) top left no-repeat; width:100px; height: 87px; float:left; font-size: 20px; color: #fff; padding: 2px 0 0 0; font-family:Times New Roman; text-align: center;}
#largeRail .resources .date p{font-size: 9px; margin: -5px 0 -27px 3px; letter-spacing: 4px; color: #20330d;}
#largeRail .resources .content{width: 550px; float: left;}
#largeRail .resources .tags{background: url(/Docs/Images/tagBkgd.png) center left no-repeat; font-family:Times New Roman; font-size:11px; color: #a2a9ab; text-align: left; margin: 0 0 0 5px; padding: 0 0 0 15px; letter-spacing: 1px;}
#largeRail .resources .tags a{color: #a2a9ab; text-decoration: none;}
#largeRail .resources .tags a:hover{color: #a2a9ab; text-decoration: underline;}
#largeRail .resources .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .resources .title a{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px; text-decoration: none;}
#largeRail .resources .title a:hover{text-decoration: underline;}
#largeRail .resources .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 3px 0 0px 0; line-height: 22px;}
#largeRail .resources .description p{text-align: left; padding: 0; margin: 8px 0 0 38px;}
#largeRail .resources .description p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .resources .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .resources .description .frame{height: 73px; margin: 0; padding:0 5px 0 0; position: relative; width: 185px; float: left;}
#largeRail .resources .description img{padding:22px 0 0 29px;}
#largeRail .resources .description a span{background:url(/Docs/Images/Resources/frame.png) left top no-repeat; display:block; height:73px; position:absolute; width:185px; left:7px; top:6px;}
#largeRail .resources .description a:hover span{background:url(/Docs/Images/Resources/frame.png) left bottom no-repeat; display:block; height:73px; position:absolute; width:185px; left:7px; top:6px;}
#largeRail .resources .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .resources .spacer{clear: both; height: 30px;}
/********** End *********/


/********** Content *********/
#largeRail .entry{width: 700px; float: left;}
#largeRail .entry .date{background: url(/Docs/Images/postDateBkgd.png) top left no-repeat; width:100px; height: 87px; float:left; font-size: 20px; color: #fff; padding: 2px 0 0 0; font-family:Times New Roman; text-align: center;}
#largeRail .entry .date p{font-size: 9px; margin: -5px 0 -27px 3px; letter-spacing: 4px; color: #20330d;}
#largeRail .entry .size{width: 600px; float: left;}

#largeRail .entry .tags{background: url(/Docs/Images/tagBkgd.png) center left no-repeat; font-family:Times New Roman; font-size:11px; color: #a2a9ab; text-align: left; margin: 0 0 0 5px; padding: 0 0 0 15px; letter-spacing: 1px;}
#largeRail .entry .tags a{color: #a2a9ab; text-decoration: none;}
#largeRail .entry .tags a:hover{color: #a2a9ab; text-decoration: underline;}

#largeRail .entry .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .entry .title a{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px; text-decoration: none;}
#largeRail .entry .title a:hover{text-decoration: underline;}
#largeRail .entry .subTitle{font-family:Times New Roman; font-size: 20px; color: #89724d; text-align: left; margin: 10px 0 0 20px; letter-spacing: 1px; font-weight: bold;}

#largeRail .entry .subDescription{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 10px 5px; line-height: 22px; width: 530px; float: left;}
#largeRail .entry .subDescription a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .entry .subDescription a:hover{color: #89724d; text-decoration: underline;}

#largeRail .entry .subDescriptionContinue{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 10px 35px; line-height: 22px; width: 530px; float: left;}
#largeRail .entry .subDescriptionContinue a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .entry .subDescriptionContinue a:hover{color: #89724d; text-decoration: underline;}

#largeRail .entry .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 5px 0; margin: 0 0 0 7px; line-height: 22px; width: 550px; float: left;}
#largeRail .entry .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .entry .description p a{ background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .entry .description p a:hover{color: #89724d; text-decoration: underline;}

#largeRail .entry .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .entry .subArrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left; margin: 0 0 0 10px;}
#largeRail .entry .spacer{clear: both; height: 30px;}

#largeRail .entry .code530{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 5px 0 5px 27px; width: 530px; border: 1px solid #9c9c9c; float: left;}
#largeRail .entry .codeText{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 0; width: 520px; border: 1px solid #9c9c9c; overflow: hidden; float: left; margin: 5px 0 15px 5px;}

#largeRail .entry .code520{background: #f2f2f2 url(/Docs/Images/graph.gif) left top repeat; margin: 5px 0 5px 5px; width: 520px; border: 1px solid #9c9c9c; float: left;}
#largeRail .entry .code520 pre{text-align: left; padding: 0 0 0 10px;}
#largeRail .entry .code520 .pink{color: #FF00FF;}
#largeRail .entry .code520 .darkBlue{color: #000099;}
#largeRail .entry .code520 .lightBlue{color: #0000FF;}
#largeRail .entry .code520 .green{color: #006600;}
#largeRail .entry .code520 .purple{color: #990099;}
#largeRail .entry .code520 .highlight{background: #fdf8cf;}
#largeRail .entry .code520 .comment{color: #9a9a9a;}

#largeRail .entry .download{text-align: left; clear: both; font-size: 12px; margin: 0 0 0 27px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #89724d;}
#largeRail .entry .download a{background: #fdf8cf; padding: 5px;  border: 1px solid #9C9C9C; color: #89724d; text-decoration: none;}
#largeRail .entry .download a:hover{background: #fff; text-decoration: none;}
/********** End *********/


/********** Services *********/
#largeRail .services{width: 550px; float: left; margin: 0 0 0 100px;}
#largeRail .services .title{font-family:Times New Roman; font-size: 30px; color: #629132; text-align: left; margin: 0 0 0 5px; letter-spacing: 1px;}
#largeRail .services .subTitle{font-family:Times New Roman; font-size: 20px; color: #89724d; text-align: left; margin: 0 0 0 25px; letter-spacing: 1px; font-weight: bold;}
#largeRail .services .subDescription{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 0 45px; line-height: 22px;}
#largeRail .services .subDescription p{text-align: left; padding: 0; margin: 0;}
#largeRail .services .subDescription p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .services .subDescription p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .services .subArrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left; margin: 0 0 0 20px;}
#largeRail .services .description{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#89724d; text-align: left; padding: 5px 0 0 25px; line-height: 22px;}
#largeRail .services .description p{text-align: left; padding: 0; margin: 0;}
#largeRail .services .description p a{background: #fdf8cf; color: #89724d; text-decoration: none;}
#largeRail .services .description p a:hover{color: #89724d; text-decoration: underline;}
#largeRail .services .arrow{background: url(/Docs/Images/titleArrow.png) top left no-repeat; width: 19px; height: 21px; float: left; text-align: left;}
#largeRail .services .spacer{clear: both; height: 30px;}
/********** End *********/


#smallRail{width: 280px; float: right;}

/********** Blue Tab *********/
#smallRail .bluetab{background: url(/Docs/Images/blueTab.png) top right no-repeat; width: 264px; height: 82px;}
#smallRail .bluetab .position{padding: 18px 0 0 40px;}
#smallRail .bluetab .text{background: url(/Docs/Images/resourceTabText.png) right top no-repeat;}
#smallRail .bluetab a{display: block; width: 225px; height: 47px;  text-indent: -900em; outline-style:none; outline-width:medium; text-decoration: none;}
#smallRail .bluetab a:hover{background-position: right bottom;}
#smallRail .bluetab img{padding: 18px 0 0 40px;}
/********** End *********/


/********** Green Tab *********/
#smallRail .greentab{background: url(/Docs/Images/greenTab.png) top right no-repeat; width: 264px; height: 82px;}
#smallRail .greentab .position{padding: 18px 0 0 40px;}
#smallRail .greentab .text{background: url(/Docs/Images/tutorialTabText.png) right top no-repeat;}
#smallRail .greentab a{display: block; width: 225px; height: 47px; text-indent: -900em; outline-style:none; outline-width:medium; text-decoration: none;}
#smallRail .greentab a:hover{background-position: right bottom;}
#smallRail .greentab img{padding: 18px 0 0 40px;}
/********** End *********/


/********** Yellow Tab *********/
#smallRail .yellowTab{background: url(/Docs/Images/yellowTab.png) top right no-repeat; width: 264px; height: 82px;}
#smallRail .yellowTab .position{padding: 18px 0 0 40px;}
#smallRail .yellowTab .text{background: url(/Docs/Images/servicesTabText.png) right top no-repeat;}
#smallRail .yellowTab a{display: block; width: 225px; height: 47px;  text-indent: -900em; outline-style:none; outline-width:medium; text-decoration: none;}
#smallRail .yellowTab a:hover{background-position: right bottom;}
#smallRail .yellowTab img{padding: 18px 0 0 40px;}
/********** End *********/


/********** Tag Cloud *********/
#smallRail .tagCloud{background: url(/Docs/Images/tagCloudBkgd.png) top left no-repeat; width: 261px; height: 279px; margin: 15px 0 0 0;}
#smallRail .tagCloud p{padding: 50px 30px 0 15px; color: #137f9a; line-height: 33px;}
#smallRail .tagCloud a{color: #137f9a; text-decoration: none;}
#smallRail .tagCloud a:hover{color: #137f9a; text-decoration: underline;}
/********** End *********/


/********** The List *********/
#smallRail .theList{background: url(/Docs/Images/theListBkgd.png) top left no-repeat; width: 266px; height: 447px; margin: 15px 0 0 0;}
#smallRail .theList .title{margin: 0; padding: 40px 0 0 25px; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 27px; color: #629233;}
#smallRail .theList .sub{margin: -5px 0 0 0; padding: 0 0 0 35px; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #999;}
#smallRail .theList .check{background: url(/Docs/Images/theListChecked.png) top left no-repeat; width: 16px; height: 17px; margin: 0px 0 0 20px; padding: 0; float: left;}
#smallRail .theList .uncheck{background: url(/Docs/Images/theListUnChecked.png) top left no-repeat; width: 16px; height: 17px; margin: 0px 0 0 20px; padding: 0; float: left;}
#smallRail .theList .toDo{margin: 0; padding: 0 0 0 45px; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #292929}
#smallRail .theList .toDo a{color: #292929; text-decoration: none;}
#smallRail .theList .toDo a:hover{ text-decoration: underline;}
/********** End *********/


.baseSpacer{clear: both; height: 15px;}

#footer{background: url(/Docs/Images/footerBkgd.png) top center repeat-x; width: 100%; height: 200px; margin: -20px 0 0 0;}
#footer img{margin: -5px 0 0 0;}


/********** Thickbox *********/
#TB_closeWindowButton{background: url(/Docs/Images/Urban/thickboxClose.png) top left no-repeat;}
/********** End *********/