
/* CSS Document
version 1.0
created: chutty 25/07/2009;
info@chutty.co.uk
CSS Document - reset defaults */
body{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sub{vertical-align:text-bottom;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* Layout -------------------------------------------------------------------
Changes to layout - do not center text.  Left justified
print.css should be on 16 pages.
print button for .doc.
embed video into website, volumne chnages to youtube video.


*/
body{
padding:20px 0px 0px 0px;
}

#wrapper{
width:960px;
height:auto;
margin-left:auto;
margin-right:auto;

}

#banner{
background-color:#FFFF00;
width:960px;
height:50px;
float:left;
margin:0px;
padding:0px;
}

#langselect{
width:960px;
float:left;
text-align:center;
}

#frontpge_eng{
width:960px;
float:left;
text-align:center;
padding-top:20px;
}

#index_content{
width:940px;
padding:20px 10px 0px 10px;
float:left;
text-align:center;
}

#main_content{
width:640px;
padding:20px 120px 0px 120px;
float:left;
text-align:justify;
}

#footer{
width:940px;
padding:20px 10px 10px 0px;
float:left;
clear:both;
}



/* Texts, Tables ------------------------------------------------------------*/

h1{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:200%;
text-align:center;
}

h1 .front_header{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:200%;
text-align:center;
background-color:#fff;}

h2{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:140%;
text-align:left;
line-height:1.25em;
font-weight:bolder;
margin-bottom:20px;
}

h3{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:140%;
line-height:1.25em;
margin-bottom:20px;
font-weight:normal;
background-color:#FFFF00;
}

p{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:100%;
line-height:1.25em;
margin-bottom:20px;
font-weight:normal;
}

p.question{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:80%;
line-height:1.25em;
margin-bottom:20px;
font-weight:bold;
color:red;
}

p.answer{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:80%;
line-height:1.25em;
margin-bottom:20px;
font-weight:normal;
}

p.footer{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:80%;
}

/*#lefttext{
display:block;
font-size:100%;
text-align:left;
float:left;
}

#righttext{
display:block;
float:right;
text-align:right;
}

#centertext{
text-align:center;
}*/

tr, td{
text-align:center;
padding-top:10px;
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:100%;
line-height:1.25em;
margin-bottom:20px;
}

img.pshrgt_20{
padding-right:20px;
}

table.footer_nav{
font-family:"Comic Sans MS", sans-serif, Verdana;
font-size:80%;
}

img.imgintext{
margin:0px 25px 0px 0px;
padding:0px;
float:left;
}

img.imgintextright{
margin:0px 0px 0px 25px;
padding:0px;
float:right;
}

/* Link styling -------------------------------------------------*/

a.links, a.links:link,a.links:visited{
/*border:1px solid #000000;*/
/*margin-top:10px; *//*use margin top NOT margin Bottom as this can cause problems in Opera*/
text-decoration:none;
font-family:"Comic Sans MS", sans-serif, Verdana;
color:#003399;
text-align:left;
}

a.links:hover{
text-decoration:underline;
}

/*and now for the active*/
a.links:active{
text-decoration:underline;
}

.leftalign{
text-align:left;
vertical-align:text-top;
}
