html,body	{height:100%}
body		{margin:0; padding:0; font-size:75%; font-family:arial,sans-serif; color:#222222; background:url("/i/background.jpg") #ffffff top left repeat-x}
body * 		{font-size:100%}
body a			{color:#0380c0}
div,img,table	{border:0}

form		{margin:0}
.button		{background:url("/i/bgbutton.gif") #40a3e0 left center repeat-x; border-style:solid; border-width:1px; border-color:#86ccf6 #0669a3 #0669a3 #86ccf6; color: #ffffff}

li			{margin-bottom:0.1em}
p,li,dd,dt	{line-height:1.6em}
p			{margin:0.5em 0 1.2em 0}
hr			{height:2px; border-top:2px solid #b9dae0; color:#b9dae0}

small		{font-size:90%}

h1	{font-family:tahoma,arial,sans-serif; margin:0.5em 0 0.6em 0; padding:0; font-size:200%; font-weight:normal; color:#007c3c}
h2	{margin:1em 0 0.6em 0; color:#505050; font-size:145%}
h3	{margin:1em 0 0.6em 0; color:#505050; font-size:125%}
h4	{margin:1em 0 0.6em 0; color:#000000; font-size:110%}
h5	{margin:1em 0 0.6em 0; color:#555555; font-size:100%}

#maintable	{height:100%; position:relative; top:0; left:0; z-index:2; background:url("/i/background_bottom.jpg") transparent right bottom no-repeat}

#bottom	{padding-bottom:30px; vertical-align:bottom; font-size:90%}
#bottominfo	{border-top:1px solid #b9dae0; padding-top:8px}

p.error	{color:#cc3000; font-weight:bold}
span.error	{color:#cc3000; font-weight:bold}
span.error a {color:#cc3000}

.highlight {color:#ffffff; background-color:#10baef; padding-left:0.3em; padding-right:0.3em}

/* Menu */
#menu {margin-bottom:2em; margin-left:1em}
#menu table {margin:0 0 0.6em 0}
#menu td {padding:0.2em 0.7em 0.2em 0.6em; font-size:120%; text-transform:uppercase; font-weight:bold}
#menu a{color:#333333; text-decoration:none}
#menu td.o {background-color:#f60086; color:#ffffff}
#menu td.o a{background-color:#f60086; color:#ffffff}
#menu td.s a{color:#f60086}
#menu td.so {background-color:#f60086; color:#000000}

#secondmenu {padding-top:30px; margin-left:18px; color:#f60086}

#secondmenu div.submenu {border:0; padding-top:0; padding-bottom:1em}

#secondmenu {margin:0; padding:30px 0 20px 18px}
#secondmenu li {padding:0.2em 0 0.2em 0; font-weight:normal; list-style:round}
#secondmenu ul {margin:0; padding:0 0 0 18px}
#secondmenu ul li {padding:0.2em 0 0.2em 0; font-weight:normal; list-style:round}

/* News */
#news {margin-bottom:1em}
#news p	{line-height:1.4em}
#news h1{font-family:arial,sans-serif; margin-top:1em; margin-bottom:1em; padding:0; font-size:125%; color:#666666; text-transform:uppercase; font-weight:bold}
#news span {color:#f60086; font-weight:bold}
#news a {color:#222222; text-decoration:none}
#news a:hover {text-decoration:underline}

/* Weather */
#weather {margin-bottom:1em}
#weather table {margin-bottom:0.5em}
#weather img {padding-right:10px}
#weather p.t	{margin:0; padding:0; font-size:180%; color:#f60086; font-weight:bold}
#weather p	{font-size:90%; margin:0 0 1em 0; line-height:1.4em}
#weather h1{font-family:arial,sans-serif; margin-top:0.5em; margin-bottom:0.6em; padding:0; font-size:125%; color:#666666; text-transform:uppercase; font-weight:bold}
#weather h2{font-family:arial,sans-serif; margin-top:0.5em; margin-bottom:0.6em; padding:0; font-size:90%; color:#666666; font-weight:bold}
#weather span {color:#f60086; font-weight:bold}
#weather a {color:#666666}

/* Banner */
#banner {margin-top:2em; margin-bottom:2em}

/* Cover */
#allabs		{background:url("/i/background.jpg") #ffffff top left repeat-x; position:relative;
			min-width:700px;
			width:expression((document.documentElement.clientWidth||document.body.clientWidth)<660?"660px":"100%");
			height:365px; top:0; margin-bottom:-365px; z-index:1}
#allabs div {position:absolute}
#allabs table{position:absolute}

#front_container {width:82%; height:365px; right:0}
#front {
	position:relative !important;
	max-width:930px;
	width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 930*100/82 ? "930px": "auto");
	height:365px;
	background:url("/i/front.png") transparent left bottom no-repeat
}
#back_container {width:35%; height:365px}
#back {
	position:relative !important;
	max-width:412px;
	width:expression((document.documentElement.clientWidth||document.body.clientWidth) > 412*100/35 ? "412px": "100%" );
	height:365px;
	background:url("/i/back.png") transparent right bottom no-repeat;
}
#family {height:365px; background:url("/i/family.png") transparent left bottom no-repeat}
#sun	{width:30%; right:0; top:0}
#logo	{margin-bottom:200px}