/*************** 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: #333;
font: 62.5% Arial, Helvetica, sans-serif;
height: 100%;
}

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

    .first-para {
    background:#96110A;
    color:#fff;
    font-weight:bold;
    padding:10px;
    }
    
    .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;
padding-bottom: 5px;
}

h1 {
font-size: 3em;
color:#fff;
letter-spacing:-1px;
}

h2 {
font-size: 2.7em;
letter-spacing:-0.06em;
/*line-height: 1.05em;*/
padding-bottom: 5px;
}

h3 {
font-size: 2.0em;
letter-spacing:-0.01em;
/*line-height: 1.05em;*/
padding-bottom: 5px;
}

h2, h3 {
margin: 0;
}

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

h5 {
font-size: 1.6em;
color:#fff;
letter-spacing:0px;
}

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;
    font-weight:bold;
    background:#333333 url(../images/section-btn.jpg) bottom left;
    color:#ffffff;
    display:block;
    padding: 15px 10px 15px 55px;
    }
    
    a:hover.goto, a:active.goto {
    text-decoration: none;
    font-weight:bold;
    background:#003366 url(../images/section-btn.jpg) top left;
    color:#ffffff;
    display:block;
    padding: 15px 10px 15px 55px;
    }    
    a:link.deactivate, a:visited.deactivate {
    text-decoration: none;
    font-weight:bold;
    background:#999;
    color:#ffffff;
    display:block;
    padding: 15px 10px 15px 55px;
    }
    
    a:hover.deactivate, a:active.deactivate {
    text-decoration: none;
    font-weight:bold;
    background:#999;
    color:#ffffff;
    display:block;
    padding: 15px 10px 15px 55px;
    }       
    a:link.email, a:visited.email {
    text-decoration: none;
    font-weight:bold;
    background:#000;
    color:#ffffff;
    border-bottom::inline;
    padding: 3px;
    }
    
    a:hover.email, a:active.email {
    text-decoration: none;
    font-weight:bold;
    background:#781414;
    color:#ffffff;
    display:inline;
    padding: 3px;
    }  
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;
background: url(../images/header.gif) bottom center;
}

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

#wrapper {
width: 900px;
margin: 0 auto;
/*background:#ccc;*/
padding:0;
}

#navigation {
height:40px;
background:#999999;
}

#splash {
height:210px;
background:#244A89 url(../images/splash.jpg) bottom right;
margin:0 0 10px 0;
color:#fff;
padding: 0 400px 0 10px;
}

#leftcolumn {
width: 31%;
float: left;
margin: 0 0 10px 0;
padding: 5px;
/*background: #e3e3e3;*/
}

#centercolumn {
width: 31%;
float: left;
margin: 0 0 10px 17px;
padding: 5px;
/*background: #e3e3e3;*/
}

#rightcolumn {
width: 31%;
float: right;
margin: 0 0 10px 0;
padding: 5px;
/*background: #e3e3e3;*/
}
 
#sidebar {
width: 33%;
float: left;
margin: 0 0 10px 0;
padding: 0;
background: #e3e3e3;
}

#content {
width: 66%;
float: left;
margin: 0 0 10px 0;
padding: 5px;
}
.emailbox {
background:#1A2A52; 
color:#fff; 
float:left; 
padding:10px 10px 10px 10px; 
margin-right:10px;
}

#sidebar2 {
width: 33%;
float: right;
margin: 0 0 10px 0;
padding: 0;
background: #e3e3e3;
}

#content2 {
width: 63%;
float: left;
margin: 0 0 10px 0;
padding: 10px;
background: #e3e3e3;
}

#footer {
clear:both;
text-align:center;
/*background:#999;*/
border-top: #ccc 5px solid;
color:#666666;
padding: 10px 10px 10px 0px;
margin:0;
bottom:0;
height:80px;
}


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

#nav {
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	/*line-height:0px;*/
}
#nav li{
	margin-left:3px;
	float:left;
}
#nav li a{
	height: 40px;
	display:block;
	float:left;
	text-decoration:none;
	/*text-indent: -900em; activate when image used for button*******/
}

#nav #nav-1 a{
	width: 100px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav #nav-1 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav #nav-1 a:active, #nav #nav-1 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}

#nav #nav-2 a{
	width: 100px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav #nav-2 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav #nav-2 a:active, #nav #nav-2 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}

#nav #nav-3 a{
	width: 100px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav #nav-3 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav #nav-3 a:active, #nav #nav-3 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}        
    
    
/********************** NAVIGATION MENU 2 - VERTICAL *************************/

#nav2 {
	list-style: none;
	margin:0px;
	padding:0px;
}
#nav2 li{
	margin:1px;
	padding:0px;
    list-style: none;
}
#nav2 li a{
	/*height: 30px;*/
    display:block;
    padding:5px;
	text-decoration:none;
	/*
    text-indent: -900em; activate when image used for button*******/
}

#nav2 #nav-1 a{
	width: 280px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav2 #nav-1 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav2 #nav-1 a:active, #nav2 #nav-1 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}

#nav2 #nav-2 a{
	width: 280px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav2 #nav-2 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav2 #nav-2 a:active, #nav2 #nav-2 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}

#nav2 #nav-3 a{
	width: 280px;
    background: #666666;
    color:#ffffff;
	/*background: url(images/nav-home.jpg) no-repeat left top;*/
}
#nav2 #nav-3 a:hover{
    background: #003366;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
}
#nav2 #nav-3 a:active, #nav2 #nav-3 a.selected {
    background: #003333;
    color:#ffffff;
    /*background: url(images/nav-home.jpg) no-repeat left bottom;*/
	}