/******************************************** GENERAL STYLES **********************************************/
html {
	height:				100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	color:				#fff;
	background:			#1C5976;
	text-align:			center;
}

h1,h2,h3,h4 {
/*	font-size:			1em;	*/
	margin:				0;
	padding:			0;
}
a {
color:  #fff;
}
img{
  border: none;
}

.left { float:	left;	}
.right {float:	right;	}
.clear {clear:	both;	}

p{
  font-size:    0.95em;
  line-height:  1.6em;
}


blockquote{
  margin:   0.2em 0;
  padding:  0;
  font-size:    1.2em;
  font-weight:  bold;
}

cite{
  font-style:   normal;
  color: #E97911;
}



/* page layout ********************************************/
.page {
	width:				760px;
    margin:             0 auto;
	text-align:			left;
}
.top {
	width:				100%;
    height:             85px;
    background: transparent url(images/jayne-tarasun.gif) no-repeat top left;
}


.middle {
	width:				100%;
    float:  left;
}
.bottom {
	width:				100%;
}



.middle .left {
	width:				350px;
    float:  left;
}
.middle .right {
	width:				330px;
    float:  right;
}

.footer {
	clear:				both;
	width:				100%;
	text-align:			center;
    height: 30px;

}


/* page content ********************************************/
.top h1{
  display:  none;
}

ul.menu{
  list-style:   none;
  margin:   0;
  padding:  35px 0 0 0;
  width:    390px;
}

ul.menu li{
  float:  left;
  margin:   0;
  background: #154358 url(images/menu-spacer.gif) no-repeat center right;
  padding-right:    8px;
}

ul.menu li#menulast{
  background: #154358;
  padding-right: 0;
}


ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
  text-decoration:  none;
  margin:   0;
  font-size:    0.9em;
  padding:  0.3em 0.5em;
  font-weight: bold;
  color: #D8D5D5;
  background: #154358;
  line-height:  1.4em;
  display:   block;
}

ul.menu li a:hover, ul.menu li.on a:visited, ul.menu li.on a:link{
  background: #E97911;
  color:    #D8D5D5;
}

div.home{
  width:    100%;
  float:    left;
}

.home .content{
  width:    330px;
  float:    right;
}

.home .content p{
font-size:  0.9em;
    width:  230px;
}

.profile{
   width:   100%;
   float:   left;
   padding-top: 25px;
}


.profile .photo{
  width:    350px;
  float:    left;
  text-align:   right;
  padding-top:  18px;
}



.profile .content{
  width:    330px;
  float:    right;
}

.profile .content p{
    font-size:  0.9em;
    width:  300px;
}


.gallery{
  width:    100%;
  float:    left;
}

.gallery .photo{
  width:    66%;
  float:    left;
}


.gallery .content{
  width:    33%;
  float:    right;
}


p.contact{
  text-align: left;
  margin-left:  200px;
  font-size:    0.9em;
}


div.homeimage{
  width:    25%;
  float:    left;
  margin-top:   10px;
}


div.homeimage img{
  border:    1px solid #fff;
}

div.homeimage p{
  margin:   0;
}




.banner h1{
  display:  none;
}


.middle h2{
  margin:   1.5em 20px;
  color:    #248D18;
  font-weight:  normal;
}


.footer p{
display: none;
}

.middle .left img{
  float:    left;
  margin: 0 10px 10px 0;
}



.page-profile .top {
    background: transparent url(images/jayne-tarasun-profile.gif) no-repeat top left;
}

.page-kids-workshops .top {
    background: transparent url(images/jayne-tarasun-kids-workshop.gif) no-repeat top left;
}
.page-gallery .top {
    background: transparent url(images/jayne-tarasun-gallery.gif) no-repeat top left;
}
.page-contact .top {
    background: transparent url(images/jayne-tarasun-contact.gif) no-repeat top left;
}
.page-contact {
  background: #1C5976 url(images/jayne-bg.jpg) no-repeat top left;
}


ul.gallery-list{
  list-style: none;
  margin:   0;
  padding:  0;
}

ul.gallery-list li{
  float:    left;
  width:    24.8%;
  height:   125px;
}

ul.gallery-list li a{
    text-decoration:     none;
}

ul.gallery-list li p{
  font-size:    0.8em;
  margin:   0;
  padding: 0;
}

ul.gallery-list li img{
  border:   1px solid #fff;
}

ul.gallery-list li a span p i{
  font-style:    normal;
  color:    #72C5EC;
}

p.galleryinstruction{
  font-weight:  bold;
  color:    #E97911;
}


ul.gallery-links{
  list-style: none;
  margin:   0;
  padding:  0;
}

ul.gallery-links li{
}

ul.gallery-links li a{
    text-decoration:     none;
    font-size:          0.8em;
    line-height:            3em;
    font-weight:     bold;
    color:   #DAE5EA;
    background:   transparent url(images/gl.gif) no-repeat center left;
    padding-left: 10px;     
}

ul.gallery-links li.on a, ul.gallery-links a:hover{
  color:    #EA7911;
  background:   transparent url(images/gl-on.gif) no-repeat center left;
}

.formrow{
  width:     100%;
  float:    left;
  margin:   0.3em 0;
}
input.text, textarea.text{
  width:    200px;
  font-family: verdana;
  font-size:    0.9em;
}

input.button{
  background:   #1C5976;
  color: #fff;
  width:    50px;
}

input.on{
  background: #EA7911;
  margin-left: 100px;
}

label{
  width:    100px;
  float:    left;
}

input{
  border: 1px solid #fff;
}