@charset "UTF-8";
/* CSS Document */


/* ======================================================================
							HTML ELEMENTS
====================================================================== */


body
{
	background-color: #183f8c;
	background-image: url(images/background.blue.gif);
	background-position: center;
	background-repeat: repeat-y;
}

body, p, li, dl, td, th, div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

p
{
	padding: 5px 0 15px;
}

a:link, a:active, a:visited
{
	color: #1144C0;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #E80;
	text-decoration: none;
	font-weight: bold;
}

h1
{
	font-size: 22px;
	text-align: center;
	margin: 0;
	padding: 15px 10px 10px;
}
h2
{
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 10px;
}
h3
{
	font-size: 16px;
	font-weight: normal;
	padding: 0 12px;
}






/* ======================================================================
								 IDs
====================================================================== */

#mother
{
	width: 800px;
	margin: 0 auto;
}

#menu
{
	background-image: url(images/menu_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center;
	padding: 10px 0 15px;
}
#menu a
{
	font-size: 15px;
	padding: 0 20px;
}
#menu a.selected
{
	color: #000;
}

#content
{
	padding: 5px 20px 10px;
}

#footer
{
	padding: 50px 20px 5px;
	text-align: center;
	font-size: 12px;
	color: #999;
	font-style: italic;
}






/* ======================================================================
								Classes
====================================================================== */

.cl
{
	clear: both;
}

.subMenu
{
	width: 193px;
	padding: 0;
	margin: 0 0 15px 20px;
	float: right;
	background-image: url(images/sub_menu_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.subMenu ul
{
	padding: 0 0 20px 40px;
	margin: 0;
	background-image: url(images/sub_menu_bottom_bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.buttonSM, .buttonMD, .buttonLG, .buttonXL
{
	display: block;
	padding: 12px 5px 16px;
	margin: 2px 0;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
}
a.buttonSM, a.buttonMD, a.buttonLG, a.buttonXL
{
	color: #000;
	font-weight: normal;
}
.buttonSM
{
	width: 79px;
	background-image:url(images/button_sm.png);
}
.buttonMD
{
	width: 118px;
	background-image:url(images/button_md.png);
}
.buttonLG
{
	width: 137px;
	background-image:url(images/button_lg.png);
}
.buttonXL
{
	width: 167px;
	background-image:url(images/button_xl.png);
}
.buttonSM:hover
{
	background-image:url(images/button_sm.over.png);
}
.buttonMD:hover
{
	background-image:url(images/button_md.over.png);
}
.buttonLG:hover
{
	background-image:url(images/button_lg.over.png);
}
.buttonXL:hover
{
	background-image:url(images/button_xl.over.png);
}