/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: style.css
* Description: CSS file for the entire Connections of Moorhead website
*
*********************************************************************************/


/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(forms.css);


/* Body 
--------------------------------------------------------------------------------*/

*
	{
	margin:0px;
	padding:0px;
	}

body 
	{
	margin:5px 0px 10px 0px;
	padding:0px;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:#e5e5e5;
	}

h1
	{
	font-weight:normal;
	font-size:1.8em;
	line-height:1em;
	color:#0000ba;
	text-indent:-999em;
	}
	
h2
	{
	margin:0px 0px 0.5em 0px;
	padding:0px 0px 0.2em 0px;
	font-weight:normal;
	font-size:1.6em;
	line-height:1em;
	color:#0000ba;
	border-bottom:1px solid #000000;
	}
	
h3
	{
	font-weight:bold;
	font-size:1em;
	line-height:1.8em;
	}
	
h4
	{
	font-weight:bold;
	font-size:0.875em;
	line-height:1.8em;
	}
	
h5
	{
	font-weight:bold;
	font-size:0.75em;
	line-height:1.8em;
	}
	
h6
	{
	font-weight:bold;
	font-size:0.6875em;
	line-height:1.8em;
	}
	
hr
	{
	display:none;
	}

table
    {
    margin:0px 0px 1.8em 0px;
    border:1px solid #b0b0b0;
    border-collapse:collapse;
    }

th, td
    {
    padding:5px;
    border:1px solid #b0b0b0;
    }

#content table
    {
    font-size:0.6875em;
    line-height:1.8em;
    }

/* fix for tables inside of paragraphs and vice versa */

#content p table, #content table p
    {
    font-size:1em;
    }

#content table p
    {
    padding:0px;
    line-height:1em;
    }

#content table .tableheader
    {
    font-weight:bold;
    }

#content table.documents
    {
    border:none;
    }

#content table.documents .tableheader
    {
    background:#dae9ff;
    }

#content table.documents td
    {
    border:none;
    border-bottom:1px solid #dadada;
    }
	

/* Images 
--------------------------------------------------------------------------------*/

img
    {
    border:none;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:1px solid #0066ff;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:1px solid #0066ff;
    clear:both;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    }

.imageright img, .imageleft img
    {
    }


/* Links 
--------------------------------------------------------------------------------*/

a
	{
	text-decoration:none;
	color:#0066ff;
	border-bottom:1px solid #0066ff;
	}

a:hover, a:active
	{
	color:#000000;
	background:#dae9ff;
	border-bottom:1px solid #0066ff;
	}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited
    {
    text-decoration:none;
    border:none;
    }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    {
    color:#000000;
    border-bottom:1px solid #0066ff;
    }

a.nostyle
    {
    border:none;
    background:none;
    }
	

/* Container 
--------------------------------------------------------------------------------*/

#container 
	{
	width:796px;
	margin:0px auto;
	background:transparent;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #container 
	{
	position:absolute;
	left:50%;
	margin:0px 0px 0px -398px;
	}
	
	
/* Header 
--------------------------------------------------------------------------------*/

#header 
	{
	float:left;
	width:796px;
	height:155px;
	background:url(/images/connections_headerbg.gif) no-repeat;
	}

#logo
    {
    float:left;
    }

#logo img
    {
    display:none;
    }
	
#randomimage
	{
	}
	
#topimage
	{
	width:483px;
	height:124px;
	margin:19px 0px 0px 293px;
	padding:0px;
	}
	

/* Navbar
--------------------------------------------------------------------------------*/

#navbar
	{
	float:left;
	width:796px;
	height:32px;
	background:url(/images/connections_navbarbg.gif) no-repeat;
	}
	
.dropdown
	{
	width:171px;
	margin:0px;
	padding:0px;
	}
	
.dropdown_topbg
	{
	width:171px;
	height:8px;
	background:url(/images/connections_dd_topbg.gif) no-repeat;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html .dropdown_topbg
	{
	margin:0px 0px -6px 0px;
	}
	
.dropdown_mainbg
	{
	width:171px;
	background:url(/images/connections_dd_mainbg.gif) repeat-y;
	}
	
.dropdown_bottombg
	{
	width:171px;
	height:15px;
	background:url(/images/connections_dd_bottombg.gif) no-repeat;
	}
	
	
/* Main background 
--------------------------------------------------------------------------------*/

#main 
	{
	float:left;
	width:796px;
	background:url(/images/connections_mainbg.gif) repeat-y;
	}
	

/* Content 
--------------------------------------------------------------------------------*/

#content 
	{
	float:left;
	width:510px;
	margin:0px 0px 0px 20px;
	padding:15px 15px 0px 15px;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html #content 
	{
	margin:0px 0px 0px 10px;
	}
	
#content p
	{
	padding:0px 0px 1.8em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	}
	
#content ul
	{
	margin:0px 0px 0em 26px;
	padding:0px 0px 1.8em 0px;
	font:0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	}

#content ul ul
    {
    font-size:1em;
    }
	
#slogan
	{
	float:left;
	width:510px;
	padding:1em 0px 0px 0px;
	border-top:1px dotted #000000;
	}
	
#slogan p
	{
	margin:0px 0px 1em 0px;
	padding:0px;
	font:italic 1em "Times New Roman", Times, serif;
	color:#0066ff;
	text-align:center;
	}

object
    {
    display:block;
    margin:0px 0px 1em 0px;
    }

#donatebutton
    {
    margin-bottom:1em;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:208px;
	margin:15px 0px 0px 0px;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #sidepane
	{
	margin:15px 0px 0px 0px;
	}
	
.sidebox
	{
	width:208px;
	margin:0px 0px 14px 0px;
	}
	
.sidebox_top
	{
	width:208px;
	height:17px;
	background:url(/images/connections_box_topbg.gif) no-repeat;
	}

/* star hack to correct discrepencies between IE7 and older versions */

* html .sidebox_top
	{
	margin:0px 0px -1px 0px;
	}
	
.sidebox_main
	{
	width:172px;
	padding:0px 18px 0px 18px;
	background:url(/images/connections_box_mainbg.gif) repeat-y;
	}
	
.sidebox_main p
	{
	padding:0em 0px 1em 0px;
	font:0.6875em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	}

.sidebox_main img
	{
	display:none;
	}
	
.box_heading
	{
	font:bold 0.75em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#0000ba;
	}
	
.sidebox_bottom
	{
	width:208px;
	height:20px;
	background:url(/images/connections_box_bottombg.gif) no-repeat;
	}
	
#contactinfo
	{
	width:200px;
	padding:0px 8px 0px 0px;
	}
	
#contactinfo p
	{
	padding:0px 0px 1.8em 0px;
	font:0.6875em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	text-align:right;
	}
	
	
/* Main bottom background 
--------------------------------------------------------------------------------*/

#mainbottom
	{
	float:left;
	width:796px;
	height:23px;
	background:url(/images/connections_footerbg.gif) no-repeat;
	}

/* Footer 
--------------------------------------------------------------------------------*/
	
#footer 
	{
	float:left;
	padding:0px 0px 0px 22px;
	}
	
#footer p
	{
	font:0.625em Arial, Helvetica, sans-serif;
	color:#000000;
	}

#footer a:link, #footer a:visited 
	{
	text-decoration:none;
	color:#005b98;
	border:none;
	}

#footer a:hover 
	{
	text-decoration:underline;
	color:#005b98;
	}
	
#footer a:active
	{
	text-decoration:underline;
	color:#005b98;
	}


/* Classes 
--------------------------------------------------------------------------------*/

.warning
	{
	font-weight:bold;
	color:#ff0000;
	}

.pagecontent
	{
	}
	
.contentpiece 
	{
	}

.contenttitle 
	{
	padding:0px 0px 1.8em 0px;
	font:bold 0.6875em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	}
	
.hr
	{
	width:100%;
	height:0px;
	margin:0px 0px 1em 0px;
	padding:0px;
	border-top:1px dotted #000000;
	}