/*
* tela-root.css: 960 pixels wide, centered, 1 column
* This css is almost identical to nutshell-blue.css - except paths to images are different.
*/

/* -----------------------------------
Layout...
----------------------------------- */

#container
{
	margin: 0 auto;
	width: 960px;
	background:#fff;
}

#header
{
	background:#fff;
	margin-bottom: 0;
	padding: 0;
	height: 135px;
	background-image:  url(nutshell/images/nutshell-blue-header.gif);  
 	background-repeat:no-repeat; 	
}

/*  See Navigationdiv and other navigation code below. */

#content
{
	clear: left;
	padding: 30px 50px 5px 50px;
      background:  url(nutshell/images/nutshell-blue-content-bkgd.gif) repeat-y 100% 0;
}

#nutshellfooter
{
	text-align: center;
	height: 70px;
      padding-top: 6px;
	background: #ffffff;
	background-image:  url(nutshell/images/nutshell-blue-footer.gif);  
 	background-repeat:no-repeat; 	
}

#nutshell-notice
{
	margin: 0 0 10px 0;
	padding: 10px;
      background: #ffffff;
      color: #8f8f8f;
	text-align: center;
	font-size: 80%;
}


/* The following is a div for adsense stuff */
#closing-stuff
{
	margin: 0 auto;
	width: 728px;
      height:90px; 
	text-align: center;
	padding: 0px;
      background: #ffffff;
}


/* The following is a div at the bottom of the page for the small arrow link to top or the page. */
#arrowtop
{
	margin: 10px auto;
	width: 19px;
      height:19px; 
	text-align: center;
	padding: 16px;
      background: #ffffff;
}


/* -----------------------------------
General
----------------------------------- */


body
{
	margin: 0px;
	padding: 0;
	font: 90%/1.3 helvetica, arial, sans-serif;
	color: #444;
	background-image:  url(nutshell/images/nutshell-blue-page-bkgd.gif);  
 	background-repeat:repeat-x; 	
}


#content h2 { margin: 0 0 1em 0; text-align: center; color:#000; font-size: 140%; }

/* Primary Link Colors */
a:link { color: #0b578a; }
a:visited { color: #0a2131; }
a:focus {	color: #fff; background: #000;}
a:hover, a:active { color: #f00; background-color: #fff; }
/* Primary Link Colors Ends*/

/* Secondary Link Colors */
.sec { font-weight:normal; font-size:8pt; font-style:normal; font-family:Arial }
.sec A:link      { color: #FF0000; text-decoration:underline; font-size:8pt }
.sec A:visited   { color: #C00099; text-decoration:underline; font-size:8pt }
.sec A:active    { color: #9933FF; text-decoration:none font-size:8pt }
.sec A:hover     { color: #CD6090; text-decoration:none font-size:8pt }
/* Secondary Link Colors Ends */



/* Smaller links for Return to top code: */
.sm-top { font-size: 75%; text-decoration: none; }
		  a.white-top:link {  color: #aaaaaa; text-decoration: none}
		  a.white-top:hover {  color: #ffffff; text-decoration: none}
		  


/* Navigation Menu Begins */
#navigationdiv {
   background-color: #0a568a;
   height: 30px;
   padding-top: 8px;
}
    	
#navcontainer {
    margin-left: 544px;
    margin-right: 0px;
    overflow: hidden; /* contain floated elements */
    display: block; text-align:center;
}

#navleft {
    float: left; 
    width: 132px;
    background-color: #0a568a;
    padding: 5px;
}
#navcenter { 
    float: left;
    width: 80px;
    background-color: #0a568a;
    padding: 5px;
}
#navright{
    float: left;
    width: 124px;
    background-color: #0a568a;
    padding: 5px;
}

/* Links for Navigation links: */
.navmenu { text-transform:uppercase; font-size: 11px; text-decoration: none; letter-spacing:1px;}
		  a.navmenu:link { color: #ffffff; padding: 10px 5px; text-decoration: none;}
		  a.navmenu:visited { color: #ffffff; padding: 10px 5px; text-decoration: none;}
		  a.navmenu:hover { color: #ffffff;  padding: 10px 5px; text-decoration: none; background-color: #351a31;}
		  a:visited:hover { color: #ffffff; padding: 10px 5px; text-decoration: none; background-color: #351a31;}
	  
/* Navigation Menu Ends */


		  

/* The following is a div that creates a horizontal rule (hr) substitute that works in all browsers. */

.hrsub {
	background-color: #837921;
	border: 1px solid #837921;
	height: .5%;
	margin: 30px 0px;
   	width: 400px;
}

/* The following are the divs that form 2 columns with gold borders - used on the nutshell/index.htm page. */

div.wrap {
    border: none;
    margin-bottom: 20px;
    overflow: auto;
}
div.one {
    width: 400px;
    padding: 20px 10px;
    border: 2px solid #837921;
    float: left;
}
div.two {
    width: 400px;
    padding: 20px 10px;
    border: 2px solid #837921;
    float: right;
}


.gender { display:none; visibility: hidden; }


/* Some font and background color formatting: */

.fs-sm { font-size: 80%; }
.fs-lg { font-size: 120%; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.fc-red { color: #ff0000; }
.fc-white { color: #ffffff; }
.fc-blue { color: #0a568a; }
.fc-purple { color: #351a31; }
.fc-gold { color: #837921; }
.fc-gray { color: #cccccc; }
.fc-dkgray { color: #888888; }

.bk-ltgray { background-color: #eeeeee; }
.bk-ltblue { background-color: #e7edf8; }