/*____________________________________________________________
Import other styles
____________________________________________________________*/

@import url(type.css);
@import url(lists.css);
@import url(tables.css);
@import url(forms.css);
@import url(sIFR-screen.css);
@import url(jobs.css);


/*____________________________________________________________
Some base styles for sizing/shapping etc.
____________________________________________________________*/

body{
	margin:0;
	padding:0;
	background-color:#3399CC;
	background-image:url(../Images/bg_Drips.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

#wrapper_bg{
	width:1024px;				 /*set site width here */
	margin:0px auto;		 	 /* site defaults to fixed width centered */
	background-image: url(../Images/bg_body.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	padding:0 0 0 0;
}

#wrapper{
	width:1000px;				 /*set site width here */
	/*margin-left:12px;*/		 /* site defaults to fixed width centered */
	padding:0;
	margin:0 auto 0 auto;
}



.ClearAll{
	clear:both; height:1px; line-height:0px;
}
.ClearLeft{
	clear:left; height:1px; line-height:0px;
}
.ClearRight{
	clear:Right; height:1px; line-height:0px;
}
.Divider{
	clear:both;
}

/*____________________________________________________________
Header styles
____________________________________________________________*/
#header{
	background-image:url(../Images/bg_header.jpg);
	background-repeat:no-repeat; 
	height:130px;
	margin-bottom:20px;
}
#ExtraNav{
	margin-top:10px;
	float:right;
}

.logo{
	
}
#Tabs{
	
}
#LogoLink{
	width:250px;
	height:100px;
	display:block;
	float:left;
	position:relative;
}

/*____________________________________________________________
Footer styles
____________________________________________________________*/
#Footer{
	background-image:url(../Images/bg_footer.jpg);
	background-repeat:no-repeat; 
	height:56px;
	
}
#Footer p{
	margin-top:20px;
}
#FooterButtons{
	float:right;
	margin:7px 8px 0 0;
	padding:0;
}
/*____________________________________________________________
Content section styles
____________________________________________________________*/

#MainContent{
	/* main content is a wrapper div to include the side bar and content*/
	
}
#Content{
	/* Content is the container with the actual content. */
	float:left;
	width:455px;
	padding-top:10px;
}
#LargeContent{
	/* Larger content container with no TOC or left col at all*/
	float:left;
	width:733px;
	padding-top:10px;
	padding-left:20px;
}

/*____________________________________________________________
Sidebar styles
____________________________________________________________*/
#LeftSideBar{
	float:left;
	width:262px;
	margin:13px 25px 0 10px;
	
	
	
}




#MainContent > #LeftSideBar{
	
	/*width:227px;
	margin:13px 25px 0 5px;		*/
}
/*____________________________________________________________
Sidebar styles
____________________________________________________________*/
.SideBar{
	float:left;
	width:200px;
	margin-left:38px;
	padding-top:0px;
	
		
}

.SideBar img{
	/*margin-bottom:12px;*/
}
	
/*____________________________________________________________
Site Suggestion Box
____________________________________________________________*/
#SiteSuggestion{
	margin-top:20px;
	margin-bottom:20px;
}

/*____________________________________________________________
Home page specific styles
____________________________________________________________*/

#HomePage{
	width:100%;
}

/*____________________________________________________________
Button bucket over TOC
____________________________________________________________*/
#ButtonBucket{
	margin:0 0 10px 3px;
}

.btn_Right{
	margin: 0 0 0 5px;
}

/*____________________________________________________________
Table of contents
____________________________________________________________*/
#TOC_layer1{
	 background-image:url(../Images/toc_middle.jpg);
	 background-repeat:repeat-y;
	  background-position:left;
}
#TOC_layer2{
	background-image:url(../Images/toc_top.jpg);
	 background-repeat:no-repeat;
	  background-position:top left;
}
#TOC_layer3{
	background-image:url(../Images/toc_bottom.jpg);
	 background-repeat:no-repeat;
	 background-position:bottom left;
	 padding:5px 5px 15px 5px;
}
/*____________________________________________________________
Google Ads
____________________________________________________________*/

.GA_200_200{
	width:200px;
	height:200px;
	float:right;
	margin:18px 0 20px 20px;
	clear:right;
	overflow:hidden;
}
.GA_468_60{
	width:468px;
	height:60px;
	margin:20px auto 20px auto;
	clear:both;
}

#Google_Home_468{
	margin:20px 0 20px 0;
}
#Google_Home_TextBar{
	margin: 0 0 0 20px;
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#CCCCCC;
	width:740px;
}
#Google_Home_728{
	clear:left;
}
/*____________________________________________________________
TOC Tool Tip
____________________________________________________________*/

#fixedtipdiv{
position:absolute;
padding: 0px;
border:0px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
/*____________________________________________________________
In COPY Tool Tip
____________________________________________________________*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/*____________________________________________________________
Article Thumbnails
____________________________________________________________*/
.SampleUsage{
	/* thumb container */
	width:460px;
	margin-left:0px;
}
.RedXContainer{
	float:left;
	padding:0px;
	margin:2px 2px 8px 2px;
	overflow:hidden;
	background-repeat:no-repeat;
	width:145px;
	height:145px;
	border-width:0px;
}

.RedXLink{
	display:block;
	width:135px;
	*width:145px;
	height:105px;
	*height:115px;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:none;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;	
}
.RedXLink:hover{
	background-color:none;
	border-width:5px;
	border-color:#1c8dc6;
	border-style:solid;
	background-image:none;
}
.RedXLink:visited{
	background-image:url(/v2/Images/LinkVisited.gif);
	background-repeat:repeat-x;
	background-color:none;
	background-position:bottom;	
	border-color:#FF0000;
	border-width:5px;
	border-style:solid;

}

.RedXScreenShot{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	display:block;
	width:135px;
	vertical-align:bottom;
}
/*____________________________________________________________
Article Thumbnails WIDE 445
____________________________________________________________*/
.ThumbHolder445{
	margin:0 0 20px 0;
}
.RedXContainer445{

	padding:0px;
	margin:2px 2px 2px 2px;
	overflow:hidden;
	background-repeat:no-repeat;
	width:445px;
	border-width:0px;
}

.RedXLink445{
	display:block;
	width:435px;
	height:200px;
	padding:0px 0 0 0;
	margin:0px 0px 0px 0px;
	background-color:none;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;	
}
.RedXLink445:hover{
	background-color:none;
	border-width:5px;
	border-color:#1c8dc6;
	border-style:solid;
	background-image:none;
}
.RedXLink445:visited{
	background-image:url(/v2/Images/LinkVisited.gif);
	background-repeat:repeat-x;
	background-color:none;
	background-position:bottom;	
	border-color:#FF0000;
	border-width:5px;
	border-style:solid;

}

.RedXScreenShot445{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	display:block;
	width:445px;
	vertical-align:bottom;
}

/*____________________________________________________________
Color Gallery Styles
____________________________________________________________*/

.ColorGalleryItem, .Color_Row{
	width:205px;
	height:155px;
	float:left;
	margin: 0px 5px 5px 0px;
	border:1px solid #FFFFFF;
}

.WebsitePallet{
	clear:both;
}
.WebsitePallet a{
	display:block;
	float:left;
	width:63px;
}


#SponsorsList a{
	display:block;
	margin-bottom:10px;
}

/*____________________________________________________________
new home page styles
____________________________________________________________*/


.News_RowBig h3{
	float:left;
	font-size:22px;
}

.News_RowBig img{
	float:left;
	margin-right:10px;
}

#Content .FaintLine{
	margin:0 0 5px 0;
	padding:0px 0px 5px 0;
	font-size:10px;
	font-family:  Arial, Helvetica, sans-serif;
	color:#8C8C8C;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#CCCCCC;
}


.diggit{
	float:right;
	margin-left:10px;
	clear:right;
}


/*____________________________________________________________
Visual TOC page
____________________________________________________________*/

.tockLinkContainer{
	padding:0px;
	margin:2px 8px 8px 2px;
	overflow:hidden;
	background-repeat:no-repeat;
	width:220px;
	border-width:0px;
	float:left;
}
.tocLink{
	display:block;
	width:210px;
	height:50px;
	padding:100px 0 0 0;
	margin:0px 0px 0px 0px;
	background-color:none;
	border-color:#FFFFFF;
	border-width:5px;
	border-style:solid;	
	background-image:url(/v2/Images/toc_greyout2.gif);
	background-repeat:repeat;
}
.tocLink:hover{
	border-color:#1c8dc6;
	background-image:none;
}
.tocTitle{
	
}
.tocTitle {
	color:#FF0000;
	background-color:#FFFFFF;
	font-size:18px;
	padding:4px;
	margin:100px 0 0 0;
	text-decoration:none;
	font-weight:bold;
	border-width:4px 4px 4px 0;
	border-color:#FFFFFF;
	border-style:solid;
	position:relative;
	left:-5px;
}
.tocLink:hover .tocTitle{
	color:#FF0000;
	background-color:#FFFFFF;
	padding-left:40px;
}

.homepage{
	padding-right:10px;
}

.homepage #TOC_layer1, .homepage #TOC_layer2, .homepage #TOC_layer3{
	background-image:none;
}

.homepage #LeftSideBar{
	width:745px;
	margin-bottom:20px;
}

.homepage .SideBar{
	margin-left:9px;
	float:right;
}

.homepage #toc_col1, .homepage #toc_col2, .homepage #toc_col3 {
	float:left;
	width:245px;
}
.homepage #toc_col2, .homepage #toc_col3 {
	padding-top:24px;
}
.homepage .lc_TOC_SectionTitle{
	font-size:12px;
	border-bottom:1px solid #3399CC;
	margin-bottom:3px;
}
.homepage #Content{
	padding:0 0 0 10px;
	width:750px;
	float:none;
	
}

#welcome{
	width:700px;
	font-size:16px;
	line-height:140%;
	margin-left:30px;
}