/* ##### IE PNG Fix ##### */

* html #header, 
* html #content, 
* html #footer {
zoom: 1;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.runtimeStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}




/* ######## Basic Styles ######## */


body {
	margin: 0;
	padding: 0;
background : #f2ebd8 url(/images/body-bg.jpg);
	text-align: center;
	font-family: arial, helvetica, verdana, sans-serif;
	}
	
p {
    font-size: .8em;
    line-height: 1.5em;
margin : 0 0 1.5em 0;
    }



.culture-democracy-and-civil-society h2 {
margin-bottom : 0;
}


h2 {
margin : auto 0 .5em 0;
padding : 0;
    }
	
h3 {
    width: 100%;
    font-weight: normal;
    margin: 0;
    text-align: left;
    color: #53504F;
    }
    
h4 {
    margin: 3em 0 .5em 0;
    font-weight: bold;
    }
    
a {
    color: #09406a;
	outline: none !important; /* @ Firefox, remove ugly dotted border */
    }
    
a:hover {
    color: #117ccf;
    text-decoration: none;
    }




ul, ol {
font-size : 1em;
}

li {
font-size : .8em;
margin-bottom : 1em;
}
	


#container {
background : transparent url(/images/bg-flourish.png) no-repeat;
margin-left : -502px;
left : 50%;
position : absolute;
	width: 1004px;
	}




#header {
float : left;
width :  840px;
margin-left : 82px;
background : transparent url(/images/header-border.png) no-repeat;
}


    
#header h1 {
margin : 26px 30px 0 30px;
float : left;
}

#header h1 a {
background : transparent url(/images/header-bg.png) no-repeat;
width : 780px;
height : 90px;
margin : 0;
float : left;
}


#header h1 a, 
#header h2 {
text-align : left;
text-indent : -999999em;
overflow : hidden;
}
    


#header .nav {
background : transparent url(/images/nav-bg.png) repeat-x;
width : 780px;
height : 32px;
}

#header .nav, #header .nav li {
float : left;
margin : 0 30px;
padding : 0;
}

#header .nav li {
display : inline;
margin : 0;
list-style-type : none;
}


#header .nav a {
float : left;
text-indent : -999999em;
overflow : hidden;
height : 11px;
margin-top : 11px;
margin : 11px 1.6em 0 1.9em;
}

#header .nav .nav-petition a {
background : transparent url(/images/nav-petition.png) no-repeat;
width : 114px;
margin-left : 1.25em;
}


#header .nav .nav-paper a {
background : transparent url(/images/nav-paper.png) no-repeat;
width : 103px;
}



#header .nav .nav-articles a {
background : transparent url(/images/nav-articles.png) no-repeat;
width : 140px;
}


#header .nav .nav-photos a {
background : transparent url(/images/nav-photos.png) no-repeat;
width : 47px;
}


#header .nav .nav-about a {
background : transparent url(/images/nav-about.png) no-repeat;
width : 59px;
}


#header .nav .nav-contact a {
background : transparent url(/images/nav-contact.png) no-repeat;
width : 54px;
}


#header .nav a:hover {
background-position : 0 -11px;
}


#content {
	background : transparent url(/images/content-bg.png) repeat-y;
	
	
margin : 0 82px;
float : left;
	text-align: left;
padding : 1.5em 45px 1em 45px;
	width: 750px; /* 840px after padding */
	color: #322116;
	}
	
#leftcolumn {
    width: 500px;
    float: left;
    margin-right: 23px;
    }
    
#rightcolumn {
    width: 223px;
    float: right;
    }





/* Basic Page Styles */

ul.news-listing {
list-style-type : none; 
padding : 0;
margin : 0;
}


#frontpage-news h5 {
margin-bottom : .4em;
}

#frontpage-news ul.news-listing li a {
font-size : .8em;
padding : .8em .4em;
}

ul.news-listing li {
margin : 0;
border-top : 1px solid #ebebeb;
}

ul.news-listing li a {
display : block;
padding : 1em .5em;
background-color : #f9f9f9;
text-decoration : none;
}

ul.news-listing li .news-date {
text-decoration : none;
float : left;
margin-right : 1em;
color : #666;
font-style : italic;
}

ul.news-listing li a:hover {

background-color : transparent;
color : #000;
}

.subtitle .news-date {
color : #ababab;
font-size : .75em;
display : block;
}

a.archive-link {
display : block;
border-top : 1px solid #ebebeb;
padding : .6em .5em;
font-size : .8em;

}






#footer {

padding : 0 30px;
width: 780px; /* 840px after padding */
height : 70px;
float: left;
background : transparent url(/images/footer-border.png) no-repeat;
margin: 0 82px 30px 82px;
text-align: left;

    }
    
#footer ul {
background : transparent url(/images/footer.gif);
float: left;
list-style: none;
margin : 0;
padding-left : 475px;
width : 305px; /* 740px after padding */
height : 40px;
border-top : 1px solid #e2e0db;
    }

#footer li {

    margin-right: 15px;
text-transform : uppercase;
float : left;
padding : 1em 1.5em;
margin : 0;
font-weight : bold;
    }


#footer li a {
text-decoration : none;
color : #868686;
}

#footer li a:hover {
color : #000;
}






/* ##### Admin ##### */


#admin-nav {
float : left;
width : 100%;
}

#admin-nav ul, #admin-nav li {
margin : 0;
padding : 0;
float : left;
list-style-type: none;
}

#admin-nav ul {
margin : .7em 0 2em 0;
padding : .8em .5em 0 .5em;
height : 1.3em;
border-bottom : 2px solid #ebebeb;

width : 100%;
}


#admin-nav li {
margin-right : 1em;
}

#admin-nav li#admin-logout {
margin-right : 0;
}

#admin-logout input {

border : 1px solid #d1d1d1;
border-width : 1px 1px 0 1px;
height : 1.8em;
background-color : #fbfbfb;
color : #827877;
padding-bottom : .1em;
border-bottom : 2px solid #ebebeb;
}

#admin-logout input:hover {
background-color : #53504F;
color : #fff;
border-bottom : 2px solid #ebebeb;
cursor : pointer;
}

#admin-nav li a {
color : #53504f;
border : 1px solid #ebebeb;
background-color : #f6f6f6; 
padding : .2em .5em;
text-decoration : none;
}

#admin-nav li a:hover {
color : #4a4a4a;
background-color : #e3e3e3;
border : 1px solid #cdcdcd;
border-bottom : 2px solid #cfcfcf;
}


.admin-table-list table {
float : left;
width : 100%;
margin : 1em 0;
}

.admin-table-list table th {
padding : 0 0 .1em .5em;
font-size : 1.1em;
border-bottom : 2px solid #aeacac;
}


.admin-table-list table td {
border-top : 1px solid #d3d2d0;
padding-bottom : .5em;
padding : .5em 0 .5em .5em;
}

.admin-table-list table .dark-row td {
background-color : #f1f1f1;
}

.admin-table-list table .light-row td {
background-color : #fafafa;
}


.external-link-arrow, .external-link-arrow img {
border : none;
}

.external-link-arrow {
padding : 2px 5px;

}

a.external-link-arrow:hover {
padding : 1px 4px;
background-color : #bfe1f4 ;
border : 1px solid #bfe1f4;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
}








/* ##### Signatures ##### */


.signatures table {
width : 100%;
margin-bottom : 1em;
color : #000;
}

.signatures table td {
border-top  : 1px solid #ccc;
padding : .5em .3em .3em .3em;
}

#subcategory-list th {
background-color : #f3f3f3;
padding-top : .5em;
}

#subcategory-list table {
margin : 0;
}

li#parent-category a {
font-size : .8em;
}






/* ##### Feedback Messages ##### */





#feedback-message {
display : block;
clear : both;
font-weight : bold;
padding : .4em .3em .3em .3em;
margin : .5em 0 1em 0;
}

#feedback-message ul {
margin : 0;
list-style-type : none;
padding : 0 0 0 .25em;
}

#feedback-message li {
margin : .5em;
}

#feedback-message.feedback-error {
border : 1px solid #c0de00;
background-color : #fff600;
color : #731800;
font-size : 1.25em;
}


#feedback-message.feedback-success {
border : 1px solid #91A376;
background-color : #C2DA9E;
color : #384A38;
}









/* ##### Contact Form ##### */


form.contact {
margin : 3em 0;
}

form.contact .field {
margin-bottom : 1em;
}

form.contact .field label{
width : 90px;
padding-top : .5em;
float : left;
text-align : right;
padding-right : 2em;
}

form.contact .submit {
margin-left : 90px;
}

form.contact .submit input {
margin-left : 3em;
width : 10em;
}

form.contact .field input, .field textarea {
border : 1px solid #ccc;
width : 500px;
font-size : 1.2em;
padding : .25em;
background-color : #f7f7f7;
}

.field textarea {
height : 10em;
}



/* ##### Frontpage ##### */

.button-link {
text-indent : -9999em;
overflow : hidden;
float : left;
}


#petition-link {
background : transparent url(/images/view-petition-button.png) no-repeat;
width : 215px;
height : 43px;
margin : 2em 0 1.5em 0;
}


#rebuild-link {
background : transparent url(/images/button-rebuild-aisg.png) no-repeat;
width : 215px;
height : 65px;
margin : 0 0 2.25em 0;
}









#paper-link {
background : transparent url(/images/paper-icon.png) no-repeat;
color : #767676;
padding-left : 60px;
text-decoration : none;
float : left;
margin : .5em 0 3em 0;
font-size : .78em;
}

#paper-link span {
color : #373737;
display : block;
font-weight : bold;
}

a:hover#paper-link {
color : #117CCF;
}








/* ##### articles ##### */

h4.list-head {
font-weight : normal;
text-transform : uppercase;
font-size : .7em;
color : #343434;
border-bottom : 1px solid #5d5d5d;
}

.article-list {
list-style-type : none;
margin : 0;
padding : 0;
}

.article-list li {
margin : .75em 0;
font-size : .65em;
color : #5d5d5d;
}

.article-list li a {
font-size : 1.1em;
font-weight : bold;
display : block;
}


.photo-list a img {
border : 1px solid black;
display : block;
margin-bottom : 1em;
}

.photo-list a:hover img {
border-color : #117CCF;
}


.long-link a {
font-size : .75em;
line-height : 1.5em;
text-decoration : none;
display : block;
}

.long-link a strong {
font-weight : normal;
text-decoration : underline;
}


.long-link a:hover strong {
font-weight : normal;
text-decoration : none;
}



/* ##### Petition ##### */



#pageadmin-form.petition {
float : right;
padding-top : 0;
margin-top : 0;
}

#pageadmin-form.petition input {
width : 200px;
background-color : #fff7e6;
font-size : 1.75em;
padding : 0 0 0 .1em;
color : #613920;

}

#pageadmin-form.petition input#submit {
font-size : 1.25em;
padding : .5em 0;
border-bottom : 2px solid #b57d0e;
border-left : 2px solid #b57d0e;
border-top : 2px solid #e1b152;
border-right : 2px solid #e1b152;
background-color : #d49c2c;
color : #fff;
font-weight : bold;
}

#pageadmin-form, 
.admin-form {
padding-top : 2em;
}

.admin-form {
margin-bottom : 2.5em;
}

#pageadmin-form fieldset, 
.admin-form fieldset {
border : 0;
border-bottom : 1px solid #f3f3f3;
background-color : #fbfbfb;
padding : .5em;
margin : 0;
margin-bottom : 3em;

}

.petition .form-note {
margin-top : 1em;
width : 200px;
font-size : .7em;
color : #000;
}

.link-button {
text-decoration : none;
display : block;
text-align : center;
	background-color:#ccc;
	border-color:#e3e3e3 #e3e3e3 #b6b6b6 #b6b6b6;
	border-style:solid;
	border-width:2px;
	color:#565656;
	font-size:1.25em;
	font-weight:bold;
	padding:0.25em;
	margin-top : 2em;
}

a.link-button:hover {
background-color : #e3e3e3;
color : #454545;
border-color : #e3e3e3 #e3e3e3 #ccc #ccc;
}

.admin-form fieldset {
margin-bottom : .5em;
}

#pageadmin-form fieldset legend, 
.admin-form fieldset legend {
padding : 0;
background-color : transparent;
margin : 0;
}
 
#pageadmin-form fieldset legend span, 
.admin-form fieldset legend span {
background-color : transparent;
display : block;
float : left;
font-size : 1.2em;
padding : 0;
margin : -1.4em 0 0 -.5em;
color : #000000;
border-bottom : 1px solid #000000;
width : 250px;
}


#pageadmin-form fieldset legend span {
width : 490px;
}

.admin-form fieldset legend span {
width : 785px;
}


form#pageadmin-form ul, 
form#pageadmin-form li,
.admin-form ul, 
.admin-form li
 {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

form#pageadmin-form li,
.admin-form li {
margin-bottom : 1em;
}



form#pageadmin-form label, 
form#pageadmin-form input, 
form#pageadmin-form select, 
form#pageadmin-form textarea, 

.admin-form label, 
.admin-form input, 
.admin-form select, 
.admin-form textarea
  {
display : block;
clear : both;
}


form#pageadmin-form input,
.admin-form input {
border : 1px solid #eeeeee;
border-bottom : 1px solid #adadad;
background-color : #ffffff;
}

form#pageadmin-form input[type="hidden"],
.admin-form input[type="hidden"] {
display : none;
}

.admin-form .textile-toolbar,
form#pageadmin-form .textile-toolbar {
float : left;
width : 470px;
}

.admin-form  textarea, 
form#pageadmin-form textarea {
height : 25em;
width : 470px;
font-family : ariel, helvetica, sans-serif;
font-size : .7em;
line-height : 1.5em;
padding : .2em;
border : 1px solid #ededed;
background-color : #ffffff;
}



form#pageadmin-form li.input-row select, 
form#pageadmin-form li.input-row input {
display : inline;
margin-right : 1em;
}



.fieldset-legend {
display : block;
float : left;
font-size : 1.2em;
padding : 0;
margin : 0;
color : #000000;
border-bottom : 1px solid #000000;
}