/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

/**************** body and tag styles ****************/
	body {
	  margin-top: 0px;	  
	  margin-bottom: 0px;
	  background:#8a8cb2 url(../images/background2.gif) center repeat-y;
	  }

	#container {
	  width: 750px;
	  margin: 0 auto;
	  margin-top:0px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
	  
	#container2 {
	  width: 730px;
	  margin: 0 auto;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  line-height: 1.6em;
	  color: #666666;
	  background-color: #FFFFFF;
	  }
		
	h1 {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 26px;
	  font-weight:lighter;
	  letter-spacing:7px;
	  line-height:30px;
	  color: #6DA6E2;
	  color: #ffffff;
	  margin-bottom: 0px;	  }
		
	h2 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  padding-top:10px;
	  }
		
	h3 {
	  color: #FFFFFF;
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
	  padding-top:10px;
	  }
	  		
	h4 {
	  color: #666666;
	  font-size: 14px;
	  font-family: Arial, Helvetica, sans-serif;
	  padding-top:10px;
	  }
		
	a {
	  color: #6DA6E2;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 5px 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

/**************** form styles ****************/
	form {
	  float:left;
	  font-size: 9px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  width: 500px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  width:100px;
	  }
	
	textarea {
	   width: 500px;
	  }
	  
	input.buttons {
	   width: 100px;
	   color:#FFFF00;
	   background-color: blue;
	  }

/**************** header styles ****************/
	#header {
	  width: 740px;
	  height:165px;
	  border: 0px;
	  padding-left: 10px;
	  background-color:#373b6a;
	  padding-top:10px;
	  clear: both;
	  }
	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #999999;
	  }

	.headertext {
	  color: #FFFFFF;
	  font-size: 13px;
	  font-family: Arial, Helvetica, sans-serif;
	  margin:73px 20 0 140px;
	  }
/**************** menu styles ****************/
	#nav {margin:0px 0 0px 0;}

    #nav {
      float:left;
      width:750px;
      background:#dae0d2 url("../images/bg.gif") repeat-x bottom;
	  height:45px;
      }
    #nav ul {
      margin:0;
      padding:16px 10px 0;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("../images/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("../images/left_both.gif") no-repeat left top;
      padding:5px 9px;
      text-decoration:none;
      font-weight:bold;
      color:#000;
	  height:18px
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #demos #nav-demos, 
    #menus #nav-menus,
    #layouts #nav-layouts, 
    #boxes #nav-boxes,
    #mozilla #nav-mozilla,
    #explorer #nav-explorer,
    #opacity #nav-opacity {
      background-position:100% -150px;
      }
    #demos #nav-demos a, 
    #menus #nav-menus a,
    #layouts #nav-layouts a, 
    #boxes #nav-boxes a,
    #mozilla #nav-mozilla a,
    #explorer #nav-explorer a,
    #opacity #nav-opacity a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }

/**************** content styles ****************/
	#content {
	  width: 720px;
	  padding-left: 0px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: left;
	  }
		
	#content p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** sidebar styles ****************/
	#sidebar {
	  width: 175px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 10px;
	  float: right;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** footer styles ****************/
	#footer {
	  width: 730px;
	  margin: 0 auto;
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 0px;
	  padding-right: 0px;
	  clear: both;
	  }
		
	#footer p {
	  color:#bbb;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #aaa;
	  font-weight:100;
	  }
		
	#footer p a:hover {
	  color: #a00;
	  text-decoration: none;
	  }