/************************************************************/
/*general*/
/************************************************************/
* { margin:0; padding:0; }
a img { border:none; }
fieldset { border:none; }
div.clear { clear:both; }
body { font-family:Verdana, Sans-serif; font-size:12px; background:#72b7ff url(img/body_background.jpg) top repeat-x; color:#333333; }
a { color:#333333; }

/************************************************************/
/*containers*/
/************************************************************/
#container1 { position:relative; width:868px; margin:0 auto; background:url(img/container1_background.jpg) top left no-repeat; }
#container2 { width:780px; background-color:white; }

/************************************************************/
/*header*/
/************************************************************/
#header { position:relative; height:317px; }

/************************************************************/
/*title*/
/************************************************************/
#title { position:absolute; left:7px; top:257px; text-transform:uppercase; color:#71cbf6; font-size:9px; font-weight:bold; width:215px; }
#title h2 { color:#f4d150; font-size:10px; }
#title img { vertical-align:middle; padding-right:2px; }
#title p { padding-top:8px; }
#title p a { color:#58bb00; }

/************************************************************/
/*navigation*/
/************************************************************/
#navigation { position:absolute; left:312px; top:289px; text-transform:uppercase; color:#71cbf6; width:540px; font-size:11px; }
#navigation a { color:#71cbf6; display:block; float:left; padding:0 13px 0 12px; height:22px; text-decoration:none; font-weight:bold; }
#navigation a:hover, #navigation li.active a { background:url(img/navigation_link.png) center bottom no-repeat; color:#333; }
#navigation ul { list-style:none; }
#navigation li { float:left; background:url(img/navigation_item.png) right 1px no-repeat; }
#navigation li.last { background:none; }


/************************************************************/
/*menu*/
/************************************************************/
#menu { float:left; display:inline; margin:0 7px 0 6px; width:224px; }

/*item*/
#menu .item { margin-bottom:8px; }
#menu .item h2 { font-size:14px; font-weight:normal; text-decoration:underline; padding:5px 8px; }
#menu .item ul { list-style:none; padding-bottom:3px; }
#menu .item li { height:20px; }
#menu .item ul a { display:block; text-decoration:none; padding:3px 0 3px 20px; width:204px; }
#menu .item ul a:hover { background:url(img/menu_link.gif) left center no-repeat; }
#menu .item p { padding:5px 7px; }

#menu .item.style_a { background-color:#e6f1f8; }
#menu .item.style_a li { background:url(img/menu_item_a.gif) 10px center no-repeat; }
#menu .item.style_a a { color:#52b8e7; }
#menu .item.style_b { background:#e1f9e0 url(img/menu_background_b.png) bottom repeat-x; }
#menu .item.style_b li { background:url(img/menu_item_b.gif) 10px center no-repeat; }
#menu .item.style_b a { color:#58bb00; }


/************************************************************/
/*content*/
/************************************************************/
#content { float:left; width:537px; }

/*info*/
#content .info { background:#e1f9e0 url(img/info_background.png) bottom repeat-x; font-size:10px; border-bottom:1px solid white; }
#content .info .left { width:300px; float:left; padding:5px 12px; }
#content .info h2 { font-size:13px; color:#58bb00; font-family:'Trebuchet MS', Sans-serif; padding-top:3px; }
#content .info ul { list-style:none; line-height:19px; padding:4px 0 3px; }
#content .info a { text-decoration:none; }
#content .info a:hover { text-decoration:underline; }
#content .info li b { font-weight:normal; color:#58bb00; float:left; width:120px; font-size:11px; }
#content .info img { float:right; border:4px solid #e5f1f8; margin:3px 5px 3px; display:inline; }

/*item*/
#content .item { padding:15px 0; }
#content .item h1 { color:#52b8e7; font-size:17px; margin-bottom:10px; font-family:'Trebuchet MS', Sans-serif; width:330px; font-weight:normal; padding:3px 0 4px 0; border-bottom:3px solid #eeeeee; }
#content .item h3 { font-size:12px; }
#content .item p { padding:0 13px 18px 0; line-height:18px; text-align:justify; letter-spacing:0.03em; }

/************************************************************/
/*footer*/
/************************************************************/
#footer { clear:both; margin-top:3px; border-top:3px solid white; text-align:right; font-size:11px; padding:4px 0 10px; margin-right:88px; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
