/***** universal settings ************/

* {padding: 0;margin: 0;}
a {outline:none;}
.clear {clear: both;}
acronym {cursor:default;}

/****** re-defined tag settings *******/

body {
background:#fff url(images/bground/strip.jpg) top left repeat-x;
background-attachment:fixed;
width:100%;
height:100%;
font-family:'verdana',arial,helvetica,sans-serif;
font-size:1em;
color:#333;
text-align:left;
padding-bottom:200px;
position:relative;
}

/**** alternate styles ****/

.styles {position:absolute;top:57px;left:5px;}

.styles a img {
border: 1px solid #a9a8a8;
text-decoration: none;
margin:0 0 3px 0;
display:block;
}
.styles a img:hover {
border:1px solid #d7d7d7;
}

/************** slide out tab ****************/

.slide-out-div {
padding:10px;
width:200px;
background:#fff;
border: 1px solid #ccc;
}

.handle {
width:30px;
height:100px;
margin:0;
}

/************ Tabbed Panels *****/

.TabbedPanels {
	margin:0 0 100px 70px;
	padding-bottom:50px;
	width:640px;
	min-width:500px;
}
.TabbedPanelsTabGroup {
	margin:0;
	padding:0;
}
.TabbedPanelsTab {
	position: relative;
	top:1px;
	float: left;
	font-weight:normal;
	font-size:.75em;
	padding: 4px 10px;
	margin: 0px 3px 0px 0px;
	background:#eee;
	list-style: none;
	border: solid 1px #ccc;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #ddd;
}
.TabbedPanelsTabSelected {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border: solid 1px #ccc;
	background-color: #fff;
}

.TabbedPanelsContent {
padding:10px 20px 20px 20px;
}
.TabbedPanelsContentVisible {}

/******************* stlying ****************************************/

p {
font-size:.8em;
margin:10px 0 0 0;
line-height:1.4em;
}

p a, p a:link {text-decoration:none;color:#c33;}
p a:visited {text-decoration:none;color:#c33;}
p a:hover {text-decoration:underline;color:#c33;}
p a:active {text-decoration:none;color:#c33;}

h2 {
font-family: 'georgia','times new roman',times,serif;
font-size:1.4em;
color: #336;
padding:0;
margin:30px 0 30px 70px;
font-weight:normal;
}

h3 {
font-family: 'georgia','times new roman',times,serif;
font-size:2.4em;
font-weight:normal;
margin:0;
padding:10px 0 0 0;
color:#999;
}

/**** def list ****/

dl {font-size:.75em;}
dt {
margin-top:10px; 
color: #666;
font-weight: bold;
}
dt, dt a, dd a, a:link, a:visited, a:active {
color:#c33;
text-decoration: none;
}
dt a:hover, dd a:hover {
text-decoration:underline;
}
dd {
line-height:1.4em;
padding:5px 0 10px 0;
border-bottom: 1px dotted #ddd;
}

/**** images ****/

.thumbs {
margin:10px 0 0 0;
width:600px;
}
.thumbs span {
display: inline;
margin:0 20px 20px 0;
text-align:left;
}
.thumbs a img {
border: 3px solid #eee;
text-decoration: none;
margin:5px;
}
.thumbs a img:hover {
border: 3px solid #ccc;
}

.pic {
float:left;
margin:10px 10px 10px 0;
}

/***** flickr badge ****************/

.flick {
	width:780px;
	display:block;
	margin:10px 0 10px 0;
	clear:both;
	float:left;
}
.flick a, .flick a img {
	display:inline;
	border: none;
	float: left;
	margin: 0 2px 2px 0;
	text-decoration:none;
}

/**************** yoga fading images ********************/

#display {
position:relative;
height:273px;
width:600px;
padding:0;
margin:10px 0 0 0;
overflow:hidden;
background-color: #fff;
background-repeat: no-repeat;
background-position:0px 0px;
z-index:50;
}

#display a img, #display img {margin:0;padding:0;}
#display ul {
position:absolute;
z-index: 5;
list-style:none;
}

/************ the form *********************/

form {
background:#fff;
text-align:left;
width:400px;
padding:10px;
margin:10px 0 0 0;
border:1px solid #ccc;
}

input, textarea {background:#eee;padding:2px;color:#c33;}
textarea {border:1px solid #ccc;margin:0 0 0 20px;}

p.form {margin:10px 0 10px 20px;}
p.msg {margin:0 0 10px 20px}

.textname, .textsub, .textemail {width:250px;border:1px solid #ccc;}
.textname {margin:0 0 0 23px;}
.textsub {margin:0 0 0 8px;}
.textemail {margin:0 0 0 26px;}
.textcode {width:170px;border:1px solid #ccc;}

.submit {
letter-spacing:2px;
margin:10px 0 0 0;
width:100px;
border:2px solid #ccc;
background: #ccc;
color:#fff;
}
.submit:hover {
border:2px solid #c33;
background:#c33;
color:#fff;
}

/****************** php **********************/

.indent {margin:100px 0 0 70px;}