/* ----- Circus Camp Styles */



/* --- LINKS --- */

A:link
	{
		text-decoration: underline;
		color: red;
		font-weight: bold;
	}

A:visited
	{
		text-decoration: underline;
		color: red;
		font-weight: bold;
	}

A:hover
	{
		font-style: italic;
		color: green;
		font-weight: bold;
		text-decoration:blink;
	}

a:active
	{
		font-style: italic;
		background-color: yellow;
		color: red;
		font-weight: bold;
	}
	
a:link.menu, a:visited.menu
	{
	float: left;
	margin: 2px 5px 2px 5px;
	padding: 4px;
	width: 160px;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	border-left: 1px solid green;
	border-right: 1px solid green;
	background: #87ceeb;
	/* line-height: 2em; */
	text-align: center;
	text-decoration: none;
	font: bold .9em Verdana;
	line-height:1.3em;
	color: black;
	}

a:hover.menu
	{
	background: yellow;
	text-decoration:blink;
	}

a:active.menu
	{
	border-bottom: 4px solid green;
	border-top: 4px solid green;
	border-right: 4px solid green;
	border-left: 4px solid green;
	}

/* ---text--- */

br
	{
		line-height: 95%;
	}

.left
	{
		text-align:left;
		vertical-align:middle;
	}

.center
	{
		text-align:center;
		vertical-align:middle;
	}

.right
	{
		text-align:right;
		vertical-align:middle;
	}

.indent
	{
		text-indent: 10px;
	}

p
	{
		font-family: Arial, sans-serif;
		font-size: 95%;
		text-align: left;
		line-height: 100%;
		color: black;
	}

p.inline
	{
		display:inline;
	}

p.inlinesmall
	{
		display:inline;
		font-size: 70%;
	}


.big
	{
		font-size: 110%;
	}

.small
	{
		font-size: 75%;
	}

.red
	{
		color: red;
		font-weight: bold;
	}

.blue
	{
		color: blue;
		font-weight: bold;
	}

.green
	{
		color: green;
		font-weight: bold;
	}

.yellow
	{
		color: yellow;
		font-weight: bold;
	}

.black
	{
		color: black;
		font-weight: bold;
	}

/* --- headers ---*/


h1 /* headerredonyellow */
	{
		font-family: Verdana, sans-serif;
		font-size: 100%;
		color: red;
		font-weight: bold;
		text-align: center;
		line-height: 110%;
		background-color: yellow;
		border: none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 1px;
	}

h1.YelOnRed /* header yellow on red */
	{
		color: yellow;
		background-color: red;
	}

h1.small /* headerredonyellow */
	{
		font-size: 90%;
		line-height: 100%;
	}

h2 /* headerredbig */
	{
		font-family: Verdana, sans-serif;
		font-size: 90%;
		color: red;
		font-weight: bold;
		text-align: center;
		line-height: 100%;
		border: none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}


h2.small /* headerredsmall */
	{
		font-size: 75%;
		line-height: 90%;
	}

h3 /* headerbluebig */
	{
		font-family: Verdana, sans-serif;
		font-size: 100%;
		color: blue;
		font-weight: bold;
		text-align: center;
		line-height: 100%;
		border: none;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}

h3.small /* headerbluesmall */
	{
		font-size: 90%;
		line-height: 90%;
		border: none;
	}

/* --- forms --- */

form, input, textarea, select
	{
		font-family: Arial, sans-serif;
		font-size: 80%;
		font-weight: bold;
		text-align: left;
		line-height: 110%;
		color: black;
		padding: 0;
		margin-left: 15px;
	}

ul
	{
		font-family: Arial, sans-serif;
		font-size: 80%;
		text-align: left;
		line-height: 110%;
		color: black;
		list-style-position: outside;
		padding: 0;
		margin-left: 15px;
	}
	

.required
	{
		font-weight: bold;
		border: blue solid 1px;
	}
		

button 
	{
		background-color: yellow;
	}

/* --- others --- */

.underline
	{
        border-style:solid;
        border-width: 0 0 1px 0;
	}

.underlineleft
	{
        border-style:solid;
        border-width: 0 0 1px 1px;
	}

.borderright
	{
        border-style:solid;
        border-width: 0 1px 0 0;
	}

.borderleft
	{
        border-style:solid;
        border-width: 0 0 0 1px;
	}

img.margin
	{
		margin: 5px;
	}

hr
	{
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
hr.menu
	{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
	}