html , body, div, span, iframe, h1, h2, h3, h4,blockquote,
a,em,font, img, b, u, i, p, table, tbody, tfoot, thead, tr, th, td{
	text-align: left;
	letter-spacing: 0.25px;
	font-family: sans-serif, Arial, Helvetica ;
	font-size: 14px;
	line-height: 1.30;
}

.regLogo {
	display:inline-block;
	float:right;
	position:relative;
	top:60px;
	right:5px;
}		
.regTitle{
	font-size:.3em;
	position:relative;
	top:-5px;
	text-shadow: none;
}	

.wrapper {
	box-shadow: -5px 5px 5px rgb(136,136,136);
	background-color:rgb(255,255,255);
	width:85%;
	min-width:720px;
	min-height:400px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: 0em .25em .5em 1em;
	font-size:.975em;
}
.wrappercap {
	box-shadow: -2px 2px 2px rgb(136,136,136);
	background-color:rgb(255,255,255);
	width:85%;
	min-width:720px;
	min-height:400px;
	margin-top:50px;
	margin-left:7.5%;
	margin-right:7.5%;
	position:relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: 0em .25em .5em 1em;
	font-size:.975em;
}

.wrapper-front {
	width:100%;
	min-width:900px;
	min-height:640px;
	margin-top:50px;
	margin-left:5px;
	
	z-index:0;
	padding: 0em .25em .5em 1em;
	font-size:.975em;
	/*border-style:solid;
	border-color:red;*/
}

.wrapperi {
	background-color:rgb(255,255,255);
	max-width:760px;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color:rgb(255,255,255);
	z-index:10; 
	padding-top:5px;
	margin:0px 10px 5px 10px;
	-webkit-box-shadow: 5px 5px  #888888;
	-moz-box-shadow: 5px 5px  #888888;
	box-shadow: 5px 5px  #888888;
}



.wrapperpr{
	background-color:rgb(255,255,255);
	width:85%;
	padding:10px;
	min-width:720px;
	margin-left:7.5%;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:10;
}


.content {
	margin: 5px 10px 0 10px;
}
.contentdrop {
	position:absolute;
	margin: 5px 0px 5px 20px;
}
.main {
	position: relative;
	padding-bottom: 0.5em;
	/*border-bottom: solid 1px rgb(255,255,255);
	overflow:hidden;*/
	/*xxmin-height: 300px;*/
	margin-left:auto;
	margin-right:auto;
}

.footer {
	box-shadow: -5px 5px 5px rgb(136,136,136);
	width:85%;
	min-width:720px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
} 

.foot {
	width:85%;
	min-width:720px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
	z-index:0;
}


.footerfront {
	box-shadow: -5px 5px 5px rgb(136,136,136);
	width:90%;
	min-width:900px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:0;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
} 

.footfront {
	width:90%;
	min-width:900px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding: .5em .25em .5em 1em;
	font-size: 0.80em;
	z-index:0;
}

.distinct li{
	font-family: sans-serif;
	line-height: 125%;
	margin-bottom: 1em;
}

/*===================================================
Alignment
=====================================================*/
.center
{
	width:85%;
	min-width:720px;
	margin-left:7.5%;
	position:relative;
	padding:5px;
}
.centertext
{
	width:85%;
	min-width:720px;
	margin-left:7.5%;
	position:relative;
	padding:5px;
}	
#clear_navtab ul{
	padding-left: 0px;
	text-indent: 0px;
	margin:0px;
}
.middle
{
	width:85%;
	min-width:720px;
	margin-left:50%;
}	
.floatl{
	margin-left:5px;
}	
.floatr{
	float:right;
	margin-right:5px;
}

.groupspanprom{
	width:98%;
	min-width:680px;
	height:250px;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px 0 5px 10px;
	border-style:inset;
	border-color:rgb(225,255,255);
}

#groupspan{
	width:98%;
	min-width:680px;
	height:110px;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding-top:10px;
	padding-left:10px;
	border-style:inset;
	border-color:rgb(225,255,255);
}

#groupspan span{
	display:inline-block;    
    width:16%;
    text-align:center;
}

.icon_SM span{ 
	display:inline-block; 
	z-index:0;	
}

#imgrtxtspan span{
	display:inline-block;    
    width:40%;
	margin:5px 5px;
	height:100px;
	vertical-align: middle;
}
#imgrtxtspan img{
	float:right;
	border-style:solid;
	border-color:blue;
	border-width:1px;
}
#imgrtxtspan img:hover{
	border-color:rgb(254,157,4);
}

#lside {
    float: left;
    width: 230px;
    display: inline;
    margin-top: 0px;
    margin-right:5px;
	padding:5px;
}
#lsidef {
   
    width: 210px;
    height: 97.5%;
	padding-right:5px;
    overflow:auto;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	
}
#lsidefouter {
    float: left;
	width:25%;
    height: 660px;
    margin-top: 0px;
    margin-right:20px;
	padding:5px;
}


#mside {
    width: 75%;
    min-width:300px;
	margin: 15px 10px 10px 300px;
    background-color: #FFF;
    padding: 18px 10px;
}

#rside {
    float: right;
    width: 220px;
    display: inline;
    background-color: rgb(225,230,240);
    margin-top: 0px;
    margin-right:20px;
	padding:5px;
	border:solid;
	position:relative;
}

#resumeframe{ 
   	margin-left:5px;
	margin-right:5px;
	width:97.5%;
	min-width:730px;
	height:600px;
	min-height:400px;
	position:relative;
	/*border-style:solid;
	border-color:blue;*/
}



#three span{ 
   display:inline-block;    
    width:32%;
    text-align:center;
	margin-top:10px !important;
}

#three span span{ 
   width:90%;
   margin-right:5px;
   text-align:left;
   vertical-align: top;
}

#twospan{
	width:98%;
	min-width:680px;
	
}

#twospan span{
	display:inline-block;    
    width:45%;
	
}



/*===================================================
Background

====================================================*/
.background{
	background-color: rgb(221,220,228);
	background: -webkit-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* Standard syntax */
}

.backgroundD{
	background-color: rgb(221,220,228);
	background: -webkit-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.6) ); /* Standard syntax */
}
.background{
	background-color: rgb(221,220,228);
	background: -webkit-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.2),rgba(225,230,240,0.3),rgba(45,18,174,0.2) ); /* Standard syntax */
}

.background2{
	background-color:rgb(221,220,228);
	background-color:rgba(45,18,174,0.1);
}

.bgPaleBlue{
	background-color:rgb(226,239,247);
}

.bgWhite{
	background-color:rgb(255,255,255);
}

.bgBlack{
	background-color:rgb(0,0,0);
}

#nav li ul li a{
	background: rgb(222, 214, 255); /* Standard syntax */	
}

.bgLightYellow
{
background-color: #F2F5A9;
}


.white{
	background-color:rgb(255,255,255);
}
/*===================================================
Colours
=====================================================*/
.errCol{
	color:red;
	
}

#signup .errCol{
 margin-left:125px
}
#loginfrm  .errCol{
	font-size:11px;
	
}

/*===================================================
Decorations
=====================================================*/
.decTLeft {
	position: absolute;
	top:0px;
	left:0%;
	z-index: -11;
}
.decTRight {
	position: absolute;
	top:0px;
	left:82.5%;
	z-index: -10;
}
.decBLeft {
	position: relative;
	bottom:0px;
	left:-1em;
	z-index: -11;
}
.decBRight {
	position: absolute;
	bottom:0px;
	right:0px;
	margin-right:-0.25em;
	z-index: -11;
}
.decFooter{
	
	top:-50px;
	min-width:720px;
	margin-left:auto;
	margin-right:auto;
	position: relative;

}


/* =================================================
Form elements - buttons,input, labels, textarea etc
====================================================*/
.labelDialog {
	display: block;
	clear: left;
	float: left;
	width: 80px;
	text-align: left;
	padding: 5px 5px 0 0;
	color: black;
}

.labelProfile {
	font-weight: bold;	
	display: block;
	clear: left;
	float: left;
	width: 140px;
	text-align: right;
	vertical-align: middle;
	padding: 0 0 5px 0;

}
.labelProfileSm {
	font-weight: bold;	
	display: block;
	clear: left;
	float: left;
	width: 80px;
	text-align: right;
	vertical-align: middle;
	padding: 0 0 5px 0;
	
}


.tnImg {
	vertical-align: middle;
}

#chngPwdfrm .labelDialog{
	width: 100px;
}

.pword{
	width: 170px;
	position:relative;
	padding: 5px 5px 0 0;
	left:0px;
	border: solid 1px rgb(255,255,255);
	border-style:inset;
	font-size:1em;
}

.errInput{
	background-color:rgb(255,169,184);
}
.indentfrmlbl{
	position:relative;
	width:160px;
	padding: 10px 0 10px 0;
	font-size:0.875em;
	text-align: right;
	}

input, select, textarea{
	margin:2px 0 2px 0;
}


.label_bold{
	/*color: rgb(0,0,255);*/
	font-weight:bold;
	font-size:0.875em;
}

.labeld {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	text-align: left;
	padding: 5px 5px 0 0;
	color: black;
	font-size:0.875em;

}

.labeldpr {
	display: block;
	font-weight:bold;
	clear: left;
	float: left;
	width: 200px;
	text-align: left;
	color: black;
	padding-right:10px;
}
.labeltextpr {
	display: block;
	font-weight:bold;
	clear: left;
	float: left;
	width: 300px;
	text-align: left;
	color: black;
	padding-right:10px;
}
.labelgen {
	
	padding: 5px 5px 0 0;
	color: black;
	font-size:0.875em;
}

.labelgenpr {
	font-weight:bold;
	text-align: left;
	color: black;
}
.labelsmall {
	padding: 5px 5px 0 0;
	color: black;
	font-size:0.65em;
}

.label_l {
	display: block;
	clear: left;
	float: left;
	width: 160px;
	text-align: right;
	padding: 5px 5px 0 0;
	font-size:0.875em;
}
/*=====================================================
Front Page
======================================================*/
#frontthree{ 
   	margin-top:10px !important;
	margin-left:5px;
	width:100%;
	min-width:820px;
	height:600px;
	min-height:400px;
	position:relative;
	
	/*border-style:solid;
	border-color:blue;*/
}


#frontthree span{
	/*display:inline-block;
	*display: inline;
	*zoom: 1;*/	
}

#frontleft {
    float:left;
	width:12%;
	min-width:210px;
	height:90%;
    margin: auto;
    padding:10px;
}

#frontmid dd{ 
	left:21%;
	position:absolute;
	top: 0px;
	width:50%;
	min-width:400px;
    height: 90%;
    padding:10px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transition: .5s all linear;
	transition: .5s all linear;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
    box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
	background-color:white;
	background-image:url(../images/sideBlue.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	z-index:-1;
}


#frontright {
    float:right;
	min-height: 400px;
	height:90%;
	width:15%;
	min-width:200px;
    margin-top: 0px;
    margin-right:10px;
	padding-left:5px;
	/*border-style:solid;
	border-color:red;*/
}




 dd#indx {
	visibility:visible;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:1;
}

 .hid{
	visibility:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:1;
}

dd#soln:target, dd#int:target, dd#sys:target, dd#rev:target,  
dd#reg:target,dd#proj:target, dd#dev:target, dd#fit:target , dd#news:target,
dd#tab01:target, dd#tab02:target, dd#tab03:target, dd#tab04:target , dd#tab05:target, 
dd#tab06:target,dd#ks1:target,dd#ks2:target

{ 
	display:inline-block;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:10;
	
}

dd#frontlteie8{
filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	z-index:10;
}

dt a{
z-index:999;
}
/*=======================================================
Holders
========================================================*/

.holder{
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
}

.glassHolderChess{	
	width:610px;
	height:660px;
	max-width:660px;
	max-height:660px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	border-style:outset;
	border-color:rgb(225,255,255);
	position:relative;
	left:10px;
	padding:20px;
	z-index:10;
	
}

.glass-holderm{	
	width:450px;
	height:175px;
	max-width:450px;
	max-height:175px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	border-style:outset;
	border-color:rgb(225,255,255);
	position:relative;
	left:10px;
	margin:10px;
	z-index:10;
	
}

.glass-holderw{
	width:600px;
	min-height:420px;
	max-height:420px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px;
	border-style:outset;
	border-color:rgb(227,227,227);
	position:relative;
	margin:10px 5px 5px 5px;
	z-index:10;
	
}

.glass-holderop{
	position:relative;
	top:-30px;
	width:600px;
	height:100px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px;
	border-style:outset;
	border-color:rgb(227,227,227);
	position:relative;
	margin:5px;
	z-index:10;
}

.glass-holderBottom{
	position:relative;
	top:0px;
	width:600px;
	height:40px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:5px;
	border-style:outset;
	border-color:rgb(227,227,227);
	position:relative;
	margin:5px;
	z-index:110;
	
}


.glass-holders{
	width:300px;
	height:300px;
	max-width:300px;
	max-height:300px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	border-style:outset;
	border-color:rgb(225,255,255);
	position:relative;
	left:10px;
	margin:10px;
	z-index:10;

}

/*=====================================================
End holders
======================================================*/


/* ====================================================
 iframes
 =====================================================*/
.iframe{
	width: 100%;
	height: 100%;
	overflow:auto;
}
.iframe-scroll{
	width: 100%;
	height: 100%;
	overflow:auto;
}

div.scroll_i
{  
max-height:300px;
overflow-y:scroll;
}
/* ====================================================
 Images
 =====================================================*/
 .imgCent {
	position: relative;
	margin:auto;
	top:.5em;
	border: solid 3px rgb(255,255,255);
	padding:0px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
 
 .imgCentMisc {
	position: relative;
	margin:auto;
	margin-bottom:10px;
	border: solid 3px rgb(255,255,255);
	padding:5px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
 .img-holderf{	
	width:165px;
	height:135px;
	margin:10px auto;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px 10px 20px 10px;
	border-color:rgb(225,255,255);
	background-color: rgb(176,161,222);
	background: -webkit-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* Standard syntax */
	
	} 
	
 .img-holderf:hover{
	
	-webkit-box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
    box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	background-color: rgb(255,201,0);
	background: -webkit-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Safari */
	background: -o-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* Standard syntax */
	
 }

  .img-holderm{	
	/*width:500px;
	height:185px;*/
	margin:10px auto;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px 10px 20px 10px;
	border-color:rgb(225,255,255);
	background-color: rgb(176,161,222);
	background: -webkit-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Safari */
	background: -o-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(45,18,174,0.4),rgba(225,230,240,0.3),rgba(45,18,174,0.1)); /* Standard syntax */
	
	} 
	
 .img-holderm:hover{
	
	-webkit-box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
    box-shadow: 1px 1px 1px rgba(51,51,51,0.3);
	background-color: rgb(255,201,0);
	background: -webkit-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Safari */
	background: -o-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(254,157,4,0.6),rgba(244,248,116,0.3)); /* Standard syntax */
	
 }

 
 .imgIcon {
	width:48px;
	height:48px;
	border-style: none;
	}
 .imgLeftFront {
	margin: 2px ;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width:160px;
	height:125px;
	
	 
}
.imgLeftFront:hover{
	-webkit-box-shadow: 1px 1px 1px rgba(5,5,5,0.8);
    box-shadow: 1px 1px 1px rgba(5,5,5,0.8);
}
 
 .imgLeftMisc {
	float: left;
	margin-bottom: 10px;
	margin-right: 40px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	 
}

 .imgLeftSmall {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	 
}


.imgLeftTn {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	width:104px;
	height:100px;
	border: solid 3px rgb(225,230,240);
	padding:3px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#resume .imgLeftTn {
	margin-right: 5px;
}

 .imgLogo {
	width:5.625em;
	height:5.625em;
}

.imgLogoDrop {
	
	margin-bottom:-10px;
}

.imgLogoDrop2 {
	
	margin-bottom:-2.5%;
}
img.profileLeftTn {
	position: relative;
	z-index:10;
	float: left;
	margin-top: 0px;	
	margin-bottom: 5px;
	margin-right: 10px;
	width:80px;
	height:80px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

img.profileTn {
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
	width:70px;
	height:70px;
}
 .imgSM {
	width:20px;
	height:20px;
	border-style: none;
	padding:5px;
}

 .imgSM-holderf{
	width:30px;
	height:30px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:20px;
	box-shadow: 3px 3px 3px rgb(136,136,136);

}

 .imgSM-holder, .credits{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:20px;
	box-shadow: 3px 3px 3px rgb(136,136,136);

}

.imgSM-holderf:hover, .imgSM-holder:hover, .credits:hover{
	box-shadow: 0px 0px 1px rgb(136,136,136);
}

.xximgSM-holderf img:hover{
	/* Enabling 3d space for the transforms */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	/* Enabling a smooth animated transition */
	-moz-transition:2s;
	-webkit-transition:2s;
	transition:2s;

}

.imgStdProm {
	width:165px;
	height:135px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: -5px 5px 5px rgb(136,136,136);
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
	
.imgStdTn {
	width:100px;
	height:100px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}
.picFloat{
	position:absolute;
	top:100px;
	left:24px;
	z-index:11;
	padding-top:5px;
}

 /*===================================================
 Logo and top bar 
======================================================*/
.logo {
	letter-spacing: 1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 1.75em;
	position: relative;
	margin-top:8px;
	width:450px;
	min-width:450px;
	float:left;
}
.logo2 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 1.4em;
}
.logo3 {
	letter-spacing: -1px;
	color: rgb(131,150,156);
	text-shadow: 1px 2px .75px rgb(51,72,115);
	font-size: 1.8em;
	
}

div.prom a {
	text-decoration:none;
}

.logo:hover , .logo2:hover, .logo3:hover {
	text-shadow: 1px 2px .75px rgb(254,157,4);
}


.logoCell{
	width:5.75em;
	min-width:5.75em;
} 
 
.logoCbd {
	width:140px;
	height:140px;
    position: absolute;
	top:-15px;
	left:87.5%;
	z-index: -11;
}

#banner{
	box-shadow: -5px 5px 5px rgb(136,136,136);
	width:85%;
	min-width:720px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0em .25em 0em 1em;
}

#bannerfront{
	box-shadow: -5px 5px 5px rgb(136,136,136);
	width:90%;
	min-width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	border-style:outset;
	border-color:rgb(255,255,255);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0em .25em 0em 1em;
}
/*--------auth and sign in ------------------------------*/
.auth a, #login a{	
	text-decoration:none;
}


.auth {
	width:450px;
	min-width:400px;
	position:absolute;
	z-index:10;
	margin-left:50%;
	top:0px;
}

.auth img{
	position:absolute;
	z-index:10;
}

.auth .white{	
	padding:7.5px ;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=1);
}

.sign{
	position:relative;
	top:70px;
	left:50px;
}

.signed{	
	color:rgb(0,0,255);
	font-weight:bold;
}

.mkclick{
	color:rgb(0,0,255);
	cursor:pointer;
	text-decoration:underline;
}
.auth .imgshad {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=145, Strength=3);
	box-shadow: -3px 2px 1px #222222;
	-moz-box-shadow: -3px 2px 1px #222222;
	-webkit-box-shadow: -3px 2px 1px #222222;
}

/*------end auth and sign in ------------------------*/
	
 /* ==================================================
 Navigation
 ====================================================*/ 
/*Horizotal Tabs */
 #menu
 {
	 margin-top:0px;
	 margin-bottom:0px;
}
 .navbrdr a{
 /*A class to standardise navigation button styles*/
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	border-style:outset;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #ccc;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-box-shadow: 1px 2px  #888888;
	-moz-box-shadow: 1px 2px  #888888;
	box-shadow: 1px 2px  #888888;
	
 }
 
#nav li { display: inline; }
 
#nav{
	color: #666;
	min-width:720px;
	z-index:100;
	margin-left:8.5%;
	margin-top:0px;
	display:block; 
	position: relative;
 }
 
#nav li {
	list-style-type: none;
	margin: 0px;
	padding-bottom: 5px;
	float: left;
	position: relative;
}
/* the menu items*/
#nav a{
	display: block;
	padding-top: 8px;
	margin-right:2px;
	margin-bottom:0px;
	color: rgb(53,75,118);
	width:130px;
	height:20px;
	font-size: 0.8em;
	text-indent: .2em;
	letter-spacing: 0.25px;
	text-decoration: none;
	
}

#menu a:hover, #vnav a:hover {
	background: rgb(244,248,116);
	color: rgb(45,18,174);
	font-weight:bold;
	border-color: rgb(254,157,4);
	-webkit-box-shadow: 0px 0px 15px 1px rgb(254,157,4);
	-moz-box-shadow: 0px 0px 15px 1px rgb(254,157,4);
	box-shadow: 0px 0px 15px 1px rgb(254,157,4);
}
 
#nav li a.hassub {
	background-image: url(../images/small/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 8px;
	z-index:102;
}

#nav li ul li a.hassub {
  background-image: url(../images/small/arrow.png);
  background-repeat: no-repeat;
  background-position: 97.5% -18px;
  z-index:102;
} 
 
#nav li:hover > ul {
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	height: 160px;
}

#nav ul li {
	float: none;
	margin: 0px;
	padding: 0px;
}
 
#nav ul {
	-webkit-transition: .3s all ease-in;
	transition: .3s all ease-in;
	opacity:0.975;
	filter:alpha(opacity=97.5);
	-moz-opacity: 0.975;
	height: 0px; 
	overflow: hidden;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 132px;
	z-index:101;
	
	/* Fix for IE 7 to stop the menu just jumping up on hover 
	background-color: #FFF;*/
} 

#nav ul ul {
	left: 150px;
	top: 5px;
} 
 
/* Vertical Tabs */
#vnav {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
	
}
#vnav dt {
    margin: 0px;
    display: inline;
}
#vnav a{
    display: block;
    padding: 0.5em 5px;
	margin-top:4px;
    text-decoration: none;
    color: #F2F2F2;
	background-color: rgb(45,18,174);
    
}
/*#vnav a:link, #vnav a:visited {
    background-color: rgb(45,18,174);
}
#vnav a:hover, #vnav a:active, #vnav a:focus {
    background-color: #f4f874;
	color: rgb(45,18,174);
    border-color: #142A2F #61797F #61797F #142A2F;
} 
*/
#navButtons  {
	position:relative;
	margin-left:20%;
	width: 30%;
	z-index:999;
}

/*====================================================
Maps and pop ups
=====================================================*/
img[usemap] {border-style: none;}

@-webkit-keyframes blowup { 
    0% { width: 0px;  height: 0px; opacity: 0;  } 
    100% { width: 240px; height: 240px; opacity: 1; filter:alpha(opacity=100);} 
} 

@keyframes blowup { 
    0% { width: 0;  height: 0; opacity: 0;  } 
    100% { width: 240px; height: 240px;  opacity: 1; filter:alpha(opacity=100);} 
} 

/* The closex is the background cancel or close icon*/
.closex{
	position: absolute;
	top: -15px;
	right:-15px;
	height:28px;
	width:28px;
	background-image: url(../images/small/closex.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	z-index:103;
}

.closex:hover{
	background-image: url(../images/small/closex.png);
	background-repeat: no-repeat;
	background-position: -28px 0px;
}

map dd .floatbox {
	background: #fff; 
	display:block; 
	margin-left: 25%; 
	margin-top: 5%; 
	background: rgba(255,255,255,1); 
    position: absolute; 
	top: 0; 
	bottom: 0; 
    visibility: hidden; 
} 

map dd:target .floatbox { 
	visibility:visible;
}

map dd:target .floatbox { 
	-webkit-animation: blowup 2s forwards; 
	animation: blowup 2s forwards; 
	padding:25px;
	z-index:102;
	box-shadow: 0 0 8px 8px rgba(0,0,0,0.2);
} 

map dd:target .floatbox img{ 
	-webkit-animation: blowup 2s forwards; 
	animation: blowup 2s forwards; 
	z-index:102;
}  

/* floatcap is a floating caption that comes into view when the container area is hovered over. */
.floatcap{ 
	display: block;  
	background: rgba(0,0,0,0.3);
	color: white; 
	position: absolute; top: 20px; left: 20px; 
	padding: 10px; 
	opacity: 0; 
	filter:alpha(opacity=0);
	transition: 1s opacity ease-in; 

} 

.floatbox:hover .floatcap { 
	opacity: 1;
	filter:alpha(opacity=100);  } 



/* The float box is the area of the thing in the container plus its margin*/
.floatbox{
	height:290px;
	width:290px;
}
/*===================================================
Notices
=====================================================*/
.iecheck {
	background-color:rgb(251,255,151);
	position:relative;
	width:70%;
	margin:auto;
	font-size:14px;
	font-weight:bold;
	padding:2px;
	border-style:solid;
	border-width:1px;
	border-color:red;
	text-align:center;
	z-index:1;
}

.iecheck:hover {
	background: rgb(244,248,116);
	color: rgb(45,18,174);
	border-color: rgb(254,157,4);
		
}

.notice{
	background-color: white;	
	color: rgb(255,0,0);
	border-style:inset;
	border-width:2px;
	border-color:rgb(195,151,51);
	padding: 5px;
	font-size:20px;
	color: rgb(255,0,0);
	margin-left:10%;
	margin-top:25px;
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	position:absolute;
	z-index:100;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

#frontthree marquee{
	height:100px;
	padding-bottom:5px;
	padding-top:5px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:outset;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}

marquee p{
font-size:1.4em;
font-weight:bold;
text-decoration:none;
}


/*====================================================
Pages - controlling visibility
=====================================================*/
.page{
	display:none;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.page.current{
	display:block;
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

/*=====================================================
Scroll bars
=======================================================*/
div.scroll{  
	height:70%;
	max-height:23.125em;
	overflow-y:scroll;
}
div.scroll95{  
	height:95%;
	overflow-y:scroll;
}
.resume_scroll{
	height:480px;
	overflow-y:scroll;
	
}


/*====================================================
Styling
=====================================================*/
a img {
    border:none;
}

.borderd{
	border-color:rgb(0,0,0) !important;
}
.borderd:hover {
	border-color:rgb(45,18,174) !important;
}


.borderl{
	border-color:rgb(225,230,240) !important;
}
.borderl:hover {
	border-color:rgb(45,18,174) !important;
}



.bordery:hover {
	border-color:rgb(255,255,0) !important;
}

.boxshad{box-shadow: -5px 5px 5px rgb(136,136,136);}

.clearb{clear:both;}

#frontthree a, .noDec {
	text-decoration:none;
}

.highlight {
	
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 100;
	background-color:rgb(255,255,255);
}

.highlight_nobg {
	
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 100;
	
}

.highlight:hover, .highlight_nobg:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.imgshad{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=145, Strength=3);
	box-shadow: -5px 5px 3px #222222;
	-moz-box-shadow: -5px 5px 3px #222222;
	-webkit-box-shadow: -5px 5px 3px #222222;
}

.auth .imgshad {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=145, Strength=3);
	box-shadow: -3px 2px 1px #222222;
	-moz-box-shadow: -3px 2px 1px #222222;
	-webkit-box-shadow: -3px 2px 1px #222222;
}

img.imgshad:hover, .imgshad:hover{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=145, Strength=3);
	box-shadow: -1px 1px 1px #222222;
	-moz-box-shadow: -1px 1px 1px #222222;
	-webkit-box-shadow: -1px 1px 1px #222222;
}
.imgshad2{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=145, Strength=3);
	box-shadow: -5px 5px 3px #222222;
	-moz-box-shadow: -5px 5px 3px #222222;
	-webkit-box-shadow: -5px 5px 3px #222222;
}

.noflo{
overflow: hidden;
}

.pad5{
padding:5px;
}

.roundedIn{
    border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-style:inset;
	border-color:rgb(255,255,255);
	padding:5px;
}
.shadow {
    -webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
    box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
}
.shadow2 {
    -webkit-box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
    box-shadow: 6px 6px 6px rgba(5,5,5,0.8);
}

#soundip:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
/*====================================================
	Styling the pic flips
	NA 23/08/2013 credit Martin Angelov 
======================================================*/

#picContainer{
	width:350px;
	height:175px;
	margin-right:40px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
	float:left;
	-webkit-perspective: 800px;
	perspective: 800px;
	border-color:rgb(225,255,255);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#picContainer2{
	width:350px;
	height:150px;
	margin-right:40px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
	float:left;
}

#picContainerLogo{
	width:90px;
	height:90px;
	margin-right:5px;
	z-index:1;
	margin-left:-50px;
	float:left;
	-webkit-perspective: 800px;
	perspective: 800px;
	margin-top:-10px;
}

#picContainerSq{
	width:310px;
	height:310px;
	margin-right:10px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
	float:left;
	-webkit-perspective: 800px;
	perspective: 800px;
}

#flipContainls {
	min-height: 185px;
}

#flipContainsq {
	min-height: 320px;
}

#picContainer img,#picContainer2 img, #picContainerLogo img{
	position:absolute;
	/* Enabling 3d space for the transforms */
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	/* When the forms are flipped, they will be hidden */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	/* Enabling a smooth animated transition */
	-moz-transition:2s;
	-webkit-transition:2s;
	transition:2s;
}

#front{
	z-index:100;
}

#back{
	z-index:1;
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	/* Rotating the back pic */
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}

#picContainer.flipped #front,
#picContainerLogo.flipped #front
{
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	/**
	 * Rotating the front pic when the
	 * flipped class is added to the container
	 */
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}

#picContainer.flipped #back,
#picContainerLogo.flipped #back
{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	/* Rotating the back div into view */
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
	
}
.imgLeftFlip {
	float: left;
	
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: solid 1px rgb(255,255,255);
}
/*--End styling pics flip ------------------*/


/*=====================================================
Text
======================================================*/
.figcaption {
	display:block;
    position:relative;
    font-weight: bold;
  	padding-left:20px;
}

.floathdf{ 
	font-size:13px;
	display: inline;  
	background: rgb(0,0,255);
	color: white; 
	position: absolute; 
	margin-left:10px;
	bottom: 50px; 
	padding: 5px; 
	opacity: 0.8; 
	filter:alpha(opacity=80);
	z-index:999;
} 


h2 {color: rgb(45,18,174);
	font-size: 1.5em;
}

.h2 {color: rgb(45,18,174);
   font-weight:bold;
	/*color: rgb(143,180,255);*/
   font-size: 2.5em;
   letter-spacing: 2px;
   margin-bottom:2px;
   text-shadow: 1px 2px .75px rgb(51,72,115); 
}

h3{color: rgb(95,30,47);
	font-size: 1.2em; 
}

h4{color: rgb(95,30,47);
	font-size: 1.1em;
	margin-bottom:5px;
}

#resume a{
	color:rgb(0,0,255);
}

#resume_holder dd, #colLink #resume_holder dd{
	position:absolute;
	left:210px;
	top:-15px;
	padding-right:30px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-transition: .5s all linear;
	transition: .5s all linear;
}
.colLink {
	width:240px;
	-webkit-transition: .5s all linear;
	transition: .5s all linear;
}

.rotate{
	transform:rotate(25deg);
	-ms-transform:rotate(25deg); /* IE 9 */
	-webkit-transform:rotate(25deg); /* Opera, Chrome, and Safari */
}

.signinMenu, .signinWelcome {
	text-align:center;
}

.signinWelcome {
  padding-left:85px;
}
/*--------------------------------------------
validation for forms 
---------------------------------------------*/
#contactdbfrm .indent label.error {
	margin-left: 0;
}
#contactdbfrm label.error {
	font-size: 0.875em;
	color: rgb(0,0,255);
	display: block;
	margin-left: 150px;
}
#contactdbfrm  input.error, #contactdbfrm select.error  {
	 background:  rgb(255,169,184);
	 border: 1px solid red;
}
.err{
	position:absolute;
	top:230px;
}

.errmsg{
	padding:2px  5px;
	width:300px;
	color:red;
	z-index:999;
	border: 1px solid red;
	background:white;
	left:250px;
	position:absolute;
	
}

.errInput{
	background-color:rgb(255,169,184);
}
.error {
	color:red;
}


.inputerr{
	border-color:rgb(255,0,0);
	color: red;
	font-size:0.875em;
}
/*--end validation ------------------------ */


/*===================================================
Youtube
====================================================*/
.youtube-player {
	width:350px; 
	height:213px;
	margin:auto;
	box-shadow: -5px 5px 5px rgb(136,136,136);
}
.youtube-holder
{	width:370px;
	height:275px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:20px;
	border-style:inset;
	border-color:rgb(225,255,255);
	}
.nc
{
	margin-left:10px;
}
	
.youtube-holderf
{	width:370px;
	height:255px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:20px;
	border-style:outset;
	border-color:rgb(225,255,255);
	}	
/*===================================================
Print CSS
====================================================*/
@media print {
	#banner, #bannerfront{border-style:none; box-shadow:none; min-width:720px;
	margin-top:10px; margin-left:40px; margin-right:auto;}
  .resume_scroll{overflow-y:visible; height:auto;}
  #breaking-news, #frontleft, #frontright, #compatibility,.notice, .navigation,  #groupspan, #ichome, .imgSM-holderf,
  .logoCbd, #lside, #menu, .nav {display:none;}
  .content {margin-left:10px; }
  .imgLogo {height:80px; width:80px; }
  .imgLogo , .logocell2 {height:4em; margin-bottom:0px; }
  .logo {font-size:1.2em; margin-left:0}
  
  .footer, .footerfront, #frontmid dd, .wrapper, .ui-tabs-vertical  {background-color:none; border-style:none; box-shadow:none; margin-left:10px; margin-right:10px;}
  .main, body {background-color:transparent; margin:auto}
  #picContainerLogo{background-color: transparent;}
  .hdrtab{margin-bottom:0px; margin-top:0px; margin:auto; width:85%;}
  .ui-tabs-vertical, .ui-tabs-panel { padding: 0em 0em 0em .4em; float: left; width: 100% !important; } /*width of text area */
 }
 /*====================================================
 News
=======================================================*/ 
#breaking-news { 
    position: fixed; 
	top: 40px; 
	right: 5px;
	width:190px;
	z-index:99;
	/*border:solid;
	border-color:blue;*/
	padding-right:25px;
	animation-name: popup, fade; 
	animation-duration: 2s, 1s; 
	animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	animation-fill-mode: backwards, forwards; 
	animation-delay: 2s, 48.1s; 
	
	-webkit-animation-name: popup, fade; 
	-webkit-animation-duration: 2s, 1s; 
	-webkit-animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	-webkit-animation-fill-mode: backwards, forwards; 
	-webkit-animation-delay: 2s, 48.1s; 
} 

#breaking-news a {
	text-decoration:none;
}

.headernews{	
	width:175px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	-webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
    box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
	text-align:center;
	background: rgb(244,248,116); 
}

div.notification { 
    position: relative; width: 175px; border-radius: 10px; 
	background: rgb(244,248,116); 
	background: linear-gradient(rgb(244,248,116), rgb(255,255,255)); 
    padding: 10px; 
	
	margin-top: 10px; 
	box-shadow: 3px 3px 6px rgba(0,0,0,0.1) inset, 0 0 6px 2px rgba(0,0,0,0.1); 
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9; 
	z-index:1; */
    
	animation-name: popup, fade; 
	animation-duration: 2s, 1s; 
	animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	animation-fill-mode: backwards, forwards; 
	animation-delay: 2s, 14s; 
	
	-webkit-animation-name: popup, fade; 
	-webkit-animation-duration: 2s, 1s; 
	-webkit-animation-timing-function: cubic-bezier(0.325, 0.730, 0.695, 1.650); 
	-webkit-animation-fill-mode: backwards, forwards; 
	-webkit-animation-delay: 2s, 14s;
	
	-webkit-box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
    box-shadow: 3px 3px 3px rgba(51,51,51,0.3);
} 



div.notification a { 
    
	text-decoration: none; 
} 
div.notification a span { 
     padding-right: 10px; vertical-align: middle; 
} 
div.progress { 
    height: 5px; border-radius: 2px; border: 1px solid #999; 
	margin-top: 15px; background: rgb(215,215,215); 
} 
div.progress span { 
    background: #000; display: block; width: 0; height: 3px; 
} 
@keyframes popup { 
	0%, 30% { height: 0; padding: 0 10px; display: none; } 
} 

-webkit-@keyframes popup { 
	0%, 30% { height: 0; padding: 0 10px; display: none; } 
}

@keyframes fade { 
    100% { 
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0; 
	display:none;
	z-index:-999;
	} 
} 

@-webkit-keyframes fade { 
    100% { 
	filter:Alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;  
	display:none;
	z-index:-999;
	} 
} 

@keyframes progress { 
    100% { width: 100%; } 
} 
@-webkit-keyframes progress { 
    100% { width: 100%; } 
}

div.notification:nth-child(7) { 
	animation-delay: 6s, 18s; 
	-webkit-animation-delay: 6s, 18s; 
} 

div.notification:nth-child(6) { 
	animation-delay: 12s, 24s; 
	-webkit-animation-delay: 12s, 24s; 
} 

div.notification:nth-child(5) { 
	animation-delay: 18s, 30s; 
	-webkit-animation-delay: 18s, 30s; 
} 

div.notification:nth-child(4) { 
	animation-delay: 24s, 36s; 
	-webkit-animation-delay: 24s, 36s; 
} 

div.notification:nth-child(3) { 
	animation-delay: 30s, 42s; 
	-webkit-animation-delay: 30s, 42s; 
} 
div.notification:nth-child(2) { 
	animation-delay: 36s, 48s;
	-webkit-animation-delay: 36s, 48s;
}

div.progress span { 
	background: #f00; display: block; 
	width: 0; height: 3px; 
	animation: progress 12s 2s forwards linear;
	-webkit-animation: progress 12s 2s forwards linear;	
} 

div.notification:nth-child(7) div.progress span { 
	animation-delay: 6s; 
	-webkit-animation-delay: 6s; 
} 

div.notification:nth-child(6) div.progress span { 
	animation-delay: 12s; 
	-webkit-animation-delay: 12s; 
} 

div.notification:nth-child(5) div.progress span { 
	animation-delay: 18s; 
	-webkit-animation-delay: 18s; 
} 

div.notification:nth-child(4) div.progress span { 
	animation-delay: 24s; 
	-webkit-animation-delay: 24s; 
} 

div.notification:nth-child(3) div.progress span { 
	animation-delay: 30s; 
	-webkit-animation-delay: 30s;
}

div.notification:nth-child(2) div.progress span { 
	animation-delay: 36s; 
	-webkit-animation-delay: 36s;
}
/*==============================================
Title
================================================*/
.pullquote {
	float: right;
	clear: right;
	width: 200px;
	border: 1px solid black;
	padding: 5px;
	font-size: 14px;
	/*background-color:rgb(195,151,51);*/
	background-color: #334873;
	margin: 5px 15px 5px 5px;
	
	color: rgb(255,255,255);
}


/* Missing Javascript */
.nojs {
	position:relative;
	top:10px;
	border:solid;
	border-width: 10px;
	border-color:#ff0000;
	background-color:#ffffff;
	width:50%;
	margin:auto;
	text-align:center;
	padding:5px;
	box-shadow:  4px 4px 4px #000000;
	-moz-box-shadow: 4px 4px 4px #000000;
	-webkit-box-shadow: 4px 4px 4px #000000;
	z-index:100;
}

.nojs p {
	font-size: 20px;
}

.nojs a {
	color:#0000ff
}

.nojs :hover{
	color:#ff0000
}