/*
Design by mo.ahmed@hmi-tech.net Dec 2009
http://www.hmi-tech.net
For Cavendish Banqueting
ALL RIGHTS REVRESED BY HMI TECHNOLOGIES, MUMBAI, INDIA
This Style Sheet Uses php and mysql data connections for setting
*/
body{
    margin:             0px;
    padding:            10px 0px 0px 0px;
    }
    
a {
    outline:			none;
}   
  
a:link, a:visited, a:hover {
    text-decoration:    none;
}
           
input, textarea {
    background-color:   #222222; 
    height:             18px;
    font-weight:        bold;
    overflow:           auto;
}

/*
    Content Divs - Page layout controllers
*/  
#wrapper {
    width:              1000px;
    margin:             auto;
    padding:            5px;
    border-style:       solid;
    }   
#header {
    height:             80px;
    background-image:   url("../Site-Images/logo.jpg");
    background-repeat:  no-repeat;
    }
#mainContent {
    margin:             5px 5px 5px 5px;
    width:              700px;
    float:              left;
    }
#sidebar {
    margin-right:       5px;
    width:              270px;
    float:              right;
}
#footer {
    margin:             5px;
    clear:              both;
    border-top:         thin solid;
    height:             40px;
    font-size:          1.1em;
}

#rightfooter {
    padding-top:        10px;
    float:              right;
    text-align:         right;
    font-size:			1.2em;
}
#vWrapper {
	width:              700px;
	height:				470px;
	margin:             0px;
	padding:            0px;
	margin-left: 		10px;
	margin-top: 		5px;
    }
	  
.vCell {
	width:              340px;
	height:				225px;
	margin:             5px;
	padding:            0px;
	float: 				left;
    }
.vImage {
	margin:             0px;
	padding:            0px;
	height: 			200px;
    }
.vCaption {
	margin:             0px;
	padding:            0px;
	font-size:			1.2em;
    }


/*********************** SCROLLERS ***********************/
.root {
    position:           relative;
    height:             250px;
    width:              270px;
    margin:             10px 0px 10px 0px;
    border:             thin solid;
    }
.thumb {
    position:           absolute;
    height:             9px;
    width:              15px;
    left:               10px;
    }
.up, .dn {
    position:           absolute;
    left:               10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img {
    border:             0px;
    }
.scrollContainer { 
    position:           absolute; 
    left:               0px; 
    top:                0px; 
    width:              270px; 
    height:             250px; 
    border-right:       thin solid;
    clip:               rect(0 467 200 0); 
    overflow:           auto; 
    }
.scrollContent { 
    position:           absolute; 
    left:               0px; 
    top:                0px; 
    width:              250px; 
    }
/*
    Style for Main Menu Items
*/
#mainmenu {
    border-bottom:      thin solid;
    padding:            40px 0px 5px 0px;
    font-size:          1.1em;
    text-align:         right;
    float:              right;
    }
.mainmenuitem {
    padding:            0px 5px 0px 10px ;
    float:              left;
    text-align:         center;
    border-right-style: none;
    border-right-width: thin;
    }
.imagelinks a {
    display:            block;
    background:         url("../Site-Images/imglink.jpg") 0 0 no-repeat;
    height:             25px;
    padding-top:        5px;
    width:              270px;
    }
.imagelinks a:hover {
    background-position:bottom;
    font-size:          1.1em;    
    }
.slideshow a { 
    display:            block;
    background:         url("../Site-Images/slideshow.jpg") 0 0 no-repeat;
    height:             30px;
    width:              30px;   
    }
.slideshow a:hover {
    background-position:bottom;
    }

.imagebuttons input {
    display:            block;
    background:         url("../Site-Images/button.jpg") 0 0 no-repeat;
    height:             35px;
    width:              125px;
    text-align:         center;
    text-decoration:    none;
    border:             0px;
    font-family:        "Times New Roman", Times, serif;
    font-size:           large;
}

.imagebuttons input:hover { 
    background-position:bottom;
}