/* Example 21-13: styles.css */

* {
    font-family:verdana,sans-serif;
    font-size  :16pt; }

body {
	width     :1000px;
	margin    :0px auto;
    background:#ffffff;
	background:url(image/HOOKUP%202.jpg);
	border    :1px solid #888;
	}
	

html {
    background:#218cd0
	url(image/HOOKUP%203.jpg);
color:#300;

	}
	

img {
    border            :2px solid black;
    margin-right      :20px;
	 -moz-box-shadow   :2px 2px 2px #888;
	 -webkit-box-shadow:2px 2px 2px #888;
	 box-shadow        :2px 2px 2px #888; }

li a, .button{
    text-decoration:none; }

li a:hover, .button:hover {
    color:green; }
 
.appname {
    text-align :center;
    background :#218cd0;
    color      :#ffffff  ;
    font-family:elephant;
    font-size  :20pt;
    padding    :4px; }

.fieldname {
    float:left;
    width:120px; }
	 
.main {
    margin-left:120px; }


.menu li, .button {
    display           :inline;
    padding           :4px 6px;
    border            :1px solid #777;
    background        :#ddd;
	 color             :#ff0000;
    margin-right      :8px;
	 border-radius     :5px;
	 -moz-box-shadow   :2px 2px 2px #888;
	 -webkit-box-shadow:2px 2px 2px #888;
	 box-shadow        :2px 2px 2px #888; }

.subhead {
    font-weight:bold; }

.taken, .error {
    color:red; }

.available {
    color:yellow; }

.whisper {
    font-style:italic;
    color     :#520d0d; }
	
	/*slideshow*/
#slideshow{height:150px; }

/*left col*/
#leftcol{width:1000px; float:left; margin-right:25px; margin-left:10px; display:inline; margin-bottom:15px; }
	#leftcol .box{border:solid 1px #eee;  margin-top:10px; background:url(../images/headerbg.jpg) repeat-x;}
	#leftcol .box h2{border:solid 1px #fff; padding:5px 15px; font-weight:bold; font-size:13px; color:#616364; background:#afa292; color:#fff;  }
	#leftcol .box p{padding:15px 15px 15px 15px;}
	#leftcol .box ul {margin:0;}
	#leftcol .box ul li{list-style:none; border-bottom:solid 1px #eee; padding:5px 15px;}
	#leftcol .box ul li.last{border:none;}
	#leftcol .box ul li a{color:#555;}
	#leftcol .box ul li a:hover{color:#333;}
	#leftcol .box ul ul li{border:none; background:url(../images/sidenav.jpg) no-repeat center left;padding:3px 15px 3px 17px;}