/*CSS for www.artsaels.com Template ////////
//  25th May 2008. Copyright  ///////////
//  http://www.purpletriangle.info /////////
//  mail@purpletriangle.info   ///////////*/


/* << ------------// General Styles //------------>> */

body {
    margin:0 10px;
    padding:0;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
	background:#000 url(../images/bodybg.jpg) top left repeat;
    line-height:16px;
	}

a:link, a:visited {
    color:#996600;
    text-decoration:underline;
    }

a:hover {
    color:#000;
    text-decoration:none;
    }

ul, ol {
    margin: 0;
    padding: 0;
    }

li{
    list-style: url(../images/arrow.gif);
    margin-left:25px;
    padding-left:0;
    }

img{
    border:0;
	margin:0;
	}	
	
.innerdiv{
    padding:4px !important;
    padding:3px;
    margin:0;
    }

h3{
    font-weight:bold;
    font-size:18px;
    font-family:Georgia, "Times New Roman", Times, Serif;
	color:#996600;
	padding:5px;
    margin-top:10px;
	}	
	
	
/* Layout Styles */

/* Outer container that holds all the columns*/
div#wrapp{
    width:840px;
    margin:0 auto;
    background:#f1e9d6;
    line-height:16px;
    }

div#headerwrapp{    /* header wrapp containing: user1 and user2 */
    float:left;
    width:100%;
	clear:both;
	background:url(../images/headerbg.jpg) top left no-repeat;
    overflow:hidden;
	}
	
div#topwrapp{       /*top wrapp housing: site name/logo, search field, etc..*/
       float:left;
        width:100%;
        overflow:hidden;
        margin-top:2px;
	    display:inline;
        padding-bottom:20px;
		}
	
    div#logo{
            float:left;
            height:100px;
            width:240px;
            padding-left:55px;
	        }
	
    div#search{    /*user4 (search)*/
            float:right;
            width:200px;
            height:35px;
            margin-right:10px;
	        padding-top:20px! important;
	        padding-top:15px;
            }	
	
div#headerwrappin{

    float:left;
    width:100%;
    font-size:12px;
    font-weight:normal;
    overflow:hidden;
    font-family:Arial, Verdana, Helvetica, sans-serif;

	}

div#header_l{   /* header content - user5) */
    float:left;
    width:420px;
    font-size:12px;
    font-weight:normal;
    color:#f1e9d6;
    overflow:hidden;
    padding-top:20px;
    padding-left:20px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	}	

div#header_l h1{   
    padding-bottom:25px;
	overflow:hidden;
	font-weight:bold;
    font-size:24px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    color:#ff9900;
	margin:0;
    }

div#header_l h2{   
	overflow:hidden;
	font-weight:normal;
    font-size:14px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#f1e9d6;
	margin:0;
    }

div#header_r{    /*header image - user6*/
    float:right;
    width:300px;
    height:192px;
    margin-right:20px;
	padding-bottom:20px;
	overflow:hidden;
	}

div#header a:hover, 
div#header a:hover{
    color:#fff;
	}

div#topnav{      /* user3 (top navigation menu) */
    float:left;
    width:100%;
	height:42px;
	padding-top:3px;
	clear:both;
	background:url(../images/topmenubg.jpg) top left repeat-x;
	}
	

	/*-----------end of top layer-------------*/

div#breadcrumbs{
    float:left;                                                 
    width:830px;
    height:28px;
    padding-top:15px;
    padding-left:10px;
	background: url(../images/pathwaybg.jpg);
    color:#fff;
	font-size:12px;
	overflow:hidden;
	}
	
div#breadcrumbs a{
	color:#ff9900;
	text-decoration:none;
	padding-left:15px;
	}
	
div#breadcrumbs a:hover{
    color:#ff6600;
	text-decoration:underline;
	padding-left:15px;
	}	
	

	/*---position for contents--*/
div#contentwrapp{
    float:left;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
	line-height:16px;
	}

div#contentwrapp h1 {
    font-weight:bold;
    font-size:24px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    color:#ff9900;
    margin-bottom:6px;
	margin-top:10px;
	text-align:left;
	}
	
div#contentwrapp h2 {
    font-weight:bold;
    font-size:18px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    color:#cccccc;
    margin-bottom:6px;
	margin-top:10px;
	text-align:left;
	}

h4 {
    font-size:14px;
    }
	
	
div#subcontentwrapp{
    float:left;
	width:100%;
	background:#cfab7b;
	}

div#subcontentwrapp h1{
color:#000;
}

	div#subcontentleft{
    float:left;
	width:820px;
	padding-left:10px;
	padding-top:15px;
	}

div#content500{  /*--If leftcol & rightcol is not empty width=500px--*/
    float:left;
    width:490px ! important;
	width:485px;
    display:inline;
    /*overflow:hidden;*/
    text-align:justify;
    padding-left:10px;
    }

div#content560{  /*--If rightcol is empty width=555px--*/
    float:left;                      
    width:555px;
    display:inline;                  
    text-align:justify;
    padding-right:5px;
    padding-left:10px;
    }

div#content820{  /*--If leftcol & rightcol is empty width=820px--*/
    float:left;                      
    width:810px;
    display:inline;                  
    overflow:hidden;
    text-align:justify;
    padding-right:15px;
    padding-left:10px;
    }

div#colwrapp{
    float:right;
	width:330px;
	}

/*-----------left column--------*/

div#leftcol{
    float:left;
    width:160px ! important;
    width:150px;
    margin-left:10px;
    margin-top:15px;
	}

/*----right column----*/

div#rightcol{
    float:right;
    width:200px;
    margin-right:9px;
    margin-top:15px;
	}

div#rightcol h3{
    font-weight:bold;
    font-size:18px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    background:#996600;
	color:#fff;
	padding:5px;
    margin-top:20px;
	}	
	

	/*-----footer style------*/

div#footer{   /*footer wrapp*/
    clear:both;
    width:100%;
    background:#808080;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:9px;
    line-height:16px;
    color:#ccc;
    background:url(../images/footerbg.jpg) left repeat;
    margin-top:20px;
	}

div#copyright {
    float:left;
    width:480px;
	margin:10px;
	}

div#footer a:link, #footer a:visited {
    color:#ccc;
    text-decoration:underline;
    }

div#footer a:hover, #footer a:active {
    color:#fff;
    text-decoration:none;
    }

div#validity{
    float:right;
    width:180px;
    display:inline;
	padding:10px;
	}

div#validity  img{
    border:0;
    }

/* Hack enabling outer div to wrap
around all floated divs inside it */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {
    display:inline;
    display:table;
    }

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
    }
.clearfix {
    display: block;
    }   /* End hide from IE-mac */

/*-//<<----------Legacy Default J1.5.x CSS Styles-------->>//*/

.article_separator{}

td.article_column{
    padding:5px;
    }
	
.adminform{}

.author{
    font-weight:normal;
    font-size:8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#b39200;
    margin-top:5px;
	}

.bannerfooter{}
.bannergroup{}
.bannerheader{}
.banneritem{}
.blog{}
.blog_more{}
.blogsection{}
.breadcrumbs{}

.button a{
    color:#fff;
	padding:3px;
	}

.button a:hover{
    color:#fff;
	border-left:3px solid #996600;
	}
	
.button{
    background:#3d5672;
	padding:2px;
    background:url(../images/footerbg.jpg) repeat;
    color:#fff;
    font-size:10px;
    border:0;	
    }

.button-search{
    background:#3d5672;
	padding:2px;
    background:url(../images/footerbg.jpg) repeat;
    color:#fff;
    font-size:9px;
	font-weight:bold;
    margin-left:5px;
    border:1px solid #fff;
	margin-bottom:2px;
	margin-bottom:0 ! important;
	}	
	
.buttonheading{}
.clr{}

.componentheading{
    font-weight:bold;
    font-size:20px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    color:#996600;
	padding-bottom:8px;
    margin-top:20px;
}

.contact_email{
    padding-left:50px;
	}


.content_rating{}
.content_vote{}
.contentdescription{}

.contentheading{
   font-weight:bold;
    font-size:16px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    color:#996600;
    padding-top:15px;
	padding-bottom:10px;
	border-bottom:1px dotted #996600;
	text-align:left;
	}

.contentpagetitlw{}
.contentpane{}
.contentpaneopen{}
.contenttoc{}

.createdate{
    font-weight:normal;
    font-size:9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#666666;
    padding-bottom:15px;
	}

.created-date{}
.date{}

.input{}

.inputbox{
    background:#fde9dc;
    border:1px solid #996600;
    }

.inputbox-search{
    width:150px;
	border:1px solid #fff;
	height:18px;
	background:#f1e9d6;
	}
	
select.inputbox{
   margin-top:10px;
   }

.intro{}

.latestnews{}

.loclink{}

.mainlevel_menu{}

/*----------------------------Top Menu Style-----------------------------*/


div#topnav ul{
      margin:0;
      padding:10px 10px 0 10px;
      list-style:none;
      }
div#topnav li {
      display:inline;
      margin-right:0;
      padding:0;
      }
div#topnav a {
      float:left;
      background:url(../images/tableft.gif) no-repeat left top;
      margin-right:6px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
div#topnav a span {
      float:left;
      display:block;
      background:url(../images/tabright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    
div#topnav a span {float:none;}

/* End IE5-Mac hack */
div#topnav a:hover span {
      color:#FFF;
      }
div#topnav a:hover {
      background-position:0% -42px;
      }
div#topnav a:hover span {
      background-position:100% -42px;
      }

div#topnav #current a {
      background-position:0% -42px;
      }
div#topnav #current a span {
      background-position:100% -42px;
      }
	
/*----------------------------------end of top menu--------------------------------------*/

.message{}
.metadata{}

.modifydate{
    font-weight:normal;
    font-size:9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#666666;
    padding-top:15px;
	}

.module{}
	
/*------------vertical navigation menu style-------------*/

.moduletable_menu, .mainlevel_menu{
    margin-bottom:20px;
    }

.moduletable_menu ul, .mainlevel_menu ul{
    width: 100%;
    margin: 0px;
    }

.moduletable_menu li, .mainlevel_menu li {
    list-style-type:none;
    line-height:200%;
    width:100%;
    overflow:hidden;
    margin:0;
    }

.moduletable_menu li a:link, .mainlevel_menu li a:link,
.moduletable_menu li a:visited, .mainlevel_menu li a:visited{
    color: #996600;
    display: block;
    text-decoration: none;
    list-style-type:none;
    border-bottom:1px dotted #996600;
    padding: 3px 0 0 5px;
	}

.moduletable_menu li a:hover, .mainlevel_menu li a:hover {
    color:#000;
    background:transparent;
    border-right:2px solid #996600;
    padding: 3px 0 0 5px;
	}

.moduletable_menu .active a, .mainlevel_menu.active a{
    color:#000;
    background:transparent;
    border-right:2px solid #996600;
    padding: 3px 0 0 5px;
	}
	
.mosimage{}

.mosimage_caption{}

.mostread{}
.newsfeed{}
.outline{}
.pagenav{}
.pagenav_next{}
.pagenav_prev{}
.pagenavbar{}
.pagenavcounter{}
.pathway{}
.pollstableborder{}

.read{}

a.readon{
    /*background:#3d5672;*/
	margin-bottom:20px;
	padding-left:6px;
    color:#3d5672;
	font-weight:bold;
    font-size:12px;
    border-left:4px solid #ff7a00;
	text-decoration:none;
	}

a:hover.readon{
    color:#000;
	font-weight:bold;
    font-size:12px;
    border-left:4px solid #b39200;
	text-decoration:underline;
	}
	
.search{}

.searchintro{}
.sections{}
.sectiontable_footer{}
.sectiontableentry{}
.sectiontablefooter{}
.sectiontableheader{}

.small{
    font-weight:normal;
    font-size:9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#666666;
	}

.smalldark{}

.sublevel{}
.title{}
.wrapper{}
