/* Reset all styles */
@import url('yui-reset.css');

/* Basic styles */
html,body{margin:0; padding:0;background-color: #fbfbfb; background-image:url(/gfx/core/bg_main.jpg); background-repeat: repeat-x;}
html{
	overflow-y:scroll;
}
#contentWrapper{width:994px;position:relative; top: -1px; margin:0 auto; background-color: #ffffff;}
#mainWrapper{width:994px;position:relative; top: 0px; margin:0 auto; background-color: #ffffff;}

a{outline:none; color: #1e2171; text-decoration: none;}
a:hover{outline:none;color: #1e2171; text-decoration: underline;}
img{border:0;}

/* Typography */
html, body, p, td, dt, dd, a, h1, h2, h3, h4, h5, ul, li
{
	font-family: sans-serif;
}

p, td, dt, dd, li
{
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}

h1
{
    font-size: 24px;;
    color: #1e2171;
    font-weight: normal;
	padding-bottom: 10px;
}

h2
{
    font-size: 14px;
    font-weight: bold;
    font-size: 14px;
    color: #1e2171;
    margin-bottom: 5px;
}

h3
{
    font-weight: bold;
    font-size: 13px;
    color: #1e2171;
    margin-bottom: 5px;
}


/* Structure */
#summaryWrapper
{
	position: relative;
	height: 285px;
	overflow:hidden;
	display: block;
	width: 994px;
	z-index: 999;
}

#header
{
	background-image: url(/gfx/core/topheader.png);
	background-repeat: no-repeat;
	height: 100px;
}

#footer
{
	background-color: white;
	position: relative;
	top: -1px;
	padding-bottom: 15px;
}

#siteWrapper
{
	margin: 0 auto;
	width: 1000px;
	background-image: url(/gfx/core/bg_site.jpg);
	background-repeat: no-repeat;
	position: relative; 
	top: 0px;
}

#menuWrapper
{
	width: 994px;
	height: 36px;
	position: relative;
        overflow: hidden;
	background-color: #babdc0;
}

#mainMenuBg
{
	font-size: 11px;
	width: 945px;
	position: absolute;
	padding-top: 9px;
	padding-bottom: 9px;
	z-index: 50;
}

#mainMenuBg li
{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 11px;
	border-left: 1px solid #c8cbcd;
	font-weight: bold;
	font-size: 14px;
	color: #babdc0;
}

#mainMenuBg li.active
{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: bold;
	border-left: 1px solid #1e2171;
	font-size: 14px;
	color: #1e2171;
	background-color: #1e2171;
}

#dropShadow
{
	font-size: 11px;
	width: 994px;
	position: absolute;
	padding-top: 9px;
	z-index: 75;
	background-image: url(../../gfx/core/dropshadow_menu_bg.png);
	background-repeat: no-repeat;
	background-position: center -5px;
	height: 36px;
	
}

#mainMenu
{
	position:relative;
	top: 9px;
	font-size: 11px;
	width: 945px;
	z-index:999;
}

#mainMenu li
{
	display: inline;
	padding-left: 16px;
	padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 11px;
}

#mainMenu li a
{
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#mainMenu li a:hover
{
	text-decoration: none;

}

.panel
{
	position: absolute;
	height: 285px;
	width: 954px;
	padding: 20px;
	z-index:9;	
        display: none;
        cursor:pointer;
}

.panel h1
{
	font-weight: normal;
	font-size: 36px;
	color: #ffffff;
}

#subPanel
{
	position: relative;
	height: 104px;
        background-repeat: no-repeat;
	width: 954px;
	padding: 20px;
	z-index:9999;	
}


#subPanel h1
{
	font-weight: normal;
	font-size: 36px;
	color: #ffffff;
	padding-top: 65px;
}



.panel p
{
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #ffffff;
	width: 800px;
}

.panel ul li
{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	list-style-type: square;
	line-height: 18px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#summaryNavigationWrapper
{
	background-image: url(/gfx/core/summarynavigation_bg.png);
	height: 43px;
	text-align: center;
}

#summaryButtons 
{
	padding-top: 10px;
}

#summaryButtons li
{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}

#summaryButtons li a
{
	font-weight: bold;
	font-size: 14px;
	color: #727272;
	text-decoration: none;

}

#summaryButtons li a:hover
{
    color: #1e2171;
	text-decoration: none;
}

#textWrapperHome
{
background-image: url(/gfx/core/home_headers_bg.png);
background-repeat: no-repeat;
background-color: #ffffff;
padding-top: 15px;
padding-bottom: 100px;
margin-top: 20px;
}


#textWrapper
{
background-color: #ffffff;
padding-bottom: 100px;
}


#textWrapperHome h2
{
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 20px;
}

#textWrapperHome p, dd, dl, dt
{
	font-size: 13px;
	color: #333333;
	line-height: 18px;
}

#textWrapperHome dd
{
	font-weight: bold;
	padding-bottom: 10px;
}

#textWrapperHome dl{padding-bottom: 10px;}
#textWrapperHome p{padding-bottom: 2px;}

#aboutWrapper
{float:left; width: 310px;margin-left: 20px;}

#newsWrapper
{float:left; width: 250px;margin-left: 50px;}
	
#eventWrapper
{float:left; width: 250px;margin-left: 50px;}

.left{float:left; padding-left: 20px;}
.right{float:right; padding-right: 20px;}

#footer, #footer a{color: #afafaf;font-size: 11px; font-weight: bold; text-decoration: none;}

#ruler
{
	border-bottom: 1px solid #e4e5e6;
	width: 954px;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* Buttons */
a.button
{
	background-image: url(/gfx/core/button.png);
	background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    color: #1c1c1c;
	text-align: center;
	width: 124px;
	height: 29px;
	display: table-cell;
	vertical-align: middle;
}

a.button:hover
{
	text-decoration: none;
}

#subNavigation
{
	float: left;
	margin-left: 20px;
	width: 260px;
}

#mainContent
{
	float:right;
	width: 700px;
}

#mainContentTitle
{
	background-image: url(/gfx/core/maincontenttitle_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 50px;
}

ul.n2 li a
{
color: #333333;
font-size: 14px;
line-height: 24px;
}

ul.n2 li.active
{
font-weight: bold;
background-image: url(/gfx/core/subnavigation_active.png);
background-position: 0 6px;
background-repeat: no-repeat;
margin-left: -20px;
padding-left: 20px;
}

ul.n2 li.active a
{
	color: #1d2171;
	text-decoration: none;
}

ul.n2 li.active a:hover
{
	text-decoration: none;	
}

ul.n2 li a:hover
{
	text-decoration: none;	
	color: #1d2171;
}


ul.n3
{
	color: #333333;
	padding-top: 5px;
	padding-bottom: 10px;
}

ul.n3 li.active
{
	background-image: none;
}

ul.n2 li.active ul.n3 li a
{

	color: #333333;
	font-weight: normal;
	padding-left: 13px;
	font-size: 12px;
}

ul.n2 li.active ul.n3 li a:hover
{

	color: #1d2171;
}

ul.n2 li.active ul.n3 li.active a
{

	color: #1d2171;
	font-weight: bold;

}


#textIntro
{
	padding-right: 20px;
	padding-top: 10px;
}

#textIntro p
{
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	margin-bottom: 20px;
}

#textLeft
{
	float:left;
	width: 47%;
}

#textRight
{
	float:right;
	margin-right: 20px;
	width: 47%;
}

.textContent p, li, ul, td, dd, dt
{
	font-size: 13px;
	color: #333333;
	line-height: 18px;
}

.textContent p
{
	margin-bottom: 5px;
}

.textContent ul
{
	margin-left: 21px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.textContent li
{
	list-style-type: square;
}

.textContent img
{
	border: 1px solid #aaadaf;
}

.textContent img.alignleft
{
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}

.textContent img.alignright
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:right;
}

#textIntro ul
{
	margin-left: 21px;
	margin-top: 0px;
	margin-bottom: 15px;
}

#textIntro li
{
	list-style-type: square;
	line-height: 18px;
        display: list-item;
}

#textIntro p, li, ul, td, dd, dt
{
	font-size: 13px;
	color: #333333;
	line-height: 18px;
}

#textIntro p
{
	margin-bottom: 15px;
}

div.requiredblock
{
	width: 3px;
        background-color: #1d2171;
        display: inline;
}

#contactform td
{
	padding: 2px;
}

#contactform td input
{
        padding: 4px;
        border: 1px solid #666;
}

#contactform td input.required
{
border-top: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666; 
border-right: 3px solid #1e2171;
}

#contactform td textarea
{
        padding: 4px;
        border: 1px solid #666;
}

