@charset "utf-8";
/* CSS Document */
/* Congrats, you can right-click! */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/layout_bg.jpg);
	background-repeat: repeat-x;
	background-color: #444444;
	height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                         Layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
	background-color: #fff;
}

#header {
	margin: 0;
	padding: 0;
	height: 90px;
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
}

#header2 {
	margin: 0;
	padding: 0;
	height: 334px;
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
}

#side-a {
	margin: 0;
	width: 279px;
	background-color: #FFFFFF;
	float: left;
}

#side-b {
	margin: 0;
	width: 620px;
	background-color: #FFFFFF;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8CC009;
	/*height: 1%  Holly hack for Peekaboo Bug WTMF */
}

#side-c {
	width: 900px;
	margin: 0;
	padding: 0;
}

#side-d {
	width: 272px;
	background-color: #FFFFFF;
	float: left;
}
#side-e {
	width: 620px;
	background-color: #FFFFFF;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8CC401;
	/*height: 1%  Holly hack for Peekaboo Bug WTMF */
}
#spacer {
	width: 900px;
	height: 25px;
	background-color: #FFFFFF;
}

#footer {
	clear: both;
	background: #444444;
}

#wrapper2 {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
}

#body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

#wrapper3 {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
}

#navbox {
	width: 384px;
	float: right;
	margin: 58px 0px 0px 0px;
}

#footleft {
	float: left;
	padding: 10px 0px 0px 10px;
}

#footright {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#logos {
	float: left;
	margin-left: auto;
	margin-top: 10px;
	clear: both;
	margin-right: auto;
	width: 100%;
	margin-bottom: 10px;
}

#elyklogo {
	float: left;
	margin-left: auto;
	margin-top: 0px;
	clear: both;
	margin-right: auto;
	width: 100%;
}

.elyklogo {
	margin-left: auto;
	margin-top: 0px;
	clear: both;
	margin-right: auto;
	width: 450px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                         Pics  

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none {
	margin: 0px;
	padding: 0px;
}

.frame {
	margin: 0px;
	padding: 4px;
	border: thin solid #444444;
}

.portrait_left{
	border: thin solid #444444;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.portrait_right{
	border: thin solid #444444;
	float: right;
	padding: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                         Form  

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.cssform p{
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
/*height: 1%;*/
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                        Navigation  

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	white-space : nowrap;
	float : left;
	width : 100%;
	padding-top:0px;
	text-align:center;
}

#nav ul{
	padding : 0;
	margin : 0;
}

#nav ul li{
   display : inline;
   text-align:center;
}

#nav ul li a:link {
	padding-left : 15px;
	padding-right : 1px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}

#nav ul li a:hover {
	padding-left : 15px;
	padding-right : 1px;
	color: #5F97EA;
	font-size:16px;
	text-decoration:none;
}

#nav ul li a:visited {
	padding-left : 15px;
	padding-right : 1px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
}

#nav ul li a:visited:hover {
	padding-left : 15px;
	padding-right : 1px;
	color: #5F97EA;
	font-size:16px;
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                    Main Text 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.maintext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
	margin: 0px 0 0 0;
	padding: 10px 10px 10px 10px;
}
.maintext2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
.maintext A:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5F97EA;
	text-decoration:underline;
	font-weight: bold;
}

.maintext A:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #8CC009;
	text-decoration:underline;
	font-weight: bold;
}

.maintext A:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #8CC009;
	text-decoration:underline;
	font-weight: bold;
}

.maintext A:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5F97EA;
	text-decoration:none;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                   Titles Text 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.titlesbox {
	padding: 0px 0px 3px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8CC401;
}


.titlestext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #000;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

.titlestext A:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #5F97EA;
	text-decoration:underline;
	font-weight: bold;
}

.titlestext A:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #8CC009;
	text-decoration:underline;
	font-weight: bold;
}

.titlestext A:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #8CC009;
	text-decoration:underline;
	font-weight: bold;
}

.titlestext A:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #5F97EA;
	text-decoration:none;
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                    Footer Text 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footertext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	text-decoration:none;
	margin: 0 0 0 0;
	text-align:left;
}

.footertext A:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext A:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext A:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext A:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #8CC009;
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                    Footer2 Text 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footertext2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	text-decoration:none;
	margin: 0 0 0 0;
	text-align:right;
}

.footertext2 A:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext2 A:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext2 A:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	text-decoration:underline;
}

.footertext2 A:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #8CC009;
	text-decoration:none;
}