@charset "utf-8";

body {margin:0; padding:0;  font-size:12px; color:#333; background:url(../images/bodyBackground.png) repeat-x top left #FFF;}
body * {font-family:"Lucida Grande", Geneva, sans-serif;}

.breaker {clear:both;}

/* main container */
#mainContainer.landingpage {position:relative; width:970px; margin:36px auto 0;}
#mainContainer.textpage {position:relative; width:980px; margin:5px auto 0;}

/* logo */
#logo.landing {position:relative; top:0; left:15px; margin: 0 0 0 15px; width: 525px; float:left;}
#logo.text {position:relative; height:70px; float:left; width:540px; padding:0 0 0 20px;}

div.errors ul 			{ display:none; }
div.errors				{ float:left; margin:0 4px 0 0;padding:0; border:none}
div.errors input,
div.errors textarea		{ border: 1px solid #FBC2C4; color:#8A1F11;background-color:#FBE3E4;}

/*-----------
landing page 
-----------*/
#landingHeader {position:relative; width:970px; height:274px; background:url(../images/headerBackground.png) no-repeat 0 44px;}

#landingContent {position:relative;}
#landingCenter,
#landingRight,
#landingLeft { /*position:absolute; width:280px; top:-170px; left:0; padding:254px 20px 0 25px; background:url(../images/landingLeft.png) no-repeat top left; text-align:justify;*/; float:left; width: 280px; margin: 0 20px 0 0;}
/*#landingCenter {position:absolute; width:280px; top:-170px; left:325px; padding:254px 20px 0; background:url(../images/landingCenter.png) no-repeat top left; text-align:justify;}
#landingRight {position:absolute; width:280px; top:-170px; left:645px; padding:254px 25px 0 20px; background:url(../images/landingRight.png) no-repeat top left; text-align:justify;}
*/
#landingLeftText {position:absolute; color:#FFF; top:-37px; left:90px; z-index:2; text-transform:uppercase; font-size:18px;}
#landingCenterText {position:absolute; color:#FFF; top:10px; left:425px; z-index:2; text-transform:uppercase; font-size:18px;}
#landingRightText {position:absolute; color:#FFF; top:-10px; left:727px; z-index:2; text-transform:uppercase; font-size:18px;}

#landingLeft a.linkphoto,
#landingCenter a.linkphoto,
#landingRight a.linkphoto {width:310px; height:254px; display:block; position:absolute; top:0; left:0;}

#landingLeft p,
#landingCenter p,
#landingRight p {margin:0; padding:0; line-height:20px;}

#landingLeft ul,
#landingRight ul,
#landingCenter ul,
#contentLeft ul { list-style: none; padding:0; margin:10px 10px 0 10px; }

#landingLeft ul li { border-top:1px dotted #92278f; padding:5px 0 5px 10px; background: url(../images/arrow_pink.png) no-repeat center right; }
#landingLeft ul li a { color: #92278f }
#landingLeft ul li:hover { background-color:#dfc0de; color:white; }

#landingRight ul li { border-top:1px dotted #f26522; padding:5px 0 5px 10px; background: url(../images/arrow_orange.png) no-repeat center right; }
#landingCenter ul li { border-top:1px dotted #39b54a; padding:5px 0 5px 10px; background: url(../images/arrow_green.png) no-repeat center right; }

#landingRight ul li a  { color: #f26522 }
#landingCenter ul li a { color: #39b54a }
#contentLeft ul li a { font-style:normal;color: black }


#landingRight ul li:hover {background-color:#fcdaca; color: white }
#landingCenter ul li:hover { background-color:#c2e8c7; color:white; }
#contentLeft ul li:hover { background-color:#e4f0f3; color:white; }

#landingLeft ul li:hover *,
#landingRight ul li:hover *,
#landingCenter ul li:hover * { color: #000; text-decoration:none; }

#contentLeft ul li { font-style:normal; border-top:1px dotted #178299; padding:5px 0 5px 10px; background: url(../images/arrow.png) no-repeat center right; }

/*-------
text page 
--------*/
#textHeader 			{position:relative; width:980px; height:125px; background:url(../images/headerBackgroundtext.png) no-repeat bottom right;}
#info 					{position:relative; float:left; font-weight:bold; font-size:14px; color:#666666; line-height:14px; width:420px; margin: 20px 0 0 0}
#info h2 				{font-size:16px; color:#178299; margin:0; padding:0; text-transform:uppercase;}
#info form 				{color:#cccccc; margin:5px 0 0;}
#info input.inputtext 	{background:url(../images/formBackground.png) no-repeat top left; border:none; height:18px; width:155px; padding:4px 0 0 10px; margin:0; color:#cccccc; font-size:11px;}
#info input.submit 		{border:0; cursor:pointer; width:18px; height:18px; margin:-4px;}
#info a					{ color:#178299 }

/* menu */
#menu 					{position:relative; width:930px; height:35px; padding:20px 0 0 60px; background:url(../images/menuBackground.png) no-repeat top left; font-size:12px;}
#menu ul 				{margin:0; padding:0;}
#menu li 				{list-style-type:none; float:left; position:relative; line-height:35px;}
#menu a 				{text-decoration:none; color:#000; margin:0 20px; height:35px; display:block;}
#menu li:hover a 		{background:url(../images/hoverFill.png) repeat-x top left; color:#000;}
#menu li:hover .left  	{background:url(../images/hoverLeft.png) no-repeat top left; height:35px; width:20px; position:absolute; top:0; left:0;}
#menu li:hover .right 	{background:url(../images/hoverRight.png) no-repeat top right; height:35px; width:20px; position:absolute; top:0; right:0;}

/* content */
#contentContainer 			{position:relative; width:980px; background:url(../images/contentBackground.png) no-repeat top left;}

/* content header */
#contentHeader 				{position:relative; height:269px; width:940px; margin:0 auto;}
#contentHeaderLeft 			{position:relative; float:left; height:269px; width:307px; background:url(../images/contentHeaderLeft.png) no-repeat top left;}
#contentHeaderLeftText 		{position:absolute; top:90px; left:150px; color:#FFF; text-transform:uppercase; font-size:18px;}
#contentHeaderCenter 		{position:relative; float:left; height:269px; width:305px; background:url(../images/contentHeaderCenter.png) no-repeat top left;}
#contentHeaderCenterText 	{position:absolute; top:162px; left:110px; color:#FFF; text-transform:uppercase; font-size:18px;}
#contentHeaderRight 		{position:relative; float:left; height:269px; width:328px; background:url(../images/contentHeaderRight.png) no-repeat top left;}
#contentHeaderRightText 	{position:absolute; top:127px; left:96px; color:#FFF; text-transform:uppercase; font-size:18px;}

#contentText 				{position:relative; width:940px; margin:0 auto; background-color:#FFF;}
#contentText a				{color:#184854; font-size:11px; font-style:italic; font-weight:bold;}
/* content left */
#contentAll 				{position:relative; float:left; width:900px; padding: 0 20px; line-height:22px; font-size:12px; color:#333333;}
#contentLeft 				{position:relative; float:left; width:649px; padding: 0 20px; line-height:22px; font-size:12px; color:#333333;}
#contentLeft h1				{color:#178299; font-size:16px; text-transform:uppercase; margin:0; padding:0;}
#contentLeft p				{}
.image						{background:url(../images/imageBackground.png) no-repeat top left; /* height:140px */ padding:0 18px; margin:10px 0; float:left;}

/* content right */
#contentRight 				{position:relative; float:left; width:231px; padding:0 20px 0 0; color:#333333; line-height:20px;}
.newsItem					{position:relative; padding:0 0 20px;}
#contentRight h2 			{font-size:12px; color:#178299; margin:0; padding:0; text-transform:uppercase;}
#contentRight p				{margin:0; padding:0;}
#contentRight a				{color:#184854; font-size:11px; font-style:italic; font-weight:bold;}