/* CSS for startpage.html file */



/* global css reset starts */
		
		:link,:visited {
		text-decoration:none
		}

		ul,ol {
		list-style:none
		}

		h1,h2,h3,h4,h5,h6,pre,code {
		font-size:1em;
		}

		ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
		margin:0;
		padding:0
		}

		a img,:link img,:visited img {
		border:none
		}

		address {
		font-style:normal
		}
		
		object {
		text-decoration:none;
		}
		
/* global css reset ends */




/* Start of styles */

		body {
		text-align:center;
		background-color:rgb(230,230,230);
		margin:0;
		padding:0;
		height:100%;
		}
		
		div#wrapper {
		width:900px;
		height:100%;
		padding:0;
		margin:0 auto;
		border-left:3px solid rgb(145,145,145);
		border-right:3px solid rgb(145,145,145);
		background-color:rgb(255,255,255);
		}
		
		div#header {
		background-color: rgb(255,127,0);
		width:900px;
		height:35px;
		}
		
		div#content {
		width:850px;
		height:100%;
		margin:20px 0 0 40px;
		padding:0;
		}
		
		div#sidebar {
		width:190px;
		padding:0 0 0 0;
		height:auto;
		float:right;
		clear:both;
		background-color: rgb(230,230,230);
		}
		
		div#footer {
		background-color: rgb(255,127,0);
		width:900px;
		height:32px;
		margin:0;
		padding:0;	
		}
		



/* This styles the paragraph style used as links */

		p#nav {
		font-family: Trebuchet ms, Verdana, arial, sans-serif;
		margin:25px 0 15px 22px;
		font-weight: 100;
		text-align:justify;
		font-size: 0.8em;
		line-height: 1.4em;
		color:rgb(80,90,120);
		width:800px;
		}
		
		p#nav a:active {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p#nav a:visited {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p#nav a:link {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p#nav a:hover {
		text-decoration:underline;
		color:rgb(104,104,104);
		}



/* This styles the text and fonts */
		
		p {
		font-family: Verdana, arial, sans-serif;
		margin:12px 0 12px 12px;
		font-weight: 100;
		text-align:left;
		font-size:small;
		line-height: 1.6em;
		color:rgb(90,90,90);
		width:560px;
		}

		div#sidebar p {
		font-family: arial, sans-serif;
		margin:12px 0 12px 10px;
		font-weight: 100;
		text-align:left;
		font-size:small;
		line-height: 1.6em;
		color:rgb(90,90,90);
		width:150px;
		}
		
		div#sidebar p a:visited {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		div#sidebar p a:link {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		div#sidebar p a:hover {
		text-decoration:underline;
		color:rgb(104,104,104);
		}
		
		div#sidebar p a:active {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p a:visited {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p a:link {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p a:hover {
		text-decoration:underline;
		color:rgb(104,104,104);
		}
		
		p span {
		font-family: Trebuchet ms, Verdana, arial, sans-serif;
		font-size: 1.4em;
		color:rgb(255,127,0);
		}
		
		
		
		div#footer p {
		font-family: arial, sans-serif;
		padding:6px 0 0 22px;
		margin:20px 0 0 30px;
		font-weight: 100;
		text-align:left;
		font-size:0.7em;
		color:rgb(255,255,255);
		width:850px;
		}
		
		div#footer p a:visited {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#footer p a:link {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#footer p a:hover {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#footer p a:active {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		h1 {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 2.5em;
		text-align: left;
		color:#rgb(54,54,54);
		padding: 20px 0 10px 0;
		font-weight: 100;
		margin:4px 0 12px 0px;
		}
		
		h2 {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 1.2em;
		font-weight: 100;
		text-align: left;
		line-height: 1.2em;
		color:rgb(0,0,0);
		letter-spacing: 1px;
		padding:2px 0 4px 0;
		text-indent: 10px;
		margin: 20px 0 0 0px;
		border-top:1px dotted rgb(174,174,174);
		border-bottom:1px dotted rgb(174,174,174);
		width:600px;
		}

		h2.sidebar {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 1.0em;
		font-weight: 100;
		text-align: left;
		line-height: 1.1em;
		color:rgb(0,0,0);
		letter-spacing: 1px;
		padding:2px 0 4px 0;
		margin: 30px 0 0 0;
		width:180px;
		border:none;
		}
		
		h3 {
		font-family: Arial, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		color:rgb(255,255,255);
		letter-spacing: 3px;
		margin: 5px 0 20px 0px;	
		}


		
		
	ul#list1 {
	width:600px;
	list-style: none;
	margin:20px 0 25px 22px;
	}
	
	ul#list1 em {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color:rgb(104,104,104);
	}

	ul#list1 li {
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(104,104,104);
	}
	
	ul#list1 li a:link {
		color:rgb(50,50,50);
		text-decoration:none;
	}
	
	ul#list1 li a:visited {
		color:rgb(104,104,104);
		text-decoration:none;
	}
	
	ul#list1 li a:hover {
		color:rgb(104,104,104);
		text-decoration:none;
	}
	
	ul.list2 {
	font-size:1.0em;
	width:600px;
	list-style: none;
	margin:0 0 15px 22px;
	line-height: 1.7em;
	list-style-type: square;
	list-style-position: inside;
	}
	
	ul.list2 li {
	text-align:left;
	font-weight: normal;
	font-size:0.8em;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:rgb(104,104,104);
	}
	


	p.back2top {
		font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		text-align:right;
		font-size:0.7em;
		line-height:1.5em;
		color:rgb(255,127,0);
		padding: 6px 0 10px 25px;
		margin:0 0 10px 0;	
	}
	
	p.back2top a:link {
		color:rgb(255,127,0);
		text-decoration:none;
	}
	
	p.back2top a:visited {
		color:rgb(104,104,104);
		text-decoration:none;
	}
	
	p.back2top a:hover {
		color:rgb(104,104,104);
		text-decoration:none;
	}
	
	
/* This styles images */
	
	img {
	float:right;
	padding:0;
	}
		
	div#png_box {
		background-color: rgb(210,210,210);
		width:850px;
		height:250px;
	}

/* This styles the grey sidebar on the right */

	div.sidebar {
	width:150px;
	height:125px;
	float:right;
	clear:both;
	padding:10px;
	text-align: left;
	border-left:1px dotted #666;
	height:auto;
	min-height: 500px;
	}
	
	div.sidebar p {
	width:100px;
	}
	
	div#flashmovie {
	height:230px;
	width:300px;
	border:1px solid #666;
	margin:0 0 0 22px;
	}
	
/* This styles the images in the sidebar */
	
	img.sidebar {
	border:1px solid rgb(135,135,135);
	margin:15px 0 10px 8px;
	background-color: white;
	float:left;
	}
	
/* This styles the images not in the sidebar */
	
	img.content {
	border:1px solid rgb(135,135,135);
	margin:15px 15px 10px 8px;
	background-color: white;
	float:left;
	}