/* johncrice.com stylesheet for OBCAOW */



/* 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(151,213,222);
		margin:0;
		padding:0;
		}
		
		div#wrapper {
		width:900px;
		height:auto;
		min-height:550px;
		background-color: white;
		padding:0;
		margin:0 auto;
		border-right:1px dotted rgb(104,104,104);
		border-left:1px dotted rgb(104,104,104);
		}
		
		div#header {
		background-color:rgb(255,255,255);
		background-image: url(../images/header_logo2.jpg);
		background-repeat: no-repeat;
		height:195px;
		width:900px;
		}
		
		div#content {
		width:880px;
		height:100%;
		min-height:400px;
		padding:0 10px 0 10px;
		}
		
		div#sidebar {
		position:relative;
		top:250px;
		right:15px;
		width:250px;
		height:75px;
		padding:10px;
		float:right;
		background-color: rgb(255,127,0);
		border:1px dotted rgb(255,255,255);
		}
		
		div#resources {
		padding:10px;
		border:1px dotted rgb(204,204,204);
		width:260px;
		float:right;
		height:500px;
		background-color:rgb(236,247,255);
		}
		
		div#sidebar_info {
		width:310px;
		height:auto;
		padding:10px;
		margin:10px 40px 0 0;
		float:right;
		background-color: rgb(245,245,245);
		border:1px dotted rgb(255,255,255);
		}
		
		div#footer {
		background-color: rgb(255,255,255);
		width:880px;
		height:35px;
		padding:0 10px 0 10px;
		margin:50px 0 0 0;
		border-top:1px dotted rgb(104,104,104);
		border-bottom:1px dotted rgb(104,104,104);
		}
		

/* paragraph style */

		p#nav {
		font-family:"Century Schoolbook", Times, serif;
		padding: 0 0 0 10px;
		font-weight: 100;
		text-align:left;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #FFFFFF;
		letter-spacing: 0;
		word-spacing: 0;
		width:900px;
		margin:-25px 0 20px 0;
		}
		
		p#nav a#active {
		text-decoration:none;
		color:rgb(255,255,255);
		background-color:rgb(255,127,0);
		padding:3px 10px 4px 10px;
		}
		
		p#nav a:visited {
		text-decoration:none;
		color:rgb(255,127,0);
		}
		
		p#nav a:link {
		text-decoration:none;
		color:rgb(255,127,0);
		}
		
		p#nav a:hover {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p#nav a: {
		padding:0 6px 0 6px;
		}
		
		p#nav span {
		color:rgb(200,200,200);
		font-size: 1.0em;
		}
		
		
		
		
		p#subnav {
		font-family:"Century Schoolbook", Times, serif;
		padding: 0 0 0 10px;
		font-weight: 100;
		text-align:left;
		font-size: 0.8em;
		line-height: 1.4em;
		color:rgb(104,104,104);
		letter-spacing: 0;
		word-spacing: 0;
		width:900px;
		margin:-12px 0 15px 0;
		text-transform: uppercase;
		}
		
		p#subnav a#active {
		text-decoration:none;
		color:rgb(255,255,255);
		background-color:rgb(255,127,0);
		padding:3px 10px 4px 10px;
		}
		
		p#subnav a:visited {
		text-decoration:none;
		color:rgb(104,104,104);
		}
		
		p#subnav a:link {
		text-decoration:none;
		color:rgb(104,104,104);
		}
		
		p#subnav a:hover {
		text-decoration:underline;
		color:rgb(0,0,0);
		}
		
		
		


		p#copyright {
		font-family:arial, sans-serif;
		margin:0 auto;
		text-align:left;
		font-size: 0.7em;
		line-height: 1.4em;
		color:rgb(180,180,180);
		padding:16px 0 15px 10px;
		width:900px;		
		}
		
		p#utilities {
		font-family:arial, sans-serif;
		margin:0 auto;
		text-align:left;
		font-size: 0.8em;
		line-height: 1.4em;
		color:rgb(104,104,104);
		padding:6px 0 0 10px;
		margin:0 0 0 0;
		width:900px;	
		}
		
		p#utilities a:visited {
		text-decoration:none;
		color:rgb(104,104,104);
		}
		
		p#utilities a:link {
		text-decoration:none;
		color:rgb(104,104,104);
		padding:0 6px 0 0;
		}
		
		p#utilities a:hover {
		text-decoration:none;
		color:rgb(0,0,0);
		}
		
		
		
		
		
		p#back_to_top {
		font-family:arial, sans-serif;
		margin:0 auto;
		text-align:center;
		font-size: 0.8em;
		line-height: 1.4em;
		color:rgb(104,104,104);
		padding:6px 0 4px 2px;
		margin:0 0 0 0;
		width:900px;
		border:1px dotted rgb(104,104,104);
		width:80px;
		float:right;
		}
		
		p#back_to_top a:visited {
		text-decoration:none;
		color:rgb(104,104,104);
		}
		
		p#back_to_top a:link {
		text-decoration:none;
		color:rgb(104,104,104);
		padding:0 6px 0 0;
		}
		
		p#back_to_top a:hover {
		text-decoration:none;
		color:rgb(0,0,0);
		}
		
		
		
		
		
		p.citation {
		font-family:arial, sans-serif;
		text-align:left;
		font-size: 0.7em;
		line-height: 1.4em;
		color:rgb(104,104,104);
		padding:0 0 0 10px;
		margin:8px 0 0 0;
		text-indent:10px;
		}
		
		p.citation a:visited {
		text-decoration:none;
		color:rgb(104,104,104);
		}
		
		p.citation a:link {
		text-decoration:none;
		color:rgb(104,104,104);
		padding:0 6px 0 0;
		}
		
		p.citation a:hover {
		text-decoration:none;
		color:rgb(0,0,0);
		}
		
		
		
		
		
		p.intro {
		font-family:"Century Schoolbook", Times, serif;
		margin:8px 0 12px 0;
		font-weight: 100;
		text-align:left;
		font-size: 1.2em;
		line-height: 1.7em;
		color:rgb(130,130,130);
		padding:0 0 0 10px;
		width:400px;
		/* border:1px solid #ff0000; */
		}
		
		
		

		
		p {
		font-family:"Century Schoolbook", Times, serif;
		margin:8px 0 12px 0;
		font-weight: 100;
		text-align:center;
		font-size: 1.0em;
		line-height: 1.4em;
		color: #FFF;
		padding:0 0 0 10px;
		/* width:400px; */
		/* border:1px solid #ff0000; */
		}
		
		
		
		p a:active {
		text-decoration:underline;
		color: #036;
		}
		
		p a:visited {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		p a:link {
		text-decoration:underline;
		color: #036;
		}
		
		p a:hover {
		text-decoration:underline;
		color: #036;
		}
		
		p span {
		font-family: Trebuchet ms, Verdana, arial, sans-serif;
		font-size: 1.4em;
		color:rgb(255,127,0);
		}
		
		
		
		div#sidebar p {
		font-family:Arial, sans-serif;
		margin:6px 0 8px 0;
		font-weight: 100;
		text-align:left;
		font-size: 0.9em;
		line-height: 1.4em;
		color:rgb(255,255,255);
		padding:0 0 0 10px;
		width:220px;
		}
		
		div#sidebar p a:active {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#sidebar p a:visited {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#sidebar p a:link {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#sidebar p a:hover {
		text-decoration:underline;
		color:rgb(255,255,255);
		}
		
		div#sidebar h2 {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 1.2em;
		font-weight: 100;
		text-align: left;
		color:rgb(255,255,255);
		letter-spacing: 1px;
		padding:0 0 0 8px;
		margin: 10px 0 0 0;
		}
		
		
		
		
		
		div#resources p {
		font-family:Arial, sans-serif;
		margin:6px 0 8px 0;
		font-weight: 100;
		text-align:left;
		font-size: 0.9em;
		line-height: 1.4em;
		color:rgb(104,104,104);
		padding:0 0 0 10px;
		}
		
		div#resources p a:active {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		div#resources p a:visited {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		div#resources p a:link {
		text-decoration:underline;
		color:rgb(255,127,0);
		}
		
		div#resources p a:hover {
		text-decoration:underline;
		color:rgb(0,0,0);
		}
		
		div#resources h2 {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 1.2em;
		font-weight: 100;
		text-align: left;
		color:rgb(255,127,0);
		letter-spacing: 1px;
		padding:0 0 0 8px;
		margin: 10px 0 12px 0;
		}

		
		ul#resource_list {
		font-size:1.1em;
		width:250px;
		margin:0 0 0 6px;
		line-height: 1.7em;
		list-style-position:inside;
		list-style-image:url(../images/asterix.gif);
		}
		
		ul#resource_list li {
		text-align:left;
		font-weight: normal;
		font-size:0.8em;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
		color:rgb(104,104,104);
		}
		
		ul#resource_list li a:link {
		color:rgb(104,104,104);
		text-decoration:underline;
		}
		
		ul#resource_list li a:visited {
		color:rgb(104,104,104);
		text-decoration:underline;
		}
		
		ul#resource_list li a:hover {
		color:rgb(0,0,0);
		text-decoration:underline;
		}
	
		
		
		
		
		
		h1#logo {
		font-family:"Garamond", "Times New Roman", "Times", serif;
		font-size: 3.5em;
		letter-spacing: -2px;
		word-spacing: -3px;
		color:rgb(230,230,230);
		padding:4px 0 3px 0;
		font-weight:100;
		margin:0;
		text-align: center;
		}
		
		h2#logo {
		font-family:"Garamond", "Times New Roman", "Times", serif;
		font-size: 2.0em;
		word-spacing: -3px;
		color:rgb(230,230,230);
		padding:4px 0 5px 0;
		font-weight:100;
		margin:0;
		text-align: center;
		}
		
		h1#alliance {
		text-transform: capitalize;
		font-size: 1.8em;
		color:rgb(120,120,120);
		font-family:"Garamond", "Times New Roman", "Times", serif;
		letter-spacing: 5px;
		word-spacing: 5px;
		padding: 8px 0 0 0;
		font-weight:100;
		margin:-10px 0 0 22px;
		text-align: center;
		}
		

		
		h2 {
		font-family: "Century Schoolbook", "Times New Roman", serif;
		font-size: 1.2em;
		font-weight: 100;
		text-align: left;
		color:rgb(100,100,100);
		letter-spacing: 1px;
		padding:0 0 8px 10px;
		margin: 40px 0 0 0;
		}
		
		h3 {
		font-family: Arial, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		color:rgb(100,100,100);
		letter-spacing: 3px;
		margin: 5px 0 20px 10px;	
		}
		
		
	ul#list1 {
	width:390px;
	list-style: none;
	margin:20px 0 25px 10px;
	}
	
	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;
	background-color:rgb(240,240,240);
	padding:6px 15px 7px 15px;
	margin:10px 0 10px 0;
	font-size:0.9em;
	line-height:1.8em;
	font-weight: bold;
	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;
	list-style-image: none;
	}
	
	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);
	}
	
	ul.list2 li a:link {
		color:rgb(25,25,25);
		text-decoration:underline;
	}
	
	ul.list2 li a:visited {
		color:rgb(25,25,25);
		text-decoration:underline;
	}
	
	ul.list2 li a:hover {
		color:rgb(25,25,25);
		text-decoration:underline;
	}
	


	p.back2top {
		font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		font-size:0.7em;
		line-height:1.5em;
		color:rgb(104,104,104);
		padding: 6px 0 10px 25px;
		margin:0 60px 10px 25px;	
	}
	
	p.back2top a:link {
		color:rgb(50,50,50);
		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;
	}
	

		
	div#png_box {
		background-color: rgb(210,210,210);
		width:850px;
		height:250px;
	}


	
	div#flashmovie {
	height:230px;
	width:300px;
	border:1px solid #666;
	margin:0 0 0 22px;
	}