/* Author: Andrew Myers http://apathetic.atwebhosting.com
 * File: layout.css
 * Description: CSS Layout for template. Defines how/where elements should be placed.
 * 				Override colours and font information in another file. 
 */

/* Standard Font size and type */
body {width: 95%;margin: auto;margin-bottom: 50px;margin-top: 10px;}

/* Page Banner Styles */
#banner {padding: 1.5%;	clear: both;}
#banner h1, p {margin: 0px;margin-top: 5px;}

/* Sidebar */
#sidebar {
	/* if you want this on the left change the float and clear attributes to left. 
		Also change the float and clear attributes to right on #content  */
	float: left;
	clear: left;
	/*padding: 5px;*/
	width:19.5%;
	margin:1px;
	margin-bottom:1.5%;
	margin-top: 1.5%;
}

.box {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.box h3 {
	text-align: center;
	margin: 0px;       
}

.box p {
	text-align: justify;
}	

/* Content */

#content {
	/* if you want this on the right change the float and clear attributes to right. 
		Also change the float and clear attributes to left on #sidebar  */
	float: right;clear: right;padding: 5px; width: 77%;margin-bottom: 1.5%;margin-top: 1.5%;	border-left-width: 2px;border-left-style: solid;}

#content p {text-align: justify;padding: 2px;	padding-right: 10px;}
#content h3 {margin-top: 15px;	margin-bottom: 5px;}

/* Navigation Bar */
#navigation {clear: both;text-align: right;	padding: 5px;}
#navigation a, #navigation a:visited {text-decoration: none;padding: 2px;border-width: 1px;	border-style: solid;}
#navigation a:hover, #navigation a:visited:hover {border-width: 1px;border-style: solid;}

/* footer styles */
#footer {clear: both;padding: 5px;	border-top-width: 1px;	border-top-style: solid;text-align: left;}
#footer p {margin: 0px;}

/* Other styles */
.left {	float: left;clear: left;padding: 5px;}
.right {float: right;clear: right;padding: 5px;}
/* .button {padding: 2px;	padding-left: 5px;	padding-right: 5px;	border-width: 1px;	border-style: solid;cursor: pointer;} */
input {	border-width: 1px;	border-style: solid;}
a, a:active {cursor: pointer;}
ul {margin-bottom: 5px;	margin-top: 5px;} 
acronym {cursor: help;}

/* Temporary */

.onlineform {color:#ffffff;background-color:#0099cc}
.onlineform br, .onlineform p {clear: left;}
legend {color:#ffffff;background-color:#0099cc}
label,input,select,textarea {display:block;float:left;margin:1px;}
label {text-align:right;width:25%;padding-right:2ex;}
fieldset{ margin:3px;}
#product {padding: 2px; border: 1px;}
#product h2 {background-color:#00cc99;color:#000000;font-size: 95%}