﻿/* RESET */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font-size: 85%; line-height: 1.5;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
legend{color:#000;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

/* HTML ELEMENTS */

BODY {text-align: center; font-family: Arial, helvetica, Sans-Serif; color: #333; background-color: #99AACC;}
A, A:visited, A:active {text-decoration: none; color: #0000FF;}
A:hover {color: #ff0000;}
IMG {border: 0px;}
P {margin-bottom: 1em;}
H1, H2, H3, H4 {font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #003366; margin-bottom: 0.8em;}
H1 {font-size: 108%;}
H2 {font-size: 100%;}
H3, H4 {font-size: 93%;}

/* PAGE STRUCTURE */

#page {text-align: left; width: 960px; margin: 0 auto; background-color: #FFF;}

#wrapper {float: left;
	width: 100%; 
	border: dashed 0px #666;}
#c1 {float: left;
	width: 180px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/}

#c1 LI {background-color: #C2D2E7; padding: 3px 10px 3px 20px; font-size: 80%; border-bottom: solid 1px #999;}
#c2 {margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#c2inner {padding: 0px 20px;}
#c2 P {text-align: justify;}
#c3 {float: left;
	width: 180px; /*Width of right column*/
	margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/}
#c3inner {text-align:right; margin-right: 20px;}

/* HEAD */
#TN {background-color: #C2D2E7; text-align: right; font-size: 78%;}
#TN UL {margin-right: 20px; padding: 5px;}
#TN LI {display: inline;}	
#h {width: 960px; border: dashed 0px #666; background-color: #E1849D; margin-bottom: 20px;}

/*	
#search1 {position: absolute; bottom: 0px; right: 0px; width: 300px; height: 40px; z-index: 999;}
*/
#search1 {width: 210px; height: 35px; z-index: 999; border: dashed 0px #ccc; float: right;}
#search1inner {background: url('../images/search.gif') no-repeat top left; width: 210px; height: 30px;}
#search1inner LABEL {display: none; visible: none;}
#mod_search_searchword {border: 0px; background: #fff; width: 140px; height: 20px; margin-left: 30px; font-size: 16px;}

/* TOP NAVIGATION */

#topnav {text-align: center; width: 960px; height: 70px; background-color: #eee;}
#topnav UL LI{display: inline; margin-right: 20px; border: solid 2px #fff; float: left; background-color: #00AC81;}
#topnav LI A {display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 10px;}
#topnav LI A:hover {color: #FEDEA0;}

/* FOOTER */

#f {font-size: 0.85em; margin-top: 20px; background-color: #C2D2E7; text-align: right;}
#f A, #f A:visited {font-weight: bold; border: dashed 0px #ff6666;}
#f .inner {padding: 10px 20px; border: dashed 0px #666;}

/* GENERAL */

.clr {clear: both;}
.inner {padding: 10px;}

/* NAMES */
#babynames td {padding: 5px; font-size: 0.9em;}
.treven {background-color: #ddd; color: #333;}
.trhover {background-color: #ff9;}


