/* Color Scheme for Tree View Container

	#topicTreeView contains #treeViewContainer

	bg color for topicTreeView: #d1d9df  light gray/blue
	Font Color Normal:  #c7e2f5  light blue
	Color for bg img for tree nodes: #4c88be
	Color for bg img stroke:  #8dc3e9
 
	Bg color for tree container: #d1d9df

	h5 Navigation headers: #00477f  dark blue

	green color:  #92cd00
*/

body 
{
	font-family: Verdana, sans-serif;
	/*font-size: 100.01%;*/
	background-color:#00477f;
	margin-top: 3px;
	/*width: 100%;*/
	/*width: 1024px;*/

}

#masterHeader
{
	background-image:url(Images/MasterHeadImg20X80.jpg);
	height: 80px;
	padding: 1px 0;

}

#perooziDotComImage
{
	width: 270px;
	height: 60px;
	text-indent: -9999px;
	float: left; /*floating this keeps margin from collapsing*/
	background-image: url(Images/PerooziDotComHorz.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 215px;


}

#perooziDotComImage a
{
	display: block;
	width: 100%;
	height: 100%;
	outline: none;

}

#otherLinksHead
{
	color: #92cd00;
	float: right;
	font-size: small;
	margin: 20px 230px 0 0;
	/*margin-right: 230px;*/
}
#otherLinksHead li
{
	list-style-type: none;
	display: inline;
	padding: 0 0 0 15px;
}

#otherLinksHead a
{
	color: #92cd00;
	text-decoration: none;
	padding: 0;
}
#otherLinksHead a:hover
{
	color: #c7e2f5;
	cursor: pointer;

}
.modalPopup
{
	background-color: #ffffff;
	border: solid 2px #00477f;
	color: #00477f;
	font-size: 12px;
	padding: 30px;
	width: 500px;
	height: 500px;

}

.modalPopup h1
{
	color: #ffffff;
	background-color: #00477f;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
}
.modalPopup h4
{
	border-bottom: solid 2px #92cd00;
	color: #000000;
	padding-bottom: 20px;
	text-align: center;
}

.modalBackground
{
	background-color: #00477f;
	filter: alpha(opacity=70);
	opacity: 0.7;
}



#treeViewNavDiv
{
	float:left;
	/*width: 18%;*/
	width: 182px;
	/*width: 197px; this last line was not active*/
}

#adColumn
{
	/*background-color: #4c88be;*/
	background-color: #d1d9df;
	float: right;
	width: 180px;
	/*width: 13.7%;*/
	height: 650px;
	display: inline;
	border-left: solid 2px #00477f; 
	position: relative;
}

#adsense
{
	margin-top: 10px;
	margin-left: 10px;
}
#siteMeter
{
	margin-left: 10px;
}
#content
{
	
	/*float: left;*/
	/*max-width: 71%;*/
	/*min-width: 68%;*/
	/*max-width: 850px;
	min-width: 700px;*/
	/*width: auto;*/

	margin-left: 184px;
	margin-right: 185px;
	/*overflow: hidden; */
	position: relative;
}
#masterFooter
{
	float: left;
	clear: both;
	width: 100%;
	background-color: #4c88be;
	height: 60px;
	border-top: solid 2px #00477f;
}

h5 
{
	color: #00477f;
	padding: 0;
	margin: 8px 0 8px 26px;
	/*text-align: center;*/
}

/***************TreeView Navigation*********************/

#treeViewContainer 
{
	width: 165px;
	/*width: 180px;*/

	font-family: verdana;
	/*text-align: center;*/
	background-image: url(Images/190X20Blue2.jpg);
	background-repeat: repeat-y;


	padding: 1px 0 0px 10px;
	margin: 0;
}

#topicTreeView 
{
	float: left;
/*	width: 25%;*/
/*	height: 600px;*/
	background-color: #d1d9df;
	/*text-align: center;*/
/*	color: White;*/
	padding: 0 3px;
	border-right: solid 2px #00477f;
}

.navLinks
{
	background-color: #4c88be;
	margin-top: 3px;
	padding: 3px 0;
}

.navLinks a
{
	color: #c7e2f5;
	font-size: small;
	
	text-decoration: none;
	padding-left: 28px;
}

.navLinks a:active
{
	color: #ff9933;
}

.navLinks a:hover
{
	color: #00477f;
	font-weight: bold;
}
/*#navOtherLinks 
{
	background-image: url(Images/190X20Blue2.jpg);
	background-repeat: repeat-y;
	margin-bottom: 3px;
	padding: 0;
	padding-bottom: 2px;
}

#navOtherLinks ul
{
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#navOtherLinks li
{
	list-style-type: none;

}*/

#otherLinks h5
{
	visibility: hidden;
}

#bookMarks
{
	float:left;
	width: 100%;
	background-color:White;
}

#extra
{
	clear:both;
	background-image: url(Images/190X15.jpg);
	background-repeat: repeat-y;
}

/*Rating Stuff***********************************************************/

.ratingStar
{
	font-size: 0pt;
	width: 16px;
	height: 16px;
	margin:0px;
	padding: 0px;
	padding-right: 1px;
	cursor: pointer;
	display: inline;
	background-repeat: no-repeat;
}

#defaultRating .ratingStar
{
	cursor: text;
}
.filledRatingStar
{
	background-image: url(Images/SmallGreenStar.jpg);
}

.emptyRatingStar
{
	background-image: url(Images/SmallWhiteStar.jpg);
}

.waitingRatingStar
{
	background-image: url(Images/SmallGreenOpaqueStar.jpg);
}

/*Styles for Empty Data Template and Home Page***************************/

#emptyDataHome
{
	min-height: 600px;

}
	
.emptyDataClass
{
	font-family: Verdana, Sans-Serif;
	font-size: small;
	/*margin: 0 80px 20px 80px;*/
	margin: 0 25px 20px 25px;

}

#welcomePageHeader
{
	/*text-align: center;*/
	font-size: medium;
	margin: 30px 0 20px 7px;
	border-bottom: dotted 1px #ff9933;

}

#emptyDataHome h3 
{
	color: #00477f;
	margin:0;
	padding:0 0 0 5px;
}

.intros p
{
	margin:0;
	padding:0 0 0 5px;
	/*border-left: solid 2px #ff9933;*/
}

#welcomePageIntro
{
	margin: 0;
	padding: 0 10px 10px 10px;
	/*background-color: #c7e2f5;*/
}
	
#welcomePageIntro span
{
	color: #00477f;
	font-weight: bold;
	font-size: large;
}

/*#myIconIntro
{
	border: solid 2px #8dc3e9;
	margin: auto;
	following necessary to contain the floats inside this div
	overflow: hidden;
	width: 70%;
}*/

.divHeader
{
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: large;
	padding-left: 20px;
	background-color: #8dc3e9;
}

.intros
{
	margin: 9px;
	padding: 0;
	font-size: .9em;
	line-height: 150%;

	/*margin: 20px 0 0 0;*/
	/*clear: both;*/
}
.intros h3
{
	border-bottom: solid 2px #92cd00;
	font-size: 14px;
	/*text-indent: -9999px;
	height: 18px;*/
}


#colorIntro
{
	float: left;
	width: 30%;

	/*border-top: solid 5px #00477f;*
	padding-top: 20px;*/
}


#cssIntro
{
	float: left;
	width: 30%;

}

#fontIntro
{
	margin-bottom: 40px;
	float: left;
	width: 30%;
}

#stockImagesIntro
{
	float: left;
	clear: both;
	width: 30%;
}


#webTemplatesIntro
{
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 10px;
	width: 30%;
}
#myIconIntro
{
	float: left;
	height: 250px;
	width: 32%;
	background-image: url(Images/IconGroup.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0;
	padding: 0;

}




#colorIntro h3
{
	/*background-image: url(Images/ColorsForWebsite.jpg);
	background-repeat: no-repeat;*/
}

#cssIntro h3
{
	/*background-image: url(Images/UseCssBetter.jpg);
	background-repeat: no-repeat;*/
}

#fontIntro h3
{
	/*background-image: url(Images/FindTheBestFont.jpg);
	background-repeat: no-repeat;*/
}

#stockImagesIntro h3
{
	/*background-image: url(Images/ImagesForWebsite.jpg);
	background-repeat: no-repeat;*/
}

#webTemplatesIntro h3
{
	/*background-image: url(Images/FreeWebTemplates.jpg);
	background-repeat: no-repeat;*/
}

.intros p
{
	/*border-top: dotted 1px #cccccc;*/
	padding-top: 3px;
}

.mainIconStyle
{
	float: left;
	width: 33%;
	margin: 10px 0;

	text-align: center;
}

/**************Footer Stuff***************************************************-***/

#footerLinks ul
{
	font-size: x-small;
	margin: 20px 0 20 0;
	padding: 0;
	text-align: center;
}

#footerLinks li
{
	
	display: inline;
	list-style-type: none;
	padding: 0 10px;

}

#footerLinks li a
{
	color: #c7e2f5;
	text-decoration: none;
}

#footerLinks a:hover
{
	color: #00477f;
	cursor: pointer;
}
.btnContact
{
	color: #c7e2f5;
	font-size: 9px;
	background-color: #4c88be;
	border-style: none;
}
.btnContact:hover
{
	cursor: pointer;
	color: #00477f;
}

#footerCopyright a
{
	color: #c7e2f5;
	text-decoration: none;
}
#footerCopyright a:hover
{
	color: #00477f;
}

#footerCopyright
{
	color: #c7e2f5;
	font-size: x-small;
	text-align: center;

}

/*****************Contact Peroozi Page******************************************/

#contactHead
{
	background-image:url(Images/MasterHeadImg20X80.jpg);
	height: 80px;
	padding: 1px 0;
	margin: 0;

}
#contactPeroozi
{
	background-color: #ffffff;
	height: 600px;
	width: 600px;
	margin: auto;
	padding: 15px;

}
#contactPeroozi h1
{
	color: #00477f;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
}
#contactPeroozi h4
{
	border-bottom: solid 2px #92cd00;
	color: #000000;
	padding-bottom: 20px;
	text-align: center;
}
#contactInfo
{
	color: #00477f;
	margin-left: 75px;
}
/************************Error Page Stuff**********************/

#errorPageMessage
{
	background-color: #ffffff;
	height: 300px;
	width: 600px;
	margin: auto;
	padding: 20px;
	text-align: center;
}
#errorPageMessage h2
{
	margin: 80px 0 0 0px;
}
#errorPageMessage p
{
	font-size: 12px;
	margin: 30px 0;
}
#errorPageMessage a
{
	color: #00477f;
	text-decoration: none;
	font-size: 12px;
}
#errorPageMessage a:hover
{
	color: #92cd00;
}