/******** FITRA WEBSITE ********/
/***    The Federation Of    ***/
/***  Inverclyde Tenants and ***/
/***  Residents Associations ***/

/********  DESIGNED BY  ********/
/****     2DYNAMIC LTD      ****/
/*****  www.2dynamic.co.uk *****/

/**********************************************************************************************************************/

/* General */
body{font:90% Verdana,Tahoma,Arial,sans-serif; color:#000000; line-height:1.2em; margin:0 auto; padding:0;}
p{margin:0 0 18px 10px;}

/* Links */
a{text-decoration:none; color:#000000; font-weight:bold;}
a:hover{text-decoration:underline;}
a img{border:0;}

/* Headings */
h1{font-size:4.2em; letter-spacing:-5px; margin:0 0 30px 25px; color:#000000;}
h1 a{text-transform:none; color:#000000;}
h2{font-size:1.4em; color:#000000; padding:0 2px 2px 5px; margin:0 0 10px 0; letter-spacing:-1px;}
h3{font-size:1.2em; font-weight:bold; color:#000000; margin:10px 0 8px 0; padding:1px 2px 2px 3px;}

/* Different Containers */
#wrap{color:#000000; width:95%; margin:1% auto; padding:0;}
#header{margin:0; text-align:right; background-position:top left; background-repeat:no-repeat;}
#toplinks{text-align:right;  padding:5px 2px 2px 3px;}
#content{float: left; width: 55%; margin-left: 2%; display: inline; line-height:1.5em; text-align:left; padding:0; }
#content ul li{list-style: square; margin:0 0 3px 0; padding:0;}
#content ul li a{font-weight:bold; padding:2px;}
#content ol li {list-style: decimal-leading-zero; margin:0 0 3px 0; padding:0;}
#content ol li a{font-weight:bold; padding:2px;}#equalopt{line-height:1.5em; width:50%; float:right; text-align:right; margin:5px 5px 5px 5px ; padding:5px 15px 5px 15px ; }
#content h3{margin:10px 0 8px;}
#slogan{font-size:1.5em; color:#808080; font-weight:bold; letter-spacing:-1px; margin:15px 0px 20px 35px; line-height:1.2em;}
#submit{ float: right; width: 100%; background-color:#FFFFFF; border-top:#4088b8 1px dashed; text-align:center; padding:5px 0 5px 0 ;}
#format{ float: right; width: 100%; background-color:#FFFFFF; border-top:#4088b8 1px dashed; text-align:center; padding:5px 0 5px 0 ;}

/* news */
#news{
float:left; width:100%; margin:0 0 10px 0;padding:5px 0 5px 0; border:#000000 1px solid; }
#col1{float: left; width: 30%; margin-left: 2%; display: inline; }
#col2{float: left; width: 30%; margin-left: 2%;   }
#col3{ float: left; width: 30%; margin-left: 2%; }
p{margin-left: 7px; margin-right: 7px; }

/*TABLE LOOKALIKE */
#contain{float:left; width:100%; margin:0 0 0px 0;padding:5px 0 5px 0;}
#col1-1{float: left; width: 30%; margin-left: 0%; display: inline; border:#4088b8 1px dashed; padding:10px 0 0 0;}
#col2-1{float: left; width: 30%; margin-left: 0%;  border:#4088b8 1px dashed; padding:10px 0 0 0; }
#col3-1{ float: left; width: 30%; margin-left: 0%; border:#4088b8 1px dashed; padding:10px 0 0 0; }
#col1-1 p {border-bottom: #4088b8 1px dashed;}
#col2-1 p {border-bottom: #4088b8 1px dashed;}
#col3-1 p {border-bottom: #4088b8 1px dashed;}

/* TABLE LOOKALIKE2 - FEEDBACK!! */
#contain2{float:left; width:100%; margin:0 0 0px 0;padding:2px 0 2px 0;}
#col1-2{float: left; width: 48%; margin-left: 0%; display: inline; border:#4088b8 1px dashed; padding:10px 0 0 0;}
#col2-2{float: left; width: 48%; margin-left: 2%;  border:#4088b8 1px dashed; padding:10px 0 0 0; }
#col1-2 p {border-bottom: #4088b8 1px dashed;}
#col2-2 p {border-bottom: #4088b8 1px dashed;}

/* TABLE LOOKALIKE3 - CONTACT!! */
#col1-3{float: left; width: 90%; margin-left: 0%; display: inline; border:#4088b8 1px dashed; padding:10px 0 0 0;}
#col1-3 p {border-bottom: #4088b8 1px dashed;}

/* sidemenu (left) */
#sidebar{ float: left; width: 20%; margin-left: 0%; border:#4088b8 1px dashed;}
#sidebar ul{list-style:none; font-size:0.9em; margin:0; padding:0 0 5px 10px;}
#sidebar li{list-style:none; margin:0 0 3px 0; padding:0;}
#sidebar li a{font-size:1.2em; font-weight:bold; padding:2px;}
#sidebar li a em { border-bottom:1px solid #989898; font-style:normal}
#sidebar ul ul{margin:4px 0 3px 15px; line-height:1.3em; font-size:1.0em; padding:0;}
#sidebar ul ul ul{margin:4px 0 3px 20px; line-height:1.3em; font-size:1.0em; padding:0;}
#sidebar ul ul li a{font-weight:normal; border-bottom:0.5px solid #dadada;}
#sidebar ul ul ul li a{font-weight:normal; border-bottom:none; color:#999999}
#sidebar h2{margin:2px 0px 3px 0px;}

/* sidemenu (right) */
#eqmenu{ float: right; width: 20%; margin-left: 2%; border:#4088b8 1px dashed;}
#eqmenu ul{list-style:none;font-size:0.9em;margin:0;padding:0 0 5px 10px;}
#eqmenu li{list-style:none;margin:0 0 3px 0;padding:0;}
#eqmenu li a{font-size:1.2em;font-weight:bold;padding:2px;}
#eqmenu li a em { border-bottom:1px solid #989898; font-style:normal}
#eqmenu ul ul{margin:4px 0 3px 15px;line-height:1.3em;font-size:1.0em;padding:0;}
#eqmenu ul ul ul{margin:4px 0 3px 20px;line-height:1.3em;font-size:1.0em;padding:0;}
#eqmenu ul ul li a{font-weight:normal; border-bottom:0.5px solid #dadada;}
#eqmenu ul ul ul li a{font-weight:normal; border-bottom:none; color:#999999}
#eqmenu h2{margin:2px 0px 3px 0px;}

/* Footer & Images AAA */
#footer{clear:both;color:#808080; font-size:0.9em; border-top:1px solid #4088b8; border-bottom: 1px solid #4088b8; margin:0 auto; padding:8px 0; line-height:1.6em;}
#footer p{margin:0; padding:0; text-align:right;}
#footer a{color:#808080;}

/* Others */
.photo{display:none;}
.bluelarge {font:80% Verdana,Tahoma,Arial,sans-serif;color:#000000;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#000000;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
.grey{color:#000000;}