textarea {
overflow:auto;
}



.caps {
text-transform: capitalize;
}

#container {
	width: 460px;
	margin: 0px auto;
	}

#header {
	height: 20px;
	margin: 0px;
	padding: 12px 1px 10px 0px;
	}

.contactleft {
	float: left;
	height: 20px;
	}

	
.contactright {
	height: 20px;
	width: 230px;
	float: right;
	text-align: right;
	}


.quote  {
	font-size : 13px;
	font-family : arial,verdana;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.4em;
	font-style: italic;
}

H1 {
	font-size : 16px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : bold;
	text-decoration : none;
	color : 4c4c4c;
}

H2 {
	font-size : 14px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : bold;
	text-decoration : none;
	color : 0d92b4;
}

H3  {
	margin-top : 8px;
	margin-bottom : 3px;
	font-size : 11px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	color : black;
	line-height : 1.3em;
}

.quiz  {
	font-size : 11px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	color : black;
	line-height : 1.3em;
}
.quiz2  {
	font-size : 15px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	color : black;
	line-height : 1.3em;
}

.quizkey  {
	font-size : 12px;
	font-family : arial,verdana,arial;
	font-weight : bold;
	color : black;
	line-height : 1.3em;
}

.quizresult  {
	font-size : 20px;
	font-family : arial,verdana,arial;
	font-weight : bold;
	color : black;
	line-height : 1.3em;
}

.welcome  {
	font-size : 26px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : 8a8b8a;
	line-height : 1.5em;
}

.welcome-2  {
	font-size : 20px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : bold;
	text-decoration : none;
	color : 006fb8;
}

.welcome-side  {
	font-size : 20px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : 006fb8;
}

.blogtitle  {
	font-size : 20px;
	font-family : calibri,Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : 006fb8;
	line-height : 1.5em;
}

.blogtext  {
	font-size : 12px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.3em;
	padding-left : 6px;
}

.email  {
	font-size : 11px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.3em;;
}

.blogmenu  {
	font-size : 10px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
}

.body  {
	font-size : 13px;
	font-family : arial,verdana;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.3em;
}

.box  {
	font-size : 12px;
	font-family : arial,verdana;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.2em;
}

.form  {
	font-size : 11px;
	font-family : arial,verdana;
	font-weight : normal;
	text-decoration : none;
	color : 4c4c4c;
	line-height : 1.4em;
}

.formtitle  {
	font-size : 14px;
	font-family : arial,verdana;
	font-weight : bold;
	text-decoration : none;
	color : 4c4c4c;
	line-height : 1.4em;
}

.sidebar-link  {
	font-size : 12px;
	font-family : arial,verdana;
	font-weight : bold;
	text-decoration : none;
	color : #4681a0;
	line-height : 1.4em;
}

.intro {
	font-size : 13px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	text-decoration : none;
	color : 696868;
	line-height : 1.4em;
}

.body2  {
	font-size : 12px;
	font-family : arial,verdana;
	font-weight : normal;
	text-decoration : none;
	color : black;
	line-height : 1.4em;
}


.menubig  {
	font-size : 22px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : 8a8b8a;
	line-height : 1.5em;
	padding-right:8px;
}

.menubig2  {
	font-size : 22px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : white;
	line-height : 1.5em;
	padding-left:15px;
}

.menubig:hover  {
	font-size : 22px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : normal;
	text-decoration : none;
	color : cfeabf;
	line-height : 1.5em;
	padding-left:15px;
}

.menuleft  {
	font-size : 13px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : bold;
	text-decoration : none;
	color : 8a8b8a;
	line-height : 1.5em;
	padding-right:8px;
}

.menu  {
	font-size : 12px;
	font-family : arial,verdana,arial;
	font-weight : normal;
	text-decoration : none;
	color : 4c4c4c;
}

.mainmenu  {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	text-decoration : none;
	color : #FFFFFF;
}
.mainmenu:hover  {
	color : silver;
}
.mainmenu:active  {
	color : #FFFFFF;
}

.sidebarmenu  {
	font-size : 17px;
	font-family : calibri,arial;
	font-weight : normal;
	text-decoration : none;
	color : 006fb8;
	line-height : 1.5em;
}
.sidebarmenu:hover  {
	color : silver;
}

UL,ol {
	margin-top : 8px;
}

.menusub2 {
	font-size : 11px;
	font-family : arial;
	font-weight : normal;
	text-decoration : none;
	color : 8a8b8a;
}

.menuleft:hover  {
	font-size : 13px;
	font-family : Century Gothic,arial narrow, arial;
	font-weight : bold
	text-decoration : none;
	color : cfeabf;
	line-height : 1.5em;
	padding-right:8px;
}

.back {
	position:absolute;
	left:580px;
	top:370px;
	z-index: -1;
}

.back2 {
	position:absolute;
	left:15px;
	top:147px;
	z-index: 1;
}

.menu2 {
	position:absolute;
	left:285px;
	top:152px;
	z-index: 2;
}

.welcome2 {
	position:absolute;
	left:20px;
	top:172px;
	z-index: 2;
}

A  {
color : #4681a0;
text-decoration : none;
}

A:Active  {
color : #4681a0;
text-decoration : none;
}

A:Hover  {
color : gray;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 3px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: adaf7a;
padding: 3px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -30px;
left: -50px; /*position where enlarged image should offset horizontally */
z-index: 50;
}