/*-----------------------------------------------------------------------------
version: 1.0
author: Mikael Grandsire
email: mikael.grandsire_at_hotmail.com
website: http://www.25emeimage.com
date: 09/06/2009
Copyright 2009 25eme Image All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
html,body{margin:0; padding:0;}
body{ background:#FFF;}

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/* Class for clearing floats */
.clear {clear:both;}
/* Remove border around linked images and fix Firefox odd spaces */
img {border: 0;}

/* =Structural
-----------------------------------------------------------------------------*/
.sizer{ margin-left:auto; margin-right:auto; width:880px; padding:0;}
#topmenu{ height:30px; line-height:30px;}
#logo{}
#banner{ height:150px;background:url(assets/templates/fsj/bg_body.jpg) repeat-x top left;}
#mainmenu{ height:42px; line-height:42px;}
#content{ padding:10px 0 10px 0;}
#maincontent{}
#breadcrumb{ padding-left:10px;}
#breadcrumb span{ height:30px; line-height:30px;}
#leftcontent{ float:left; width:500px;}
#sidecontent{ float:right; width:360px;}
#bottommenu{ height:80px;}
#bottommenu #leftEr{ margin-left:10px;}
#botTop{ margin-top:20px;}
#leftEr{ float:left; margin-top:25px; font-size:11px;}
#rightEr{ float:right; margin-top:25px; text-align:right;}
#newsl{background:#dfe9f2 url(assets/templates/fsj/mail.png) no-repeat 12px 80px; -moz-border-radius:6px;padding:5px 10px 10px 10px;}
#newslin{padding:10px 10px 10px 80px;min-height:80px;}
#newslin table td{color:#213c4f;}
.col150left{ width:170px; float:left; margin-right:10px;}
.col150{ width:170px; float:right;}
.imgwhite{ border:10px solid white; margin-bottom:6px;}
.img170{ margin-bottom:6px;}
.leftimg{float:left;margin: 0 10px 20px 0;clear:both;}
.hidder{display:none;}
.marger{margin:10px;}
.padder{padding:10px;}

/* =Typography
-----------------------------------------------------------------------------*/
body,html,p,div,span,table,tr,td,label,form,input,button{ font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; color:#666;}
h1{ font-size:170%; color:#90c3d3; padding-bottom:4px;}
h2{ text-indent:10px; font-size:18px; border-bottom:1px solid #edf8fd; padding-bottom:4px; color:#213c4f; font-weight:normal; font-family:Georgia !important;line-height:30px;margin-bottom:6px;}
h3{ font-size:16px; color:#213c4f; font-weight:normal; font-family:Georgia !important;line-height:20px;}
.smallTxt{font-size:10px !important;}

/* =Headings
-----------------------------------------------------------------------------*/
/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:active{ color:#76a151; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* =Main Nav
-----------------------------------------------------------------------------*/
#nav{ height:42px; line-height:42px; list-style:none; margin:0; padding:0; background-image:url(assets/templates/fsj/bg_menu_right.png); background-repeat:no-repeat; background-position:top right;position:relative;}
#mainmenu .sizer{ height:42px; line-height:42px; background-image:url(assets/templates/fsj/bg_menu_left.png); background-repeat:no-repeat; background-position:top left;}
#nav ul{ margin:0 6px 0 6px; padding:0;position:relative;}
#nav li {
	float:left;
	display:block;
	color:black; 
	font-size:13px; 
	font-weight:normal; 
	height:42px; 
	line-height:42px; 
	margin:0 4px 0 0;
	position:relative;}
#nav li a:link, #nav li a:visited { 
	float:left;
	display:block;
	color:#e2f1f8; 
	font-size:13px; 
	font-weight:normal; 
	height:42px; 
	line-height:42px; 
	padding:0 10px 0 10px;}
#nav li:hover a, #nav li a:hover, #nav li a:active { text-decoration:none; color:#FFF;}
#nav li ul {
	margin:-2px 0 0 0;
	list-style:none;
	position:absolute !important; display:block;
	visibility:hidden;
	background-color:#203a58;
        background:#3a5576;
        z-index:99000;
        border-left:2px solid #203a58;
        border-right:2px solid #203a58;
        border-bottom:2px solid #203a58;
	top:42px; width:150px; padding-bottom:10px;
        -moz-border-radius-bottomleft:4px;
        -moz-border-radius-bottomright:4px;}
#nav li:hover ul {
        visibility:visible;display:block;top:42px;left:0;
}
#nav li ul li {
	white-space:nowrap;
	clear:left;
	height:25px; 
	line-height:25px;
        display:block;
}
#nav li ul li a:link, #nav li ul li a:visited {
	clear:left;
	float:left; 
	display:block;
	color:#e2f1f8; 
	font-size:13px; 
	font-weight:normal; 
	height:25px; 
	line-height:25px; 
	padding:0 10px 0 10px;
	z-index:99000;
}
#nav li ul li:hover a, #nav li ul li a:active, #nav li ul li a:hover {
	clear:left;
	text-decoration:none; color:#FFF;
	z-index:1000;
}
                  
.active a{ color:#d1e868 !important;}
.active ul li a{ color:#e2f1f8 !important;}
.active ul li a:hover{ color:#FFF !important;}


/* =Sub Nav
-----------------------------------------------------------------------------*/
#bottomnav{}
#bottomnav ul{ 
	list-style:none;
	margin:0; 
	padding:0;}
#bottomnav ul li{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	margin:0 4px 0 0;}
#bottomnav ul li a:link, #bottomnav ul li a:visited{ 
	float:left; display:block; 
	font-size:11px; 
	font-weight:normal; 
	padding:0 6px 0 6px;
	color:#666 !important;}
#bottomnav ul li a:hover{
	color:#7eacde !important;}
#bottomnav ul li.active a:link{
	color:#7eacde !important;}

/* =Main Content
-----------------------------------------------------------------------------*/
/* =Secondary Content
-----------------------------------------------------------------------------*/
/* =Footer
-----------------------------------------------------------------------------*/
/* =Forms
-----------------------------------------------------------------------------*/
.formular{ margin:0px;}
.formular input[type=text]{ width:340px; margin-top:4px; margin-bottom:4px; padding:3px; color:#000;border:1px solid #999;}
.formular textarea{height:140px; width:340px; margin-top:4px; margin-bottom:4px; padding:3px; color:#000;border:1px solid #999;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;}
input{ color:#000;}
input:focus, select:focus, textarea:focus { background-color:#ecf4f8;}
.errors{ color:#cc0000; padding-bottom:20px;}
#newslin table td input[type=text]{border:1px solid #c1d4dd;padding:6px; font-size:16px;}
input[type=submit], input[type=button]{border:1px solid #b8b8b8;background:#d2d2d2;height:32px;color:#404040;-moz-border-radius:3px;margin-right:4px;}
input[type=submit]:hover, input[type=button]:hover{cursor:pointer;background:#bebebe;}

/* =Tables
-----------------------------------------------------------------------------*/
table {border-collapse: collapse;}
td {text-align: left;font-weight: normal;}

/* =Misc 1
-----------------------------------------------------------------------------*/
.rGrid td{padding:3px;border-bottom:1px dotted #efefef;}
.mList{display:inline-block;height;20px; line-height:20px;background:url(assets/templates/fsj/play.png) no-repeat 1px 1px;padding-left:22px;}
ul.mList{display:block;height;auto; line-height:auto;background:none;padding-left:0;}
ul.mList li{display:block; line-height:20px;background:url(assets/templates/fsj/play.png) no-repeat 1px 1px;padding-left:22px;}

.artItem{margin:0 0 10px 20px; background:#F5FAFC;position:relative;}
.artItem .mImg{position:absolute;right:10px;top:5px;background:#FFF;overflow:hidden;height:80px;width:120px;}
.artItem .mTitle{padding:10px 160px 5px 10px;}
.artItem .mSum{padding:5px 160px 5px 10px;}
.artItem .mLink{padding:5px 160px 10px 10px;}
.mImg img{height:80px;width:120px;}
/* =Misc 2
-----------------------------------------------------------------------------*/
.jItem{float:left; width:420px;margin:0 10px 10px; height:200px;}
.jHeader{background:#406084;heigth:24px;padding:4px;}
.jDate{display:inline;color:#d4e8c4;font-family:Georgia !important;}
.jTitle{display:inline;color:#FFF;font-weight:bold;}
.jSum{background:#f3fafe;padding:10px 140px 10px 10px;height:120px;line-height:16px;}
.jLink{background:#efefef;border-bottom:3px solid #666;border-top:1px solid #FFF;text-align:right;padding:4px;}
.jImg{border:5px solid #FFF;position:absolute;height:80px;width:110px;margin: 10px 0 0 290px;background:#fff;-moz-border-radius:4px;}
.jImg img{height:80px;width:110px;}

.ditto_paging {
    border-top:0;
    padding: 10px;
    font-size: 86%;
    color: black;
    -moz-border-radius:3px;
}
.ditto_pages .ditto_currentpage {
    border:0;
    padding: 1px 5px 2px;
    margin-right: 4px;
    background-color: #76a151;
    color: #fff;
    -moz-border-radius:3px;
}
.ditto_pages .ditto_off {
    border:0;
    background:#efefef;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    -moz-border-radius:3px;
}
.ditto_pages a, .ditto_pages a:link, .ditto_pages a:visited {
    background-color: #efefef;
    color: #76a151;
    border:0;
    padding: 1px 5px 2px;
    margin-right: 4px;
    text-decoration: none !important;
    -moz-border-radius:3px;
}
.ditto_pages a:hover {
    border:0;
    padding: 1px 5px 2px;
    margin-right: 4px;
    text-decoration: none !important;
    color: #FFF;
    background:#76a151;
    -moz-border-radius:3px;
}
.ditto_pages{text-align:center;padding:4px;}
.dRowSup{text-align:center;padding:4px;display:block;}
.joumage img{max-width:200px;position:absolute;margin-left:-240px;}
.jcontent{padding-left:240px;}