/*

Big Medium v1.0: Styles for starter templates
These additional styles are required to use the starter styles
included with your Big Medium software.

To load these styles:
1. Go to the Style Editor in the Big Medium control panel.
2. Copy and paste the contents of this file into the
   "Additional styles" field at the bottom of the Styles Editor.
3. Click the "Save" button.


 */


/*
BASIC ELEMENTS
------------------------------ */
.site {
	 border: 2px solid #fff;  width: 780px;
}

body {background-color: #292a42;
	margin:0px;
	padding:0px;
}

h1 {
	margin:5px 0px; font-size: 22px;
}

h1 {
	margin:5px 0px; font-size: 18px;
}

.bmBreadcrumbText {
	margin-top: 5px;
}

ol {
	margin: 10px; padding: 0px 0px 0px 10px;
}

li {
	margin-top: 5px;
}

/*
MAIN NAVIGATION STRIP
------------------------------ */
#MainNav {
	white-space:nowrap;
	margin:40px 0px 0px 0px;
	padding:10px 0px 5px 200px;
	/* IE5 workaround */
	height:36px;
	border-top-style:solid;
	border-top-color:#999;
	border-top-width:1px;
	border-bottom-style:double;
	border-bottom-color:#999;
	border-bottom-width:3px;
	line-height:17px;
	background-color:#eef;

	/* Fake out IE 5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	/* give correct height */
	height:17px; 
}
/* Recover from IE5 fake-out */
body>#MainNav {height:17px;}

.main_nav {
	border-bottom: 2px solid #000;
}

#MenuPos {
	background-color: #292a42; width:780px; height:30px;
}


/*
SITE NAME BOX
------------------------------ */
#SiteName {
	position:absolute;
	text-align:center;
	top:25px;
	left:20px;
	z-index:5;
	border:1px solid #60a;
	background-color:#fff;
	padding:10px;
	line-height:11px;

	/* IE5 workaround */
	width:150px;
	height: 33px;

	/* Fake out IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height:11px;
}
/* Recover from IE5 fake-out */
body>#SiteName {width:128px; height:11px;}

#SiteName a {
	font-weight:bold;
	font-size:11px;
	color:#60a;
	text-decoration:none;
}


/*
ARTICLE CONTENT CONTAINER
------------------------------ */
#ArticleContent {
	/*
	relative position necessary to get access to
	z-index so that main content floats over other
	content when it overlaps in narrow windows   */
	position:relative;

	min-width:400px;
	margin:29px 20px 20px 200px;
	background-color:#fff;
	z-index:5;
}


.panel {
	float:right; 
}

.latest {
	padding-left:10px; width:200px;
}

.aContent {
	width:85%;
}

.artmainimg {
	float: right; margin: 5px; width:208px; padding:10px;
}


/*
HOME/MAINPAGE CONTENT CONTAINER
------------------------------  */
#Content {
	/*
	relative position necessary to get access to
	z-index so that main content floats over other
	content when it overlaps in narrow windows   */
	position:relative;

	width:450px;
	margin:10px 5px 20px 5px;
	background-color:#fff;
	}



.IE5fixer {
	/*
	Any div containing floating elements should go inside
	a IE5fixer div.
	
	Win IE5 has trouble with floating elements: toolpanel,
	pullquotes, images. If these appear in a div with a
	background image, they can disappear and/or cause the
	left margin of the container div to go away.
	100% will work as the width, but be careful not to
	set 100% inside a container div with padding or margin;
	will result in uneven results due to IE5's mishandling of
	the box model   */

	width:100%;
	
	/* Setting to relative helps Win IE5 from losing the
	left margin on any relative-positioned objects
	contined within the IE5fixer object */
	position:relative;
}


/*
CONTENT BOXES AND LABELS
------------------------------ */
.hHighlight, .mainHighlight, .subHighlight, .tipHighlight, .mission, .welcome {	
	/*
	Should always be contained in a IE5fixer div,
	or Win IE5 will run into trouble with floating elements */

	border:1px solid #999;
	padding:15px 10px 10px 10px;
	margin: 23px 0px 10px 0px;
	width:200px;

	/*
	relative position to allow HighlightLabel to be
	positioned relative to the higlight box and float
	over the dashed border   */
	position: relative;
}

.mission, .welcome {
	margin-bottom: 20px; width: 195px;
}

.qttext {
	padding:10px 5px 10px 5px; width: 475px;
}


.qt1, .qt2, .spotlight, .hpspotlight {
	padding:15px 10px 10px 10px;
	margin: 23px 0px 10px 0px;
	width: 470px; height: auto;

	/*
	relative position to allow HighlightLabel to be
	positioned relative to the higlight box and float
	over the dashed border   */
	position: relative;
}

.qt1, .qt2 {
	border:2px solid #292a42; background-color: #C7E2FD;
}

.hpnews {
	padding: 5px;
}

.hpspotlight, .spotlight {
	border:2px solid #ff9933; background-color: #FFE6B0
}

.ArticleText {
	/*
	Should always be contained in a IE5fixer div,
	or Win IE5 will run into trouble with floating elements */
	
	border:1px solid #66a;
	padding:10px;
	margin: 3px 0px 10px 0px;
	text-align:justify;
}

/* Additional line spacing for article text */
 .welcome, .mainHighlight, .tipHighlight, .subHighlight, .mission, .hpspotlight, .spotlight, .welcome, .welcome div, .spotlight div, .hHighlight div, .mission div, .mainHighlight div, .ArticleText, .ArticleText p {
	line-height:1.4em; text-align: justify;
}

.welcomeLabel, .mainHighlightLabel, .tipHighlightLabel, .subHighlightLabel, .missionlabel, .qt1Label, .qt2Label, .spotlightLabel, .hpspotlightLabel {
	position: absolute;
	top:-15px;
	font-size:18px;
	font-weight:normal;
	padding: 5px;
	background-color:#fff;

}

.qt1more, .qt2more {
	position: relative;
bottom: -13px;
	left: 415px;
	font-size:11px;
	font-weight:bold;
	padding: 0 5px 0 5px; width: 50px;
}

.qt1more a, .qt2more a {
	text-decoration: none;
}

.welcomeLabel  {
	color:#292a42; border:2px solid #999; }


.hHighlightLabel  {
	color:#292a42; border:2px solid #999;
}

.mainHighlight {
	border: 1px solid #ff9933; 
	}


.subHighlight {
	border: 1px solid #292a42; 
}

.subHighlight img  {
 text-align: center;	
}

.mainHighlightLabel {
	color:#292a42; border:2px solid #ff9933; padding: 3px; 
}

.subHighlightLabel  {
	background-color:#292a42; border:2px solid #fff; color:white; padding: 5px; border-bottom: 0px;
}

 .tipHighlightLabel {
	color:#292a42; border:2px solid #999; background-color: #e9e9e9; padding: 3px;
}


.missionlabel {
	color: #f93; border:2px solid #999;
}

.qt1Label, .qt2Label{
	background-color:#292a42; margin: 0 5px 5px 5px; padding: 5px;
}


.spotlightLabel, .hpspotlightLabel {
	background-color:#f93; margin: 0 5px 5px 5px; padding: 5px; color: white; letter-spacing: 2px;
}

.qt1more, .qt2more  {
	background-color:#292a42; margin: 0 2px; padding: 2px; 
}

.qt1Label a, .qt2Label a, .qt1more a, .qt2more a, .qt1Label a:visited, .qt2Label a:visited, .qt1more a:visited, .qt2more a:visited {
	color: white; padding: 3px; text-decoration: none; letter-spacing: 2px;
}

.qt1Label a:hover, .qt2Label a:hover, .qt1more a:hover, .qt2more a:hover{
	text-decoration: underline; color: white;
}


/*
LEFT COLUMN
------------------------------ */
.left-col {
	margin:1.3em 0em 1.3em 1.3em;
}

.right-col {
	margin:1.3em 1em 1.3em .7em ;
}


#mainSidebar {
	
	width:180px;
padding-top:15px; 
	
}
.main-left {
	padding: 0 0em 1.3em .5em;
	
}

.main-right {
	padding: 0 0em 1.3em .5em; width:250px;
	
}


/* SUBNAVIGATION SPACING */
#SubNavigation div {
	margin: 5px 0px 0px 10px
}

/* HOMEPAGE TAGLINE/DESCRIPTION */
#Tagline, #Tagline div, #Tagline p {
	color:#66a;
	line-height: 1.3em;
}

/* ANNOUNCEMENTS */
#Announcement {
	border-bottom: 1px #66a dotted;
}
#Announcement, #Announcement div, #Announcement p {
	color:#292a42;
	line-height: 1.3em; margin-bottom: 5px; width:480px;
}



/*
RIGHT COLUMN
------------------------------ */
#subSidebar {margin-top:10px;
	width:220px;
	background-color:#fff;
	z-index:1;
}


.text {
	text-align: justify; padding: 5px 20px 5px 0px; color: #000000;
}

/*
MESSAGE TO OLD BROWSERS
------------------------------ */
#OldBrowsers {
	display: none;
}

/*
SEARCH RESULTS
------------------------------ */

		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #999999; }
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }

		.zoom_searchform { font-size: 100%; }
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }