/*
											 :اسکلت این سایت به سه قسمت تقسیم می شود

	میشود Header نام دارد عرض آن 100 درصد و تمام صفحه است و نیز شامل Top قسمت اول که
			  نیز عرضی برابر 970 پیکسل دارد و که استاندار مانیتور 17 اینچ است Header

	   نام دارد نیز عرض آن 100 درصد است ولی محتویات آن دارای Center قسمت دوم صفحه که 
				  می شود Menu Baner Main عرضی 970 پیکسلی هستند. همچنین این قسمت شامل  

	نام دارد که عرض آن 100 درصد بوده و محتویات آن نیز دارای Bottom قسمت سوم صفحه نیز
										   می شود Footer عرض 970 پیکسلی هستند و شامل
*/
/*
	   برابر صفر است padding و margin عرض ها تعریف شده است و Header Menu Baner Main Footer در
	برابر 5 پیکسل margin ارتفاع ها تعریف شده است و inHeader inMenu inBaner inMain inFooter در
																	  برابر صفر است padding و 
*/
/*
	داشته باشه. بنابر Class و هم ID داشته باشه و در ضمن نمیتونه هم ID فقط می تونه یک  Div هر
	هایCSS می تونه از  Div های زیر از کـلاس استفاده کردم. چون هرDiv همین دلایل من برای برخی از
		    بزاریم کلا از کار می افته Runat="Server" اگه Div چند کلاس استفاده کند. در ضمن برای
*/
body
{
	margin: 1px;
	padding: 0px;
}
/*----------------------------------------- Top -----------------------------------------*/
#top
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.header
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inHeader
{
	clear: both;
	margin: 5px;
	padding: 0px;
	border: 0px;
	height: 100px;
	font-size: 10pt;
}
/*---------------------------------------- Center ----------------------------------------*/
#homeCenter
{
	background-image: url(../Images/GeneralImage/HomePage_BodyBackground_blue.jpg);
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#other1Center, #other2Center
{
	background-image: url(../Images/GeneralImage/OtherPage_BodyBackground_blue.jpg);
	background-attachment: scroll;
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.menu
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
	background-color: #003366; /* #00BB00 این کد رنگ برای زمینه سبز به کار می رود */
}

.inMenu
{
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	border: 0px;
	height: 30px;
}

.menuItems
{
	display: inline-block;
	border-width: 2px;
	border-color: #000066;
	border-style: solid;
	height: 26px;
	width: 125px;
}

.homeBaner
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inHomeBaner
{
	clear: both;
	margin: 5px;
	padding: 0px;
	border: 0px;
	height: 345px;
}

.homeMain
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inHomeMain
{
	clear: both;
	margin: 15px;
	padding: 0px;
	border: 0px;
	min-height: 400px;
	height: 100%;
	font-size: 10pt;
}

.other1Baner, .other2Baner
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inOther1Baner, .inOther2Baner
{
	clear: both;
	margin: 5px;
	padding: 0px;
	border: 0px;
	height: 175px;
}

.content
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.other1Main
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 800px;
}

.other2Main
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inOther1Main, .inOther2Main
{
	clear: both;
	margin: 10px;
	padding: 0px;
	border: 0px;
	min-height: 300px;
	height: 100%;
	font-size: 10pt;
}

.subMenu
{
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 160px;
}

.inSubMenu
{
	clear: both;
	margin: 5px;
	padding: 0px;
	border: 0px;
	min-height: 310px;
	height: 100%;
	font-size: 10pt;
}

.SupportMenu
{
	border: 2px solid Black;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
}
/*---------------------------------------- Bottom ----------------------------------------*/
#bottom
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.footer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 970px;
}

.inFooter
{
	clear: both;
	margin: 5px;
	padding: 0px;
	border: 0px;
	height: 80px;
	font-size: 8pt;
}
/*---------------------------------------- ancherStyle Classes ----------------------------------------*/
.ancherStyle1:link
{
	color: #0000FF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid blue;
}

.ancherStyle1:visited
{
	color: #0000FF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid blue;
}

.ancherStyle1:hover
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid red;
}

.ancherStyle1:active
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid red;
}

.ancherStyle2:link
{
	color: #000000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px;
}

.ancherStyle2:visited
{
	color: #000000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid blue;
}

.ancherStyle2:hover
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid red;
}

.ancherStyle2:active
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid red;
}

.ancherStyle3:link
{
	color: #0000FF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid blue;
}

.ancherStyle3:visited
{
	color: #0000FF;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid blue;
}

.ancherStyle3:hover
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid red;
}

.ancherStyle3:active
{
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid red;
}




/*---------------------------------------- Common Class ----------------------------------------*/
.rtl
{
	font-family: Tahoma;
	direction: rtl;
	text-align: justify;
}

.ltr
{
	font-family: Verdana;
	direction: ltr;
	text-align: left;
}

.outsideDivWithBorder
{
	border: 0px solid Black;
}

.insideDivWithBorder
{
	border: 0px solid Black;
}

.withBorder
{
	border: 0px solid Black;
}