/* css style sheet for TwinN.info */

html {width:100%;font-size:101%;}
body {font-family:  Helvetica, Verdana, Arial, sans-serif; font-size: 95%; margin: 0 auto; padding: 0; background-color: #fffffa; color:#727272; }
.clear {clear:both;}
img {border:none;}
a {text-decoration: none; color: #8a181b;}
a:hover {color: #000;}

.floatLeft{float: left; border:20;}
.floatRight{float: right;}


/* --------------------------------wrappers --------------------------------- */ 
#wrapper {margin: 0 auto 0 20px; padding: 0; border: none; background-color: #FFFFFA; width: 999px; color: #696969; border-left: 0px solid #8a181b;}
#header {width: 999px; height: 86px; margin: 0; padding: 0;}
#mainTextArea {float: left; padding: 0; width: 100%; margin: 52px 0; background-color: #FFFFFA;}
#mainTextAreabg {float: left; padding: 0; width: 100%; margin: 42px 0;  
  background-image: url(./images/background.jpg); background-repeat: no-repeat;  
  background-color: transparent; background-position: bottom left;}
#centreContent {float: left; padding: 0; margin: 0; width: 830px; background-color: transparent; }
#centreContentAbout {float: left; padding: 0; margin: 0; width: 730px; background-color: transparent; }
#footer {width: 999px; margin: 0; border: none; background-color: #f2efe2; float: right;} 
#leftbar {float: left; width:470px; }
#leftbar img{border:1px solid gray; margin: 0 0 5px 55px; }
#leftbar2 {float: left; width:300px; padding: 0 0 0 75px;}
#leftbar2 img { padding: 20px 0 0 0;}

.cc2 {padding: 0 0 0 280px; margin: 0; }
.cc2  b { color: purple; }
.cc2  h1{padding:0 0 0 0px; margin:0;}

.cc3 { padding: 0 0 0 420px; margin: 0 0 0 0; }
.cc3 b { color: purple; }

.cc4 { padding: 0 0 0 120px; margin: 0 0 0 0; }
.cc4 img {text-align:center;}  
.cc4 h1 {text-align:center; }  
.cc4 h2 {text-align:center; }  

/*=========== Navigation ====================================*/
/*top right bottom left*/
#navBar {float: right; margin: 5px 0 165px 0; padding: 0; width: 250px; background-color: transparent; }
/*#navBar {float: right; margin: 5px 0 265px 0; padding: 0; width: 150px; background-color: transparent; }*/

ul.navBar {padding:0; margin: 0; float: left; width: 150px; background-color: transparent;}
ul.navBar li {background-color: transparent; margin: 0; padding: 0; float: left; width: 100%; list-style: none;}
ul.navBar 
	li a, 
	ul.navBar li a:active, 
	ul.navBar li a:visited 
	{background-color: #fffffa; margin: 0; padding: 20px 0 0 0; display: block; width: 100%; color: #181877; font-size: 1.2em; text-align: left; height: 50px;}

ul.navBar li a:hover {background-color: #484877; margin: 0; padding: 20; color: #FFFFFA; text-align: left; padding:20px 0 0 0;}



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

p {padding: 0 0 0 20px; font-size: 0.9em; line-height: 1.1em;}

.para_footer {margin: 5px; line-height: 1em; padding: 0; text-align: right;}


h1 {margin: 0; padding: 0;}

h2 {font-size: 2em; padding: 20px; margin: 0; text-align: right; font-weight: lighter; text-align: left;}

h3.pageHeading{font-size: 1.8em; font-style: italic; padding: 0 10px 30px 10px; font-weight: lighter;}

.contact {list-style: none; line-height: 1.6em;}