/** tyler css **/

/* by boris grudinin */
/* http://www.connexion.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/** main styles **/

* { margin: 0; padding: 0; font-family: Trebuchet MS, Helvetica, sans-serif; }

.left { float: left; }
.right { float: right; }

/* ---------------------------- */
/** setting up the page **/

html { height: 100%; }
body { height: 100%; }
#main { position: relative; min-height: 100%; width: 100%; margin: 0 auto; overflow: auto; }
#nav { float: left; margin-left: 118px; width: 100px; height: 300px; }
#content { float: left; margin-left: 22px; width: 508px; padding-top: 35px; }

/* purple */

	body#purple { background: url(../img/bg/bg-columns-purple.jpg) repeat-y #ffffff; }
	body#purple #main { background: url(../img/bg/bg-left1.jpg) left top no-repeat; }
	body#purple #nav { background: url(../img/er/er-purp.jpg) left 35px no-repeat; }
	body#purple #nav ul li { background: url(../img/bg/bg-nav-purp.gif) left bottom repeat-x; }
	body#purple #nav ul li a { color: #ecdae6; }
	body#purple #nav ul li a:hover, body#purple #nav ul li a.active { background: #c3819e; }
	body#purple #content h1, body#purple #content h2 { color: #8b005b; }

/* blue */

	body#blue { background: url(../img/bg/bg-columns-blue.jpg) repeat-y #ffffff; }
	body#blue #main { background: url(../img/bg/bg-left2.jpg) left top no-repeat; }
	body#blue #nav { background: url(../img/er/er-blue.jpg) left 35px no-repeat; }
	body#blue #nav ul li { background: url(../img/bg/bg-nav-blue.gif) left bottom repeat-x; }
	body#blue #nav ul li a { color: #dae1ec; }
	body#blue #nav ul li a:hover, body#blue #nav ul li a.active { background: #5293af; }
	body#blue #content h1, body#blue #content h2 { color: #05658d; }
	
/* green */

	body#green { background: url(../img/bg/bg-columns-green.jpg) repeat-y #ffffff; }
	body#green #main { background: url(../img/bg/bg-left3.jpg) left top no-repeat; }
		body#green #main.green { background: url(../img/bg/bg-left3b.jpg) left top no-repeat; }
	body#green #nav { background: url(../img/er/er-green.jpg) left 35px no-repeat; }
	body#green #nav ul li { background: url(../img/bg/bg-nav-green.gif) left bottom repeat-x; }
	body#green #nav ul li a { color: #ddecda; }
	body#green #nav ul li a:hover, body#green #nav ul li a.active { background: #4da279; }
	body#green #content h1, body#green #content h2 { color: #02793f; }
	
/* orange */

	body#orange { background: url(../img/bg/bg-columns-orange.jpg) repeat-y #ffffff; }
	body#orange #main { background: url(../img/bg/bg-left4.jpg) left top no-repeat; }
		body#orange #main.orange { background: url(../img/bg/bg-left4b.jpg) left top no-repeat; }
	body#orange #nav { background: url(../img/er/er-orange.jpg) left 35px no-repeat; }
	body#orange #nav ul li { background: url(../img/bg/bg-nav-orange.gif) left bottom repeat-x; }
	body#orange #nav ul li a { color: #ece0da; }
	body#orange #nav ul li a:hover, body#orange #nav ul li a.active { background: #f9954a; }
	body#orange #content h1, body#orange #content h2 { color: #f56f30; }

/* ---------------------------- */
/** nav **/

#nav ul { list-style: none; width: 99px; margin-top: 105px; }
#nav ul li a { display: block; padding: 3px 5px; font-size: 75%; text-decoration: none; width: 89px; }
#nav ul li a:hover { color: #ffffff !important; }

/* ---------------------------- */
/** content **/

/* columns */

#content #columns { clear: both; width: 508px; overflow: hidden; height: 1%; }
#content #columns #col-left { float: left; width: 380px; }
#content #columns #col-right { float: right; width: 105px; }

/* headers */

#content h1 { font-size: 90%; margin-bottom: 5px; }
#content h2 { font-size: 100%; font-weight: normal; margin-bottom: 45px; }
#content h3 { font-size: 75%; color: #454545; margin-bottom: 0px; }

/* paragraphs */

#content p { font-size: 75%; color: #454545; margin-bottom: 18px; line-height: 155%; }
#content p strong.purple { color: #8b005b; }
	#content p.footer { margin-top: 10px; color: #aaaaaa; }
	#content p.address { margin-bottom: 0px; }
	
/* images */

#content img.logo { display: block; margin-bottom: 24px; }
#content #columns #col-right img { margin-top: 28px; }

/* links */

#content a { font-weight: bold; color: #8b005b; }
#content a:hover { text-decoration: none; }

/* forms */

#content form { margin-bottom: 15px; }
#content form ul { list-style: none; font-size: 75%; width: 380px; overflow: hidden; }
#content form ul li { overflow: hidden; height: 1%; margin-bottom: 5px; }
#content form ul li label { display: block; float: left; width: 90px; margin: 2px 8px 0px 0px; font-weight: bold; color: #02793f; }
#content form ul li textarea { display: block; float: left; width: 200px; height: 100px; padding: 2px; font-size: 90%; border-width: 1px; }
#content form ul li input.text { display: block; float: left; width: 200px; font-size: 90%; padding: 2px; border-width: 1px; }
	#content form ul li input.button { display: block; width: auto; padding: 0px 1px; font-weight: bold; margin-left: 266px; padding: 0px 1px; }

b { font-style:normal; font-weight: normal}

.style-home {
	color: #8B005B;
	font-weight: bold;
}
.style-top-text {
	color: #8B005B;
	font-weight: normal; font-size:9px
}