/* General Layout */

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.header {
	height: 380px;
	background-image:url(../images/header.jpg);
	background-position: center top;
	background-color: #000;
}

.flash_header {
	width: 960px;
	height: 268px;
	margin-left: auto;
	margin-right: auto;
}

.navigation {
	height: 35px;
	width: 950px;
	padding:5px;
	margin-left: auto;
	margin-right: auto;
}

.content {
	min-height: 150px;
}

.content .grid {
	width: 920px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

.grid_1 {
	width: 440px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

.grid_2 {
	width: 280px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 20px;
}

#form .grid_1 {
	width: 440px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
#form .grid_2 {
	width: 280px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 20px;
}

.latest_news {
	list-style-type: none;
}

.footer {
	background-image: url(../images/footer.jpg);
	background-position: center top;
	background-color: #000;
	height: 204px;
	text-shadow: 1px 1px 2px #000;
}

.flash_footer {
	width: 960px;
	height: 165px;
	margin-left: auto;
	margin-right: auto;
}

.footertext {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


/**********************************

Name: cmxform Styles

***********************************/


form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #ccc;
}

form.cmxform fieldset {
	border: none;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}






/* ==================== NEWSLETTER =================== */
/* ====================================================*/
.join{
	float:left;
	width:980px;
	margin:-57px 0 0 -9px;	
}
.join fieldset{
	background:#014370;
	border-width:0px;
	margin:0;
	padding:11px 0 0 44px;
	height:66px;
}
.join p{
	float:left;
	width:239px;
	margin:0 12px 0 0;
}
.join p label{
	display:block;
	color:#fff;
	font-size:14px;
	padding:0 0 1px;
}
.join p input{
	margin:0;
	padding:7px 5px 8px;
	height:16px;
	width:229px;
	float:left;
	background:#000;
	font-size:14px;
	font-size:16px;
	border-width:0px;	
	color: #fff;
}
.join .join_btn{
	width:137px;
	height:33px;
	background:#0D0954;
	text-align:center;
	color:#fff;
	font-size:18px;
	float:left;
	margin:20px 0 0 7px;
	padding:0 0 3px;
	cursor:pointer;
	border-width:0px;
}


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

/* ==================== SOCIAL =================== */
/* ====================================================*/


.social {
    position: fixed; 
    right: 0; 
    top: 400px; 
    width: 60px; 
    height: 115px;
    background:   url(../images/social.png) 0 0 no-repeat  ; 
    padding: 7px 0 5px 0;
    z-index: 9999;
    }
    
    .facebook {	
        background:   url(../images/socialicons.png) 0 0 no-repeat  ; 
        display: block;
        width: 50px;
        height: 49px;
        text-indent: -9999px;
        margin-left: 5px;
        }
    .twitter {
    	background:   url(../images/socialicons.png) 0 -50px no-repeat  ; 
        display: block;
        width: 50px;
        height: 49px;
        text-indent: -9999px;
        margin-left: 5px;
        }
        
        
    .facebook:hover {	
        background:   url(../images/socialicons.png) -50px 0 no-repeat  ; 
        }
    .twitter:hover {
    	background:   url(../images/socialicons.png) -50px -50px no-repeat  ; 
        }
        
        
        
        
        
        
/* ==================== Latest News =================== */
/* ====================================================*/

#news { width: 418px; height: 240px; overflow: hidden; float: right; background:url(../images/news-bg-block.png) no-repeat 0 0; padding: 80px 0 25px 25px; font-size: 12px; line-height: 12px !important; }
#newsrss { float: right; margin: -50px 50px 0 0; background:url(../images/news-rss.png) no-repeat 0 0; display: block; width: 30px; height: 31px; text-indent: -9999px;}

#newsrss:hover { background:url(../images/news-rss.png) no-repeat -30px 0;}

#viewall { float: right; margin: -40px 100px 0 0; }
    .news { width: 305px; margin: 0; }
    .news a { color: #6cb1d8;}
    .news p { line-height: 16px; margin-top: 2px; }
    #viewmore { float: right; display: block; width: 54px; height: 30px; background:url(../images/view-more.png) no-repeat 0 0; text-indent: -9999px; margin: 0 -65px 0 3px;}
    #viewmore:hover { background:url(../images/view-more.png) no-repeat -54px 0; }

    
.contenttxt {width: 500px; float: left;}