/*  This file is part of Sava CMS (www.gosava.com).

    Sava CMS is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, Version 2 of the License.

    Sava CMS is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Sava CMS.  If not, see <http://www.gnu.org/licenses/>.

*/



/* @group GLOBALS
=================================================== */

/*body {
	font-size: 62.5%;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	}

textarea {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	}

ul, ol, dl { margin-bottom: 1.8em; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
*/

/* @end GLOBALS
---------------------------------------------- */



/* @group LAYOUT
=================================================== */
#headerWrapper{
	margin: auto;
	width: 100%;
	z-index: 0;
}

#headerInnerWrapper{
	margin: 0 auto;
	width: 980px;
	z-index: 1;
}

#logoSearchWrapper{
	z-index: 2;
	position:relative;
}

#searchArea{
	width: 200px;
	height: 40px;
	margin: 0;
	margin-top: 16px;
	float: right;
	z-index: 200;
	position:relative;
}

#headerLogo{
	margin: 0;
	width: 300px;
	/*height: 108px;*/
	height: 82px;
	z-index: 10;
	position: absolute;
	float: left;
}

#navContainer{
	margin-top: 6px;
	height: 56px;
	width: 980px;
	float:right;	
	background-image:url(../images/assets/bg_nav.png);
	background-repeat:no-repeat;
	z-index: 20;
	position:relative;
}


#flashcontent{
	margin: 0 auto;
	width: 980px;
	height: 500px;
	float:left;
}

#container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#bodyContainer{
	width: 980px;
	margin: 0 auto;
}

#content {
	clear: both;
}

#primary {
	float: left;
	margin-top: 10px;
	width: 100%;
	padding: 0;
}

#secondary {
	float: left;
	margin-top: 10px;
	width: 710px;/*actual 730px*/
	/*padding-right: 20px;*/
	padding: 0;
}


#tertiary{
	float: left;
	margin-top: 10px;
	margin-left: 80px;
	width: 630px;/*actual 730px*/
	/*padding-right: 20px;*/
	padding: 0;
}


/*Video Containers*/
#videoContainer{
	width: 730px;
	height:auto;
	margin-bottom: 30px;
	float: left;
}

#videoContentContainerTop{
	background-image:url(../images/assets/bg_blueTop.png);
	background-repeat:no-repeat;
	width: 730px;
	height: 10px;
	float: left;
}

#videoContentContainer{
	background-color: #0d6db6;
	width: 540px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 95px;
	padding-right: 95px;
	float: left;
}

#videoListContainerBtm{
	background-image:url(../images/assets/bg_videoList.png);
	background-repeat:no-repeat;
	width: 656px;
	height: 145px;
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 32px;
	padding-right: 42px;
	float: left;
}


#videoColumnContainer{
	width: 160px;
	padding-top: 5px;
	margin: 0;
	/*margin-left: 8px;
	margin-right: 8px;*/
	float: left;
	text-align: left;
	font-size:10px;
}

#videoColumnContainer a, #videoColumnContainer a:link{
	color: #5a5b5e;
	text-decoration: none;
}

#videoColumnContainer a:hover{
	color: #2460ba;
	text-decoration: underline;
}


#videoThumbDivider{
	height: 15px;
	width: 582px;
	margin-bottom: 10px;
	float: left;
	
}

/*Facebook Twitter Share*/
#facebookTwitContainer{
	width: auto;
	float: left;
}

#facebookTwitContainerBtm{
	width: auto;
	float: right;
}

/*set this for blue background*/
html .fbShareBlue, html .fbShareBlue a, html .fbShareBlue a:link{ 
	padding:2px 0 0 20px; 
	height:16px; 
	background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
	margin-right: 15px;
	font-size: 10px;
	color: #FFFFFF;
	float: left; 
}


html .twitShareBlue, html .twitShareBlue a, html .twitShareBlue a:link{ 
	padding:2px 0 0 15px; 
	height:16px; 
	background:url(/sa/default/images/assets/twitthis.png) no-repeat top left; 
	margin-right: 15px;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
}

/*set this for white background*/
html .fbShare, html .fbShare a, html .fbShare a:link{ 
	padding:2px 0 0 20px; 
	height:16px; 
	background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
	margin-right: 15px;
	font-size: 10px;
	float: left; 
}


html .twitShare, html .twitShare a, html .twitShareB a:link{ 
	padding:2px 0 0 15px; 
	height:16px; 
	background:url(/sa/default/images/assets/twitthis.png) no-repeat top left; 
	margin-right: 12px;
	font-size: 10px;
	float: left;
}

/*Blue Content Containers*/

#blueContentContainer{
	background-color: #0d6db6;
	width: 638px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	
	margin-top: 0;
	margin-bottom: 20px;
	float: left;
}

#blueContentContainerIndented{
	background-color: #0d6db6;
	width: 558px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 80px;
	
	color:#FFFFFF;
}


#blueContentColumnOne{
	width: 440px;
	float: left;
}

#blueContentColumnTwo{
	font-size: 17px;
	color: #b2cde7;
	width: 178px;
	padding-left: 20px;
	float: left;
}


.threeCol #primary {
	width: 528px;
}

.content,
.sidebar {
	/*min-height: 500px; *//* Fixes odd no-content disappearing bug. */
	margin-bottom: 30px;
	}

.sidebar {
	margin-left: 15px;
	width: 235px;
}

.moreInfoSidebarTop{
	background-image:url(../images/assets/sidebar_top.jpg);
	background-repeat:no-repeat;
	height: 15px;
}

.moreInfoSidebar{
	background-image:url(../images/assets/sidebar.jpg);
	background-repeat:no-repeat;
}

.moreInfoSidebarBtm{
	background-image:url(../images/assets/sidebar_btm.jpg);
	background-repeat:no-repeat;
	background-position: top;
	width: 235px;
	height: 15px;
}


#left.sidebar {}
#right.sidebar {}

/*footer*/
#footerWrapper{
	margin: auto;
	float: left;
	width: 100%;
	

	padding-top: 0px;
	padding-bottom: 15px;
}


/*end footer*/

#left { float: left; }
#right { float: right; }

.clear { width: 100%; clear: both; }

/* @end LAYOUT
---------------------------------------------- */



/* @group NAVIGATION/UI
=================================================== */

/* @group Primary Navigation
=================================================== */
#navPrimary {
	clear: both;
	list-style: none;
	float: right;
	position: relative;
	z-index: 1000;
}

#navPrimary ul {
	list-style: none;
	padding-left: 0;
	}

#navPrimary li {	
	float: left;
	margin: 0 auto;
	width: 122px;
	font-family: Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#navPrimary li.first { 
	/*margin-left: 180px;*/ 
	/*border-left: 1px solid #dbdbdb;*/
}

#navPrimary li a {
	display: block; 
	height: 22px;
	/*line-height: 4.7em;*/ 
	
	text-decoration: none; 
	padding-top: .9em;
	color: #ffffff;
	/*border-right: 1px solid #dbdbdb;*/
	text-transform: uppercase;
	background-image: url(../images/assets/bg_nav_up.png);
	background-repeat: no-repeat;
}

#navPrimary li a:hover,
#navPrimary li:hover,
#navPrimary li.sfhover {
	color: #3f9ffe;
	background-image: url(../images/assets/bg_nav_f2.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

#navPrimary li.current a { 
	color: #3f9ffe; 
	background-image: url(../images/assets/bg_nav_f2.png);
	background-repeat: no-repeat;
}

#navPrimary li.current a:hover { 
	/*background-color: #2460ba;*/ 
	/*border-bottom: 2px solid #6f1d22;*/
}

#navPrimary li.current li a { 
	background-color: transparent;
}

#navPrimary li ul { 
	/*background-color: #2460ba; */
	/*border-top: 1px solid #ffffff; */
} /* second-level lists */

#navPrimary li li.first { 
	margin-left: 0; 
}

#navPrimary li li { 
	/*border-top: 1px solid #2460ba; */
}

#navPrimary li li a { 
	color: #ffffff;
	/*border-top: 1px solid #2460ba; */
}

#navPrimary li:hover li a:hover,
#navPrimary li.sfhover li a:hover { 
	color: #ffffff; 
	/*background: #919191; */
	border: 0px;
}

#navPrimary li li ul { 

	/*background-color: #919191;*/ 
	/*border-top: 1px solid #ffffff; */
} /* third-level lists */


/* @group Dropdown Nav
=================================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/*/


#navPrimary li ul { /* second-level lists */
	width: 12em;
	position: absolute;
	left: -9999px;
	z-index: 1000;
	margin: 0;
	}

#navPrimary li li { /* all list items */
	float: left;
	width: 12em; /* width needed for Opera */
	}

#navPrimary li li a {
	display: block;
	padding: .5em;
	line-height: 1;
	text-transform: none;
}

#navPrimary ul li.first,
#navPrimary ul li li.first { /* all list items */
	border: 0;
	}

#navPrimary li ul ul { /* third-and-above-level lists */
	margin: -2.1em 0 0 12em;
	}

#navPrimary li:hover ul ul,
#navPrimary li:hover ul ul ul,
#navPrimary li.sfhover ul ul,
#navPrimary li.sfhover ul ul ul {
	left: -9999px;
	}

#navPrimary li:hover ul,
#navPrimary li li:hover ul,
#navPrimary li li li:hover ul,
#navPrimary li.sfhover ul,
#navPrimary li li.sfhover ul,
#navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	
	
	
	 
/* @end Dropdown Nav
---------------------------------------------- */

/* @end Primary Navigation
---------------------------------------------- */


/* @group Secondary Nav
=================================================== */

#secondaryNavWrapper{
	width: 630px;
	margin-top: -12px;
	padding-left: 40px;
	padding-right: 0px;
	/*background-color:#000000;*/
	float: right;
	
	position: relative;
	z-index: 5000;

}

/*.navSecondary{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}

.navSecondary li ul {
	margin: 0;
	list-style: none;
}

.navSecondary li {
	float: left;
	margin: 0;
	line-height: 1.4em;
}

.navSecondary li a { 
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	color: #666666;
	text-decoration: none; 
	border-left: 1px solid #666666;
}

.navSecondary li.first a { 
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	color: #666666;
	text-decoration: none;
	border-left: none;
}

.navSecondary li a:hover {
	color: #3f9ffe;
	text-decoration: none;
}

.navSecondary li.current a {
	color: #3f9ffe;
	font-weight: normal;
}*/


/* @group Second Level
=================================================== */

.navSecondary li.current ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navSecondary li.current ul li  {
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.navSecondary li.current ul li.last  { position: relative; }

.navSecondary li.current ul li a {
	display: block;
	font-weight: normal;
	text-decoration: none; /* IE6 Bug */
	color: #4c4c4c;
	/*background-color: #f8f8f8;*/
	padding-left: 35px;
	padding-right: 20px;
}

.navSecondary li.current ul li a:hover { 
	color: #4c4c4c;
	background-color: #e7e7e9;
}

.navSecondary li.current li.current a { 
	color: #4c4c4c;
	background-color: #e7e7e9;
	
}

/* @end Second Level
---------------------------------------------- */

/* @end Secondary Nav
---------------------------------------------- */

/* @end NAVIGATION/UI
---------------------------------------------- */



/* @group CLEARFIX
=================================================== */

/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* @end CLEARFIX
---------------------------------------------- */


/* EOF */