* {
	margin:0;
	padding:0;
}

body {
	height:100%;
}


html {
	height:100%;
}
body {
	margin : 0px;
	padding : 0px;
	text-align:center;
	vertical-align: middle;	
	background-repeat: repeat;
	font-family: tahoma,freefarsi,verdana;
	font-size : medium;
    /*	display:table-cell;*/
	/*
	background : #CCCCCC url("../images/background.gif") repeat scroll;
	*/
    background-image : url("../images/clouds.gif");
    background-color: #CBD8E0;
    background-repeat: repeat-x;
	background-position:top;
}

#headerContainer {
	width:100%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

img {
	border-style:none;
}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-270px; /* half of container's height */
	float:left;
    background-image : url("../images/clouds.gif");
    background-color: #CBD8E0;
    background-repeat: repeat-x;
	background-position:top; 
}
#container {
    background : url("../images/bg.jpg") repeat-x 0px 400px; 
    /*
    _background-position:0% 500px;
    background-position:0% 100%;
    */
    display:block;
    height:100%;

}

#mainContainer {
	position:relative; /* puts container in front of distance */
	height: 500px;
	width: 500px;
	background-color : transparent;
	padding:5px;
	margin : 0px auto;
	clear:left;
}

#content {
	margin-top:0px;
	height:100%;
	/*
	background: url(images/WarmGradient_.png);
	background-color: #FFA275;
	border: 3px solid #FFFACD;
	
	opacity: .75;

	-moz-border-radius: 7px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	*/
}
#content a {
	text-decoration:none;
	
	color:#6A5ACD;
	/*
	border-bottom:dotted 1px;
	*/
}

.subSiteTitle {
	font-family:Arial, Helvetica, sans-serif;
	
}

#content table {
	padding:5px;
	width:100%;height:100%;text-align:justify;vertical-align:top;font-size:small;
}

#footer {
	font-size:120%;
	color:#000080;
}

.subSiteIconContainers {

/*	border:1px solid;*/
	position:absolute;
	/* background-color:lime;*/
	width:64px;
	height:64px;
}

#subSiteIconContainerMovie {
	left:20px;
	top:20px;		
}

#subSiteIconContainerIcon {
	left:80px;
	top:80px;
}

#subSiteIconContainerMusic {
	left:80px;
	top:80px;
}

#subSiteIconContainerWeblog {
	left:80px;
	top:80px;
}

#subSiteIconContainerFont {
	left:80px;
	top:80px;
}


#subSiteIconContainerNewsPack {
	left:80px;
	top:80px;
}

#subSiteIconContainerCalendar {
	left:80px;
	top:80px;
}

#subSiteIconContainerPhotoGallery {
	left:80px;
	top:80px;
}



/* --(BEGIN)--> Navigation Bar */
#nav_bar {
	height:25px;
	vertical-align: middle;
	padding: 0px;
	margin: -2px;
	color:white;
	/*-moz-opacity: .75;*/
	text-align:center;
}

#nav_bar table {
	width:100%;
	margin: 0px;
	padding: 0px;
	font-size:x-small;
	font-weight: bold;
}

#nav_bar table tr td{
	vertical-align: middle;
	text-align:center;
	color:#000000;
	padding:3px;
	border-color:#FFFACD;
	border-style: solid;
	border-width:1px;
	text-decoration: none;
}

#nav_bar a{
	text-decoration: none;
	color:#000000;
}

#nav_bar a:hover{
	color:#CCCCCC;
}

#nav_bar table tr td:hover {
	background-color: #0066FF;
	color:#CCCCCC;
}

.nav_bar_link_1 {
	background-color: #FFFACD;
	width:10%;
}

.nav_bar_link_2 {
	background-color: #FFF7AA;
	width:10%;
}
.nav_bar_link_3 {
	background-color: #FFF595;
	width:10%;
}
.nav_bar_link_4 {
	background-color: #FFF275;
	width:10%;
}

/* --(END)--> Navigation Bar */

#header {
	margin-top:0px;
	height:200px;
	background-color: #FFFACD;
    width:100%;
	/*-moz-opacity: .65;*/
	background: url(images/header-back.jpg);
	border: 3px solid #FFFACD;
	border-bottom:0px;
/*	
	-moz-border-radius: 7px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	*/
}

#small_header {
	margin-top:0px;
	height:70px;
	background-color: #FFFACD;
	/*-moz-opacity: .65;*/
	border: 3px solid #FFFACD;
	border-bottom:0px;
}

.about_header {
	background: url(images/about_header.jpg);
}

.contact_header {
	background: url(images/contact_header.jpg);
}


.biography_header {
	background: url(images/biography_header.jpg);
}



#news_box {
	background: url(images/WarmGradient.png);
	padding:10px;
	vertical-align:top;
	width:50%;
	border:1px solid #CC6600; 
/*	background-color:#FF7735*/
}

#about_image {
	background: url(images/WarmGradient.png);
	padding:5px;
	border:1px solid #CC6600; 
/*	background-color:#FF7735*/
}

/* --(BEGIN)--> shadow */
.alpha-shadow {
  float: left;
  background: url(images/shadow/shadow.png) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow .inside-alpha-shadow {
/*
  background: url(images/shadow/shadow2.png)  no-repeat left top !important;
  background: url(images/shadow/shadow2.gif)   no-repeat left top;
*/
  padding: 0px 5px 5px 0px;
}
/* --(END)--> shadow */


.help {
  border-bottom: 1px dotted #333;
  cursor: help;
  border-bottom: 1px dotted #333;
}


acronym {
  border-bottom: 1px dotted #333;
  cursor: help;
  border-bottom: 1px dotted #333;
}


abbr {
  border-bottom: 1px dotted #333;
  cursor: help;
  border-bottom: 1px dotted #333;
}

.copyright{
	font-size:small;
	padding:4px;
}

textarea {
	font-family:tahoma,freefarsi;
    font-size: 1.0em;
    color: #666;
    background-color: #fed;
    padding: 4px;
    border: solid 1px #F7BD50;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 17px;	 
}

input {
	font-family:tahoma,freefarsi;
    font-size: 1.0em;
    color: #666;
    background-color: #fed;
    padding: 4px;
    border: solid 1px #F7BD50;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 17px;	 
}

textarea:hover {
	 background-color: #FFDEAD;
    border: solid 1px #F7BD50;
    color: #000;
    cursor: pointer;
}

input:hover {
	 background-color: #FFDEAD;
    border: solid 1px #F7BD50;
    color: #000;
    cursor: pointer;
}

textarea:focus {
	color: #000;
    background-color: #ffffff;
    border: solid 1px #F7BD50; 
    cursor: text;
}

input:focus {
	color: #000;
    background-color: #ffffff;
    border: solid 1px #F7BD50; 
    cursor: text;
}

.button {
   color:#7C5D32;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#F7BD50;
   border-left-color:#F7BD50;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	padding:5px;
	width:auto;
	height:auto;
	 cursor:default;
}

.button:hover{
   border-top-color:#F7BD50;
   border-left-color:#F7BD50;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	color:#000000;
	
}

.button:focus{
   border-top-color:#F7BD50;
   border-left-color:#F7BD50;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	cursor:pointer;
}

.button:active{
	border-top-color:#D2691E;
   border-left-color:#D2691E;
   border-right-color:#F5DEB3;
   border-bottom-color:#F5DEB3;
	background-color: #F6CF87;
	cursor:default;
}

.field_name {
	color: #000000;
	font-size: small;
}

.message_box {
	border: 1px #F4A460 dotted;
	background: #F5CEAE;
	padding: 5px;
	font-size:small;
}

#banner_icons a {
	position: relative;
	float: right;
}

/* --(BEGIN)--> Biography section */
#biography_over_text_image {
	position:absolute;
	left: 17px;
	height: 170px;
	top:323px;
}
/* --(END)--> Biography section */

/* --(BEGIN)--> Contact section */
.contact_header {
	background: url(images/contact_header.jpg);
}

.contact_comment_control {
	width:250px;
	height:100%;
}
/* --(END)--> Contact section */


.captcha_image{
	border:1px solid #F4A460;
	vertical-align:top;
}



/* --(BEGIN)-- Activities  */
.activities_header {
	background: url(images/activities_header.jpg);
}

.activities .part_title{
	font-weight:bold;
}

.activities .part_content{
	/*position:relative;overflow:hidden;display:none;*/
}

.activities ul{
	margin-right:35px;
    margin-left:35px
}

.activities #content {
	overflow : scroll ;
	/*overflow-x : hidden ; *//* it is not valid style */
/*	background-attachment: fixed;*/
	font-size:small;
/*
	scrollbar-face-color:#F6CF87;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#C0B0B0;
   scrollbar-shadow-color:#F7B332;
   scrollbar-highlight-color:#F7BD50;
   scrollbar-3dlight-color:#D2691E;
   scrollbar-darkshadow-Color:#B07507;
		
document.body.style.scrollbarFaceColor="colorname"
document.body.style.scrollbarArrowColor="colorname"
document.body.style.scrollbarTrackColor="colorname"
document.body.style.scrollbarShadowColor="colorname"
document.body.style.scrollbarHighlightColor="colorname"
document.body.style.scrollbar3dlightColor="colorname"
document.body.style.scrollbarDarkshadowColor="colorname"
	*/
}

.activities .right_side {
	position: relative;
	float: right;
	width:25%;
	height: 95%;
	padding:0px;
}

.activities .left_side {
	position: relative;
	float: left;
	width:75%;
	background-color:#fed;
	height: 95%;
	
	padding:0px;
}

.activities .vertical_menu {
	text-align:center;
	width:200px;
	margin-left:-2px;
}


.activities .vertical_menu {
   color:#7C5D32;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#F7BD50;
   border-left-color:#F7BD50;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	padding:5px;
	width:auto;
	height:auto;
	 cursor:default;
}

.activities .vertical_menu:hover{
   border-top-color:#F7BD50;
   border-left-color:#F7BD50;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	color:#000000;
	
}

.activities .vertical_menu:focus{
   border-top-color:#F7BD50;
   border-left-color:#fed;
   border-right-color:#F7B332;
   border-bottom-color:#F7B332;
	cursor:pointer;
}

.activities .vertical_menu:active{
	border-top-color:#D2691E;
   border-left-color:#D2691E;
   border-right-color:#F5DEB3;
   border-bottom-color:#F5DEB3;
	background-color: #F6CF87;
	cursor:default;
}

.activities .vertical_menu:active{
	border-top-color:#D2691E;
   border-left-color:#D2691E;
   border-right-color:#F5DEB3;
   border-bottom-color:#F5DEB3;
	background-color: red;
	cursor:default;
}
/* --(BEGIN)-- Activities  */

#subSiteIconContainerRainbow {
  background:url('../images/rainbow.png');
  width:600px;
  height:380px;
}

#subSiteIconContainerAcerainbowLogo img{
  background:url('../images/acerainbow-main-logo.png');
}