* { margin: 0; padding: 0; }

body { text-align:center; line-height:20px; font-size:14px; font-family:"Verdana"; color:#2d2d2d; background-color:#f5f5f5; }

img { border:0; }
a:active, a:visited, a:link { text-decoration:none; }
a:hover { text-decoration:underline; }

/*FRAME DESIGN START*/
#content { margin:0 auto; text-align:left; width:960px; height:930px; background:url("images/background.jpg"); }

#page_top { float:left; width:960px; height:170px; }
#page_top #logo { float:left; width:800px; height:90px; }
#page_top #logo .image { position:relative; top:20px; left:330px;
						 width:275px; height:42px; background:url("images/accounting-rocks.png"); }

#page_top #flags { float:left; width:160px; height:90px; }
#page_top #flags .fin { float:left; margin:20px 0px 0px 0px; width:48px; height:40px; }
#page_top #flags .fin a { display:block; width:48px; height:40px; background:url("images/fin-flag.png"); }
#page_top #flags .fin a.selected { background-position:0px 40px; }
#page_top #flags .fin a:hover { background-position:0px 40px; }
#page_top #flags .eng { float:left; margin:20px 0px 0px 10px; width:48px; height:40px; }
#page_top #flags .eng a { display:block; width:48px; height:40px; background:url("images/eng-flag.png"); }
#page_top #flags .eng a.selected { background-position:0px 40px; }
#page_top #flags .eng a:hover { background-position:0px 40px; }

#page_top #slogan { float:left; width:960px; height:55px; }
#page_top #slogan .image { position:relative; top:5px; left:115px;
						   width:730px; height:40px; background:url("images/lets-make.png"); }

#navbar_left { float:left; width:300px; height:760px; }

#navbar_left .navbar_box { position:relative; width:300px; height:105px; }
#navbar_left .navbar_box a { display:block; width:108px; height:105px; background-position:0px 105px; }
#navbar_left .navbar_box a.selected { background-position:0px 0px; }
#navbar_left .navbar_box a:hover { background-position:0px 0px; }
#navbar_left .navbar_box .left { float:left; width:108px; height:105px; margin-left:40px; }
#navbar_left .navbar_box .right { float:left; width:108px; height:105px; }

#navbar_left .branch_box { position:relative; width:300px; height:30px; margin-bottom:5px; }
#navbar_left .branch_box a { display:block; margin-left:48px; width:190px; height:30px;
							 background-position:0px 30px; }
#navbar_left .branch_box a.selected { background-position:0px 0px; }
#navbar_left .branch_box a:hover { background-position:0px 0px; }

.text_box { float:left; height:16px; background:url("images/text-box-edges.png");
   			filter:0; -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
.text_box.top { background-position:0px 0px; }
.text_box.bottom { background-position:0px 16px; }

#front_page { float:left; width:518px; height:498px; margin:50px 0px 0px 221px; }
.glow { position:relative; width:518px; height:134px; }
.glow a { display:block; width:518px; height:134px; }
.glow a:hover { background:url("images/glow.png"); }

.text_content { float:left; background-color:#ffffff; padding-bottom:10px; }
.text_content.background { background:url("images/text-box.png"); filter:0; -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
.text_content h1 { font:15px Verdana; font-weight:bold; margin:5px 25px 15px 25px; }
.text_content h2 { font:14px Verdana; font-weight:bold; margin:5px 25px 15px 25px; }
.text_content h3 { font:13px Verdana; font-weight:bold; margin:5px 25px 15px 25px; }
.text_content p { font:12px Verdana; margin:0px 35px 10px 25px; }

/*.text_content .image { background-color:red; }*/
.text_content .image img { display:block; border:5px solid white; 
						   -moz-box-shadow:2px 2px 5px #888;
						   -webkit-box-shadow:2px 2px 5px #888;
						   box-shadow:2px 2px 5px #888; }
.text_content .image.normal { margin:20px 0px 20px 25px; }
.text_content .image.left { float:left; margin:0px 10px 0px 25px; }
.text_content .image.right { float:right; margin:0px 25px 5px 20px; }
.text_content ul .image.right { float:right; margin:0px 5px 0px 20px; }

.text_content a { color:#c00000; }
.text_content ul { font:12px Verdana; margin:10px 25px 20px 40px; }
.text_content ul li { margin-bottom:5px; }
.text_content ol { font:12px Verdana; margin:10px 25px 20px 40px; }
.text_content ol li { margin-bottom:5px; }

#footer { margin:0 auto; text-align:left; width:958px; height:115px; background-color:#ffffff; border:solid 1px #cccccc; }
#footer .left { float:left; width:479px; height:115px; }
#footer .left p { text-align:center; font:13px Verdana; color:#646464; margin-top:50px; }
#footer .right { float:left; width:479px; height:115px; }
#footer .right p { font:13px Verdana; color:#646464; margin-top:25px; margin-left:100px; }
#footer .right a { color:#3399cc; }


/*EDITOR START*/
#editor_log { float:left; height:25px; background-color:#fffab0; }
#editor_log p { text-align:center; font:11px Verdana; color:green; line-height:25px; }

.editor_navbar { float:left; background-color:#858a90; }
.editor_navbar img { margin:7px 10px 0px 10px; }
.editor_navbar #editor { float:left; height:30px; font:14px Verdana; font-weight:bold; color:#eef2f5; line-height:30px; }
.editor_navbar #preview { float:right; height:30px; line-height:30px; margin:0px 15px 0px 0px; }
.editor_navbar #preview a { font:12px Verdana; font-weight:bold; color:#eef2f5; }
.editor_navbar #logout { float:right; height:30px; line-height:30px; margin-right:15px; padding-left:15px; border-left:solid 1px #74797f; }
.editor_navbar #logout a { font:12px Verdana; font-weight:bold; color:#eef2f5; }

.editor_options { float:left; background-color:#f0f0ee; }
.editor_options #name { float:left; height:25px; margin-left:10px; font:10px Verdana; font-weight:bold; color:#858a90; line-height:25px;  }
.editor_options #url { float:left; height:25px; margin-left:0px; font:10px Verdana; font-weight:bold; color:#858a90; line-height:25px;  }

.editor_options form { float:left; }
.editor_options label { float:left; font:16px Verdana; color:#81848b; width:10px; height:25px; margin:10px 5px 0px 5px; }
.editor_options label.publish { font:10px Verdana; font-weight:bold; color:#81848b; width:55px; margin:13px 5px 0px 5px; }

.editor_options input[name="id"] { float:left; margin:0px 0px 0px 10px; height:18px; }
.editor_options input[name="text"] { float:left; margin:0px 0px 0px 10px; height:18px; }

.editor_options input[name="rename"] { float:left; cursor:pointer; width:24px; height:20px; margin:1px 0px 1px 8px;
									   background:url("images/editor/refresh.png"); background-position:0px 0px; border:none; }
.editor_options input[name="rename"]:hover { background-position:0px -20px; }
.editor_options input[name="rename"][disabled] { background-position:0px -40px; }

.editor_options input[name="remove"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 0px 0px 10px;
									   background:url("images/editor/remove.png"); background-position:0px 0px; border:none; }
.editor_options input[name="remove"]:hover { background-position:0px -25px; }
.editor_options input[name="remove"][disabled] { background-position:0px -50px; }

.editor_options input[name="unpublish"] { float:left; cursor:pointer; width:21px; height:21px; margin:10px 5px 0px 0px;
										background:url("images/editor/publish.png"); background-position:0px 0px; border:none; }

.editor_options input[name="publish"] { float:left; cursor:pointer; width:21px; height:21px; margin:10px 5px 0px 0px;
										background:url("images/editor/publish.png"); background-position:0px -21px; border:none; }

.editor_options input[name="up"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 5px 0px 0px;
									   background:url("images/editor/up.png"); background-position:0px 0px; border:none; }
.editor_options input[name="up"]:hover { background-position:0px -25px; }
.editor_options input[name="up"][disabled] { background-position:0px -50px; }

.editor_options input[name="down"] { float:left; cursor:pointer; width:24px; height:25px; margin:8px 0px 0px 0px;
									   background:url("images/editor/down.png"); background-position:0px 0px; border:none; }
.editor_options input[name="down"]:hover { background-position:0px -25px; }
.editor_options input[name="down"][disabled] { background-position:0px -50px; }

.editor_options input[name="add"] { float:right; cursor:pointer; width:80px; height:21px; margin:10px 12px 0px 0px;
									background:url("images/editor/new-page.png"); background-position:0px 0px; border:none; }
.editor_options input[name="add"]:hover { background-position:0px -21px; }
.editor_options input[name="add"][disabled] { background-position:0px -42px; }

#text_editor { float:left; }
#text_editor input[name="save"] { float:right; cursor:pointer; width:80px; height:21px; margin:10px 12px 0px 0px;
									background:url("images/editor/save.png"); background-position:0px 0px; border:none; }
#text_editor input[name="save"]:hover { background-position:0px -21px; }
#text_editor input[name="save"][disabled] { background-position:0px -42px; }
/*EDITOR END*/