/****************************************************************************
* Created by:   My Ovsiannikow 2006
* **************************************************************************/
body{
	background-color:       #cf6;
	margin:                 0px;
	}

#top{
	position:               absolute;
	top:                    10px;
	left:                   160px;
	width:                  700px;
	height:                 80px;
	margin:                 0px;
	padding:                0px;
	z-index:                10;
	background:         url(/Mellow/img/top2.gif) repeat-x;
}

#center{
	position:           absolute;
	top:                -1px;
	left:               150px;
	width:              700px;
	margin:             0px;
	padding:            10px;
	background-color:   #fff;
	border:             1px solid #9c3;
}

#zip{
	position:           absolute;
	top:                30px;
	left:               20px;
	padding:            10px;
	background-color:   #fff;
	border:             1px solid #ccc;
	z-index:            15;
}

#winnie{
	position:           absolute;
	top:                380px;
	left:               20px;
	padding:            10px;
	background-color:   #fff;
	border:             1px solid #ccc;
	z-index:            15;
}

#title{
	position:           relative;
	margin:             100px 0 20px 90px;
}

#textAndImage{
	position:           relative;
	margin:             20px 20px 20px 90px;
}


#menu_admin{
	position:               absolute;
	top:                    80px;
	left:                   0px;
	width:                  100%;
	height:                 30px;
	margin:                 0px;
	padding:                0px;
	background-color:       #c00;
	vertical-align:         middle;
}


#right{
	position:           absolute;
	top:                100px;
	left:               680px;
	padding:            0px;
	margin:             0px;
	z-index:            20;
}

input.textbox {
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:          12px;
}

textarea{
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 font-size:         12px;
}
/**** MENU *******************************************************************/
#menu{
	position:               absolute;
	top:                    45px;
	left:                   250px;
	width:                  100%;
	height:                 20px;
	margin:                 0px;
	padding:                0px;
	vertical-align:         middle;
	z-index:                15;
}

	#menu a:link, #menu a:visited {
		font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:          12px;
		color:              #630;
		text-decoration:    none;
		padding:            0px 15px 0px 5px;
	}

	#menu a.selected:link, #menu a.selected:visited{
		color:              #f30;
	}

	#menu a:hover, #menu a:active {
		text-decoration:	none;
		color:              #630;
	}

/**** /MENU ******************************************************************/

/**** SUBMENU *******************************************************************/

	#submenu{
		position:               absolute;
		top:                    70px;
		left:                   248px;
		width:                  650px;
		height:                 22px;
		margin:                 0px;
		padding:                0px;
		vertical-align:         middle;
		z-index:                15;
	}

	#submenu a:link, #submenu a:visited {
		font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:          12px;
		color:              #630;
		text-decoration:    none;
		padding:            0px 15px 0px 5px;
	}

	#submenu a.selected:link, #submenu a.selected:visited{
		color:              #f30;
	}

	#submenu a:hover, #submenu a:active {
		text-decoration:	none;
		color:              #630;
	}
/**** /SUBMENU ******************************************************************/


/**** PHOTO ******************************************************************/
	#photo{
		position:           relative;
		width:              420px;
		margin:             0px;
		padding:            5px 0px 5px 10px;
	}
	#photoframe{
		position:           relative;
		margin:             20px 0 0 0;
		border:             1px solid #999;
		width:              370px;
		text-align:         center;
	}

	#photo img{
		width:              350px;
		margin:             10px 10px 5px 10px;
		border:             1px solid #ccc;
	}

	#photo_m{
		position:           relative;
		width:              270px;
		margin:             0px;
	}
	#photoframe_m{
		position:           relative;
		margin:             0px;
		border:             1px solid #999;
		width:              270px;
		text-align:         center;
	}

	#photo_m img{
		width:              250px;
		margin:             10px 10px 5px 10px;
		border:             1px solid #ccc;
	}

/**** /PHOTO ****************************************************************/


/**** ADMIN ******************************************************************/
	#addHeadMenu{
		position:           absolute;
		top:                70px;
		left:               900px;
		width:              200px;
		padding:            10px;
		margin:             0px;
		z-index:            20;
		background-color:   #fff;
		border:             1px dotted #c00;
	}
	#delImage{
		position:           relative;
		margin:             0px;
	}
	#delImage a:link, #delImage a:visited {
		font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:          12px;
		color:              #c00;
		text-decoration:    none;
		padding:            0px 10px 0px 5px;
	}

	#delImage a:hover, #delImage a:active {
		text-decoration:	none;
		font-weight:        bold;
		color:              #fff;
		background-color:   #c00;
	}

	#delPage{
		position:           relative;
		width:              400px;
		padding:            10px;
		margin:             0px;
		border-top:         1px dashed #c00;
		border-bottom:      1px dashed #c00;
		text-align:         center;
	}
	#delPage a:link, #delPage a:visited {
		font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:          14px;
		color:              #c00;
		text-decoration:    none;
		padding:            0px 15px 0px 5px;
	}

	#delPage a:hover, #delPage a:active {
		text-decoration:	none;
		font-weight:        bold;
		color:              #fff;
		background-color:   #c00;
	}

/**** /ADMIN ******************************************************************/

/**** FONT ******************************************************************/
h1, input.title {
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:          18px;
	color:              #333;
	font-weight:        normal;
	margin:             0px 0px 0px 0px;
}

h2 {
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:          14px;
	color:              #333;
	font-weight:        normal;
	margin:             0px 0px 0px 0px;
	padding:            0px;
}

h3{
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:          14px;
	color:              #fff;
	font-weight:        normal;
	margin:             0px 0px 0px 0px;
}
p{
	font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:          12px;
	color:              #333;
	margin:             0px;
	padding:            0px;
}

code{ font-size:12px; }

#italic{font-style:italic;}
#red{color:red;}

#phototext{
	text-align:         center;
	font-style:         italic;
	margin:             2px 2px 8px 2px;
}

	p a:link, p a:visited {
		font-family:        "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:          12px;
		color:              #cc3333;
		text-decoration:    none;
		}

	p a:hover, p a:active {
		text-decoration:	none;
		border-bottom:		none;
		color:              #cc3333;
		background-color:   #fcc;
		}
/**** /FONT ******************************************************************/

