/* CSS Document */

<!--

/* Pretty Stuff
================================== */

#layout {
	background: #CAC78A url(../images/background3.gif) repeat-x fixed;
}

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 2em;
  background-color:#FFFFFF;
}


h1 {
  font-size: 2em;
  font-weight: normal;
  line-height:1.5em;
  letter-spacing:.3em;
  font-style:italic;
}

h2 {
  font-size: 2em;
  font-weight: normal;
}

p, li {
  font-size: 1.2em;
}



h1, h2{
  margin: 1em 0;
}

h3 {
	font-size:1.6em;
	font-weight:normal;
}

h4 {
	font-size:1.4em;
	font-weight:bold;
	
}

#wrapper {
background-color: #D7D493;
padding: 10px 10px 10px 10px;
}


#branding {
width: auto;
height: 149px;
background:url(../images/bottombanner.gif) no-repeat;
}

#branding h1, #branding #logo {
  margin: 0;
  padding:1em;
}

#branding #logo {
	float:right;
}

#images {
	float:right;
	padding-right:3em;
	padding-top:0.5em;
	padding-left:1em;
}

#mainNav {
  list-style: none;
 
}

#footer {
  background-color:#95DAEE;
  padding-right:1em;
  clear:both;
  text-align:right;
  font-size:1.0em;
}

/* The Core Technique
================================= */

body {
  font-size: 62.5%;
  text-align: center;
  font: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
  width: 72em;
  margin: 0 auto; 
  text-align: left;
}

#branding {
	width:72em;
}

#mainNav { 
  width: 18em; 
  float: left; 
}

#content { 
  width: 52em; 
  float: right; 
}

#mainContent { 
  width: 51em; 
  float: left; 
  padding-right:1em;
}



/* Add some padding
================================== */


#mainNav, #secondaryContent {
  padding-top: 10px;
  padding-bottom: 20px;
}
/*
#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
*/

/* Navigation 
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav li {
	border-bottom: 1px solid #000000;
	font-size:1.5em;
}

#mainNav li a:link, #mainNav li a:visited  {
	display: block;
	padding: 5px 0 0 5px;
	color: #000000;
	text-decoration: none;
}

#mainNav li a:hover {
	background-color: #95DAEE;
	color: #FFFFFF;
}


/*
++++++++++++++++++++++ */

#tick, #list {
	list-style-image: url(../images/bullet.gif);
	padding-left:3em;
	line-height:3em;
	font-size:1.1em;
	font: Verdana, Arial, Helvetica, sans-serif;
}


/* Form Styling
================================= */

form {
	width:50em; /* lenth of form field */
	padding-bottom:2em;
	line-height:2em;
}

input.txt, textarea.txt {
  color: #00008B;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width:300px; /* width of entry boxes */
}

input.btn {
  color: #00008B;
  background-color: #ADD8E6;
  border: 1px outset #00008B;
}

form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

form p label {
  float: left;
  width: 13em; /* horz padding between text field */
  font: 1em;
}

fieldset {
  border: 1px dotted #61B5CF;
  margin-top: 16px;
  padding: 5px;
}

legend {
  font: 1.7em;
  color: #00008B;
  background-color: #FFFFFF;
  padding:0.3em;
}

.style2 {
	color:#FF0000;
	font-weight:bold;
}


/* Table Styling
================================= */

p, td, th {
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}

.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 10px;
}

.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;	
}

.datatable caption {
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}


p {
	line-height:1.6em;
}

#blockquote {
	width:15em;
	padding-left:1em;
	clear:left;
	padding-top:5em;
	text-align:center;
	font-size:1em;
}

.bqstart {
	 float: left;
     font-size: 300%;
     color:#FF0000;
 }

 .bqend {
     float: right;
     font-size: 300%;
     color: #FF0000;
 }

-->