/*************** Izzat's CSS Framework 4.0 *****************/

/**************** GLOBAL RESETS ******************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
text-align:left;
font-family:inherit;
}

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

ol,ul {
list-style:none;
}

q:before,q:after,blockquote:before,blockquote:after {
content:"";
}

:focus {
	outline: 0;
}

/**************** TYPOGRAPHY SECTION ******************/

body {
line-height: 1;
color: #454545;
font: 62.5% Arial, Helvetica, sans-serif;
height: 100%;
}

html, body {
height: 100%;
}
    
p {
font-size: 1.1em;
line-height: 1.6em;
font-family: Arial, Verdana, sans serif;
padding: 0 0 1.1em 0;
margin:0;
}

    .first-para {
    color:#0085CA;
    font-weight:bold;
    }
    
    .drop-cap {
    float:left;
    font-size:32px;
    padding:4px 4px 4px 2px;
    margin:5px 0 0 0;
    }

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0 0 5px 0;
color: #0E3974;
}

h1 {
font-size: 2.7em;
letter-spacing:-1px;
padding-bottom: 5px;
}

h2 {
font-size: 2.2em;
letter-spacing:-1px;
padding-bottom: 5px;
}

h3 {
font-size: 1.8em;
letter-spacing:-0.2px;
padding-bottom: 5px;
}

h4 {
font-size: 1.6em;
line-height: 23px;
}

strong, b {
font-weight:bold;
 }
 
a:link, a:visited {
color: #ff0000;
text-decoration: underline;
}

a:hover, a:active {
color: #ff0000;
text-decoration: none;
}

    a:link.goto, a:visited.goto {
    text-decoration: none;
    background:#333333;
    color:#ffffff;
    display:inline;
    padding:5px;
    }
    
    a:hover.goto, a:active.goto {
    text-decoration: none;
    background:#003366;
    color:#ffffff;
    display:inline;
    padding:5px;
    }    

ul.points {
list-style-image: url(../images/marker.gif);
list-style-type: none;
font-family: Arial, Verdana, sans serif;
font-size: 1.1em;
line-height: 2em;
color:#454545;
padding:0 0 10px 20px;
}
	
li.points {
list-style-position: outside; 
padding: 0 0 3em 0;
}

blockquote {
margin: 10em;
}

/********************** LAYOUT ELEMENTS *************************/

html {
background:#fff url(../images/bg.jpg) top left repeat-x;
}
 
#header {
height:95px;
padding: 35px 0 0 15px;
margin:0;
}

  .timedate {
  color:#999;
  font-family: Arial, sans-serif;
  font-size:1.1em;
  background:#e7e7e7;
  padding:0px;
  margin: 0 0 0 0;
  float:right;
  }

#wrapper {
width:920px;
/*height:550px;*/
padding:0px;
margin: 0 auto;
background: url(../images/header.jpg) top center no-repeat;
}

#navigation {
height:40px;
background:#666 url(../images/nav-bg.jpg) top left repeat-x;
margin: 0px 15px 0 15px;
border: #20A4A4 1px solid;
}

#splash {
height:160px;
background:#000 url(../images/splash.jpg) top left;
margin:0 15px 10px 15px;
}
 
#sidebar {
width: 47%;
float: right;
margin: 0 0 15px 10px;
padding: 0;
}

#content {
width: 47%;
float: left;
margin: 0 10px 15px 15px;
padding: 0 10px 0 0;
border-right: #ccc 1px solid;
}

#fullcontent {
width: 100%;
float: left;
margin: 0 10px 15px 15px;
padding: 15px 0 15px 0;
border-top: #ccc 1px solid;
}

#fullcontent1 {
width: 100%;
float: left;
margin: 0 10px 15px 15px;
padding: 10px 0 15px 0;
}

#footer {
text-align:center;
clear:both;
background:#A6E3E3;
color:#666;
padding: 15px;
margin:0;
bottom:0;
}

/********************** NAVIGATION MENU - HORIZONTAL *************************/

#nav {
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
    font-size: 1.2em;
    
	/*line-height:0px;*/
}
#nav li{
	margin-left:1px;
	float:left;
}
#nav li a{
	/*height: 30px;*/
    padding:12px 10px 12px 40px;
    display:inline;
	/*display:block;*/
	float:left;
	text-decoration:none;
    font-weight:bold;
	/*text-indent: -900em; activate when image used for button*******/
}

#nav #nav-1 a{
    color:#000;
	background: url(../images/nav-btn1.jpg) no-repeat 10px 10px;
}
#nav #nav-1 a:hover{
    color:#000;
    background: #BAD52F url(../images/nav-btn2.jpg) no-repeat 10px 10px;
}
#nav #nav-1 a:active, #nav #nav-1 a.selected {
    color:#ffffff;
    background: #314666 url(../images/nav-btn2.jpg) no-repeat 10px 10px;
	}}