/*
	HCCM TABLET CSS
	For use with hccmsite
*/

/* ===== miscellaneous styles ===== */

.screenbox {    /* Used for video box that will resize for different screen sizes */
	width: 480px;
	height: 320px;
}

.screenimg {    /* Used for images that will resize for different screen sizes */
	width: 540px;
	height: 360px;
}

.floatleft {   /* Used in mailus.php to organise contacts */
	margin: 10px 20px;
}

.fitscreen {width: 95%; }   /* Used in dlist to vary table size for Tablet and Phone */

.screenfit {width: 20%; height: 107px;}    /*Used in dlist to vary thumbnail size for Tablet and Phone */

#maintable td {font-size: 12px; } /* Also used in dlist to vary size */

#maintable .limitHeight {height: 92px; } /* To resize images */

/* ===== outer block container - used to set overall page size ===== */

#container
{
	width: 748px;
	border: 10px solid #FFF;			
}

/* ===== header - hccm header wave and current date ===== */

#header
{
	background-image: url(../images/hccm_tabletheader.jpg);
}

.hdrdate {
	left: 75px;
	top: 60px;
}


/* ===== main navigation menu ===== */

#nav {
	width: 736px;
	padding: 4px 6px 0;		/*	was padding: 7px 6px 0;	*/
}

#nav a {
	padding:  8px 12px;	/* top and bottom 8px, right and left 20px */
}

/* ===== topbar - sub-navigation and page headings ===== */

#barContent h1 {
	margin: 0;
	padding: 30px 10px 15px 10px;
}

#barContent h4 {
	margin: 0;
	padding: 20px 10px;
}

#banner
{
	width: 280px;
	height: 180px;
	background-image: url(../images/hccmtabletbanner.jpg);
}

/* ===== Primary Page Content - Two columns ===== */

/* ===== sidebar ===== */

#sidebar
{
	width: 200px;
}

/* ===== main column ===== */

#content
{
	margin-left: 205px;
}

/* ===== Primary Page Content - Single column ===== */

#singleColumn .col1 {
	width: 200px;
}
#singleColumn .col3 {	/* Can be resized for different screen sizes */
	width: 200px;
	padding-top: 10px;
}
#banner2 {
	margin: 10px 20px 20px 84px;
}
#ftpheader {
	margin: 10px 84px;
}

/* ======== Styles for Landing Pages ======== */

#Henleybar {
	margin-left: 310px;
}

#Lpagebar {
	background-image: url(../images/greenlands2a_tablet.gif);
	height: 158px;
}

/* ===== footer ===== */

#footer p
{
	margin-left: 140px;
}