/*
	style for scotmcn site
	15 August 2007
*/

body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	text-align:center;
	color:#333;
	font-size:80%;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1 {
	color:#222;
	font-size:200%;
	font-weight:normal;
}

h2 {
	color:#333;
	font-size:160%;
	font-weight:normal;
}

h3 {
	font-size:140%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:120%;
}

h6 {
	font-size:110%;
}

p {
}

a,
a:link,
a:visited,
a:active {
	text-decoration:none;
	color:#3b86d9;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

/*														CONTAINER BLOCKS */

#bg_container {
	width:840px;
	text-align:center;
	margin:0px auto;
	background-image:url(images/scotmcn_logo.jpg);
	background-repeat:no-repeat;
	background-position:420px -55px;
}

#container {
	width:740px;
	text-align:left;
	margin:0px auto;
}

#header {
	height:140px;
}

#header_links {
	padding-top:110px;
}
	
#header a {
	color:#91924f;
	padding:0px;
	padding-left:10px;
	font-weight:normal;
}

#menu {
	height:35px;
	width:612px;
	border-bottom:4px solid #abac69;
}

#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu ul li {
	float:left;
	margin:0px;
}

#menu ul li a {
	display:block;
	text-align:center;
	padding:7px 16px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	border-right:1px solid #5d5d5d;
	color:#222;
	font-weight:normal;
}

#menu ul li a:hover {
	text-decoration:none;
}

/*						individual menu styles */

#menu ul li a.home {
	width:50px;
	background-color:#b9c3f0;
	background-image:url(images/menu_home_bg.gif);
	background-repeat:repeat-x;
}

#menu ul li a.about {
	width:82px;
	background-color:#86e79d;
	background-image:url(images/menu_about_bg.gif);
	background-repeat:repeat-x;
}

#menu ul li a.faq {
	width:47px;
	background-color:#a8e15a;
	background-image:url(images/menu_faq_bg.gif);
	background-repeat:repeat-x;
}

#menu ul li a.support {
	width:65px;
	background-color:#ffbd47;
	background-image:url(images/menu_support_bg.gif);
	background-repeat:repeat-x;
}

#menu ul li a.projects {
	width:67px;
	background-color:#ffa2d9;
	background-image:url(images/menu_projects_bg.gif);
	background-repeat:repeat-x;
}

#menu ul li a.involved {
	width:102px;
	background-color:#ffa8aa;
	background-image:url(images/menu_involved_bg.gif);
	background-repeat:repeat-x;
}

/*								dropdown panels */

#menu li ul {
	position: absolute;
	left: -999em;
	z-index:100;
	width:240px;
	border-top:4px solid #abac69;
}

#menu li ul li {
	width:240px;
	margin:0px;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	margin-left:-1px;
}

#menu li ul li a {
	display:block;
	width:214px;
	text-align:left;
	padding-left:16px;
	padding-right:10px;
	border-right:none;
}

/*								individual dropdown panels */

#menu li ul.about_drop li a {
	background-color:#7dde94;
	border-bottom:1px solid #53cc6f;
	border-top:1px solid #c0edca;
}

#menu li ul.about_drop li a:hover {
	background-color:#9afbb1;
	border-bottom:1px solid #c0edca;
	border-top:1px solid #53cc6f;
}

#menu li ul.support_drop li a {
	background-color:#ffbd47;
	border-bottom:1px solid #dda328;
	border-top:1px solid #ebde85;
}

#menu li ul.support_drop li a:hover {
	background-color:#ffd385;
	border-bottom:1px solid #ebde85;
	border-top:1px solid #dda328;
}

#content {
	padding:30px 50px 50px;
}

#breadcrumbs {
}

#breadcrumbs a {
}

#footer {
	position:relative;
	border-top:2px solid #abac69;
	height:60px;
}

#searchbox {
	position:absolute;
	left:20px;
	top:20px;
}

#footerinfo {
	position:absolute;
	left:150px;
	top:20px;
	width:590px;
	text-align:center;
	font-size:x-small;
}

/*														CLASS STYLES */

.smaller {
	font-size:70%;
}

table.styled {
	border-top:1px solid #69a8eb;
	border-right:1px solid #69a8eb;
}

table.styled th {
	background-color:#357cd4;
	color:#fff;
	border-bottom:1px solid #69a8eb;
	border-left:1px solid #69a8eb;
}

table.styled td {
	border-bottom:1px solid #69a8eb;
	border-left:1px solid #69a8eb;
}

/*													interactive FAQ styles */

#focus {
	position:absolute;
	left:-999px;
}

#expander {
	color:#3b86d9;
}

#expander div {
	margin:5px 0px;
}

.point {
	cursor:pointer;
}

#expander div.boing {
	display:none;
	list-style-type:none;
	padding:10px;
	margin:5px 0px;
	background-color:#efefef;
	border:1px solid #dbdbdb;
	color:#333;
	font-weight:normal;
	cursor:default;
}