#wrap {background:#135;}

/* --- top --- */

#top {height:25px;}
#top {color:#9aa;border-bottom:1px solid #024;}
#top {font-family:Arial, Verdana, sans-serif;font-size:13px;line-height:20px;text-align:right;}
#top ul {float:right;}
#top ul li {float:left;height:25px;position:relative;}
#top ul li a {display:block;padding:0 10px;line-height:25px;color:#9aa;text-decoration:none;}
#top ul li a:hover {color:#bcc;text-decoration:underline;}
.tooltip-top,
#top ul li em
{
	display:none;
	background:#135;border:1px solid #024;border-top:none;
	line-height:25px;
	height:0px;
	padding:0 10px;
	font-size:12px;
	color:#aa0;
	position: absolute;
	right:0px;
	top:25px;
	white-space: nowrap;
	z-index: 2;
}

/* --- sign --- */

#sign {width:200px;height:200px;background:url('../../img/sign-nq8.png') top left no-repeat;position:absolute;float:left;margin-top:0px;margin-left:20px;z-index:2;}

/* --- banner --- */

#banner {height:80px;margin-bottom:10px;}
#banner {background:#acb;background:#246; color:#321;border-top:1px solid #357;border-bottom:1px solid #357;}
#banner .container_12 {height:80px;background:#acb url('../../img/banner-bg.jpg') 200px 0px no-repeat; background:none; background-image:none;}
#banner h1 {text-align:center; position:relative; font-size:40px; font-weight:bold; line-height:80px; font-family:Helvetica, Arial, sans-serif; letter-spacing:1px;}
/*#banner h1 strong {font-family:sans-serif;font-size:1.2em;color:#acb;font-style:normal;}*/
/* --- menu --- */

#menu {height:60px;background:#321 url('../../img/menu-bg.jpg');border-top:1px solid #210;border-bottom:1px solid #210; }
#menu ul {margin-left:210px;}
#menu ul li {float:left;height:60px;}
#menu ul li a {height:60px;display:block;border-right:1px solid #210;border-left:1px solid #432;text-align:center; padding:0 1px;line-height:60px;font-size:13px;font-family:arial,sans-serif;color:#dcb;text-decoration:none;overflow:hidden;}
#menu ul li a b { margin:0 16px; font-weight:normal;}
#menu ul li a:hover {background:#e72;}
#menu ul li a:hover {background:#9a4;color:#fed;opacity:0.7;}
#menu ul li a:hover b {color:#560;border-bottom:1px solid;}
#menu ul li.active b { font-weight:bold; border-bottom:1px solid; }

#menu ul li.color1 a:hover,
#menu ul li.color1.active a {background:#9a4;}
#menu ul li.color1 a:hover b,
#menu ul li.color1.active b {color:#560;}
#menu ul li.color2 a:hover,
#menu ul li.color2.active a {background:#b42;}
#menu ul li.color2 a:hover b,
#menu ul li.color2.active b {color:#700;}
#menu ul li.color3 a:hover,
#menu ul li.color3.active a {background:#7a9;}
#menu ul li.color3 a:hover b,
#menu ul li.color3.active b {color:#365;}
#menu ul li.color4 a:hover,
#menu ul li.color4.active a {background:#a75;}
#menu ul li.color4 a:hover b,
#menu ul li.color4.active b {color:#631;}
#menu ul li.color5 a:hover,
#menu ul li.color5.active a {background:#c62;}
#menu ul li.color5 a:hover b,
#menu ul li.color5.active b {color:#820;}
#menu ul li.color6 a:hover,
#menu ul li.color6.active a {background:#a68;}
#menu ul li.color6 a:hover b,
#menu ul li.color6.active b {color:#624;}


#menu ul li a em {
	display:none;
	line-height:16px;
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	font-style:normal;
	color:#fed;

}
#menu ul li a span {font-weight:normal;font-size:12px;display:none;position:absolute;background:red;}
#menu ul li + li + li + li a {}

/* --- mid --- */

#mid.color1 #pagetitle {}
#mid.color1 #pagetitle .grid_3 { background:#560; border-bottom:1px solid #450; border-top:1px solid #671; }
#mid.color1 #pagetitle .grid_9 { background:#9a4; border-bottom:1px solid #893; border-top:1px solid #ab5; }
#mid.color1 #pagetitle .grid_9,
#mid.color1 #main h2,
#mid.color1 #main h3 { color:#560; }

#mid.color2 #pagetitle { }
#mid.color2 #pagetitle .grid_3 { background:#700; border-bottom:1px solid #600; }
#mid.color2 #pagetitle .grid_9 { background:#b42; border-bottom:1px solid #a31; }
#mid.color2 #pagetitle .grid_9,
#mid.color2 #main h2,
#mid.color2 #main h3 { color:#700; }

#mid.color3 #pagetitle { }
#mid.color3 #pagetitle .grid_3 { background:#365; border-bottom:1px solid #254; }
#mid.color3 #pagetitle .grid_9 { background:#7a9; border-bottom:1px solid #698; }
#mid.color3 #pagetitle .grid_9,
#mid.color3 #main h2,
#mid.color3 #main h3 { color:#365; }

#mid.color4 #pagetitle { }
#mid.color4 #pagetitle .grid_3 { background:#631; border-bottom:1px solid #520; }
#mid.color4 #pagetitle .grid_9 { background:#a75; border-bottom:1px solid #964; }
#mid.color4 #pagetitle .grid_9,
#mid.color4 #main h2,
#mid.color4 #main h3 { color:#631; }

#mid.color5 #pagetitle { }
#mid.color5 #pagetitle .grid_3 { background:#820; border-bottom:1px solid #710; }
#mid.color5 #pagetitle .grid_9 { background:#c62; border-bottom:1px solid #b51; }
#mid.color5 #pagetitle .grid_9,
#mid.color5 #main h2,
#mid.color5 #main h3 { color:#820; }

#mid.color6 #pagetitle { }
#mid.color6 #pagetitle .grid_3 { background:#a68; border-bottom:1px solid #957; }
#mid.color6 #pagetitle .grid_9 { background:#624; border-bottom:1px solid #513; }
#mid.color6 #pagetitle .grid_9,
#mid.color6 #main h2,
#mid.color6 #main h3 { color:#a68; }


#mid {color:#397C72;margin-top:10px;}
#mid {font-size:14px;color:#122;line-height:20px;font-family:helvetica,arial,sans-serif;}

#mid a,
#mid a:visited {
	color:#669;
	color:#147;
	text-decoration:none;
	border-bottom:1px solid #7ad;
}
#mid a:hover {
	color:#741;
	border-color:#741;
}

#pagetitle {color:#fff;}
#pagetitle .grid_3 { margin-left:0; margin-right:0; width:240px; }
#pagetitle .grid_9 { margin-left:0; margin-right:0; width:720px; }
#pagetitle h2 {text-align:right;line-height:38px;font-size:30px;font-weight:normal;padding-top:10px;padding-bottom:8px;padding-right:20px;margin:20px;margin-left:5px;}
#pagetitle p {line-height:26px;font-size:20px;padding-top:20px;padding-bottom:10px;margin:20px;vertical-align:baseline;}

#main { line-height:20px;font-size:14px;background:#fff;padding-top:10px; }
#main p {margin-bottom:20px;}
#main p.summary {font-family:georgia, serif; font-size:16px; line-height:20px; font-style:italic; margin-bottom:40px; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#999; }
#main ul {margin-bottom:20px; list-style-position:outside;}
#main h2 { line-height:21px; font-size:21px; font-weight:normal; color:#560; }
#main h2 { margin-top:40px; margin-bottom:20px; }
#main h3 { line-height:20px; font-size:14px; font-weight:normal; word-spacing:1.2px; text-transform:uppercase; color:#560; }
#main h3 { margin-top:40px; margin-bottom:20px; }

#main ul.actions {
	font-size:14px;
	color:#122;
	line-height:20px;
	font-family:helvetica,arial,sans-serif;
	list-style:none;
}
#main ul.actions li {
	float:left;
}
#main ul.actions li a {
}

#main ul.attachments {
	list-style:none;
}
#main a.filelink {
	background:url('../../img/icons/file.png') left top no-repeat;
	line-height:32px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:32px;
	padding-right:32px;
	text-decoration:none;
	border-bottom-width:0px;
}
#main a.filelink:hover {
	border-bottom-width:1px;
}

#left, #center, #right {}


#left .articlemenu { padding-left:10px; padding-right:10px; }
#left .articlemenu a { text-decoration:none; border-bottom:none; }
#left .articlemenu a:hover { border-bottom:1px solid; }
#left .articlemenu li { text-align:right; padding-top:3px; padding-bottom:3px; }
#left .articlemenu li.active a {
	font-weight:bold;
	color:#741;
}

#center { text-align:justify; }
#center img { border:1px solid #9ba; padding:2px; margin:5px; display:block; }
#center table img { margin:0; }
#center li { margin:10px; }
#center hr { color:#9ba; background-color:#9ba; }

#center ul { list-style-type:none; margin-left:0; }
#center ul li { background:url('../../img/icons/asterisk_yellow.png') 0px 2px no-repeat; padding-left:25px; }

#center .pics_view { margin-top:20px; }
#center .pics_view p { text-align:center; }
#center .pics_view a { height:260px; float:left; border-bottom-width:0px; }
#center .pics_view strong {text-align:center; font-weight:normal; display:block;}

#right .adminmenu li { padding-top:3px; padding-bottom:3px; }
#right .adminmenu a { text-decoration:none; border-bottom:none; }
#right .adminmenu a:hover { border-bottom:1px solid; }

#right a {border-bottom-width:0px;}
#right img { border:1px solid #9ba; padding:2px; margin:5px auto; display:block; }

#left ul  { list-style-type:none; margin-left:0;}
#right ul { list-style-type:none; margin-left:0;}
#left ul li { background: url('../../img/icons/li.png') right 5px no-repeat; padding-right:20px; }
#right ul li { background: url('../../img/icons/li.png') left 5px no-repeat; padding-left:20px; }

#center ul.actions li,
#center ul.attachments li
 { background:none; }


#bottom {background:#acb;border-top:1px solid #9ba;border-bottom:1px solid #bdc; padding-top:20px;padding-bottom:20px; text-align:right;}
#bottom p {line-height:26px;font-size:20px;color:#455;margin:20px;}

/* --- footer -- */

#footer {clear:both;padding:10px;margin-top:50px;text-align:center;color:#9aa; line-height:13px;}


/* colours */


/* forms */
form label {
	font-weight:bold;
	display:block;
}
form input[type="text"] {
	width:450px;
}
form textarea {
	width:450px;
}
form input#username,
form input#password,
form input#password_confirm {
	width:250px;
}
form input[type="text"],
form input[type="password"],
form textarea,
form button {
	font-size:14px;
	color:#122;
	line-height:20px;
	font-family:helvetica,arial,sans-serif;
}
form input:focus,
form select:focus,
form textarea:focus,
form button:focus {
	color: #233;
	background: #eff;
}

form span.message_error {
	color: #900;
	display: block;
}

/*************/
.nowrap {white-space: nowrap;}

/* ---------- */

body #fancybox-outer { border:1px solid #9ba; }

.hidden { display:none; }