@charset "UTF-8";
/* CSS Document */

body {
background-color:#e6e6e6;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

#wrapper {
margin:0px auto;
padding:0px;
text-align:center;
width:700px;
}

.formdisplay {
display:none}

#logo {
background:url(../layoutImg/logo.jpg) no-repeat;
width:303px;
height:61px;
float:right;
margin:5px 1px 0px 0px;
padding:0px;
}

#logo span {display:none;}

.clear { margin:0px; padding:0px; clear:both; }


/*----Heading----------*/

h1 { font-size:1.4em; color:#ff6666; font-weight:bold; height:20px; padding:0px 0px 5px 0px;}

h2 { font-size:1.2em; color:#222; font-weight:bold; height:16px; padding: 2px 0px; }



#contentWrapper { width:700px; background:url(../layoutImg/background.jpg) repeat-y;  padding:0px; margin:-12px 8px 0px 10px; padding:0px; text-align:left; font-size:1.2em; border-top:1px solid#ccc;}

a:link { color:#CC0000; text-decoration:none;}
a:visited { color:#ff6666; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}


#navwrapper {margin:0px 2px; padding:0px; height:40px; float:left;}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
     #nav {
      float:left;
	  margin-left:0px;
      width:100%;
      }
	  
	 *html body #nav {
	 margin-left:-5px;
	 }
	  
    #nav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #nav li {
      float:left;
      background:url(../layoutImg/right_both.jpg) no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
	  
	 *html body #nav li {
	 margin:0 0 0 4px;
	 }
	  
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url(../layoutImg/left_both.jpg) no-repeat left top;
      padding:10px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#222;
      }
	  
	 *html body #nav a {
	 left:-5px;
      margin-right:-9px;
	 }
	  
    #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:#ff3333;
      }
    #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:#ff3333;
      }
    #nav li:hover a {
      /*background-position:0 -150px;*/
      }


#main { margin:10px 14px 10px 215px; padding:10px 0px; width: 465px;}

#main img {margin:0px 20px; padding:1px; border:1px solid #ccc;}


#main p {line-height:1.4em;}

.left {float:left; border:1px solid #ccc; padding:1px; margin:0px 10px 10px 0px;}
.right {float:right; border:1px solid #ccc; padding:1px; margin:0px 10px 10px 0px;}

a img {border:1px solid #fff;}

.clear {clear:both; margin:0px; padding:0px;}

.mission {padding:5px; margin:0px; border:1px double #DDD; background-color: #FFf; color:#000; font-size:1.3em;}
.btn {padding:2px; margin:0px; border:1px solid #ccc; background-color:#ff6666; color:#fff; font-size:11px;}


#left {float:left; width:200px; margin:10px 0px; padding:10px 0px;} 

#left img {margin:20px 10px 0px 20px; padding:1px;}

#left dl { margin:0px; padding:0px; text-align:right;}
#left dt { margin:0px 10px; padding:1px 5px; width:170px; height:20px; background:url(../layoutImg/leftTitle.jpg) no-repeat; color:#fff; font-weight:bold; font-size:1.4em;}
#left dd {margin: 0px; padding: 0px; }
#left dd a {text-decoration: none; font-size:1.2em; color:#333; margin:0px 10px; padding:10px 5px; border-bottom:1px solid #ccc; display:block; }
#left dd a:hover {background-color:#ccc; color:#ff3333; border-left:2px solid #ff6666; }

#bottomFooter p { font-size:10px;}

#footer { background:url(../layoutImg/footer.jpg) no-repeat; margin:0px; padding:0px; width:700px; height:33px;}
#footer p { text-align:center; font-size:10px; color:#333; }


/*------Contact-----------*/

#EnqSender, #EnqTelephone, #EnqEmailSender, #EnqSubject { width: 300px;}

.input {border:1px solid #ccc;}
