*{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	scroll-behavior: smooth;
}

html {

	scroll-behavior: smooth;
	
}

body {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana;
	color : #000000;
	font-size: 16px;
	line-height: 1.6em;
	background: #f5f5f5;

}




table.center {

margin-left: auto; 
margin-right: auto;

}


.hlt td {
                background-color: #ffffff;
                color: #000000;
            }

.hlt2 td {
                background-color: #eeeeee;
                color: #000000;
            }
			
.hlt3 td {
                background-color: #ffffff;
                color: black;
            }			


hr {color: transparent; background-color: transparent; border: 2px dotted #666666; border-style: none none dotted; margin: 0 auto;}




hr.servicesnew  

{color: transparent; background-color: transparent; border: 2px dotted #666666; border-style: none none dotted; margin: 0 auto;}
	





p {
	margin: 0px 0px 0px 0px;
}

p img {
  vertical-align: middle; 
  padding-left: 0px;
}

p.portfolio {
  vertical-align: middle; 
  padding-right: 40px;
  padding-top: 10px;
}

.smallgreytext { 
font-family: Arial; 
color : #999999; 
font-size: 8px; 
}

.blacktext { 
font-family: Arial; 
color : #003366; 
font-size: 13px; 
}


.orangetext { 
font-family: Verdana; 
color : #d57f03; 
font-size: 16px; 
}

.pinktext { 
font-family: Verdana; 
color : #ed145b; 
font-size: 16px; 
}

.redtext { 
font-family: Arial; 
color : #CC0000; 
font-size: 12px; 
}

.greentext { 
font-family: Verdana; 
color : #308F30; 
font-size: 16px; 
}

.greentext3 { 
font-family: Verdana;
color : #004C96;
font-size: 21px;
}


.blacktext2 { 
font-family: Arial; 
color : #274067; 
font-size: 12px; 
}

.blacktext3 { 
font-family: Arial; 
color : #000000; 
font-size: 18px; 
}


.blacktext4 { 
font-family: Verdana; 
color : #000000; 

font-size: 21px; 
padding-bottom: 14px;
}

.blacktext6 { 
font-family: Verdana; 
color : #000000; 

font-size: 20px; 
padding-bottom: 14px;
}

.blacktext7 { 
font-family: Verdana; 
color : #000000; 

font-size: 20px; 
line-height: 2.1em;
}

.bigblue { 
font-family: Verdana; 
color : #003366; 
font-size: 14px; 
}

.whitetext3 { 
font-family: Verdana; 
color : #eeeeee; 
font-size: 18px; 
}

.whitetext4 { 
font-family: Verdana; 
color : #ffffff; 
font-size: 16px; 
}

.redtext2 {
	font-family: Arial;
	color : #CC0000;
	font-size: 12px;
}

.redtext3 {
	font-family: Verdana;
	color : #CC0000;
	font-size: 16px;
}

.bluetext2 { 
font-family: Arial; 
color : #06F; 
font-size: 12px; 
}

.bluetext3 { 
font-family: Arial; 
color : #b2c7f8; 
font-size: 11px; 
}

.bluetext4 { 
font-family: Arial; 
color : #b2c7f8; 
font-size: 12px; 
}

.whitetext2 {
	font-family: Arial;
	color : #eeeeee;
	font-size: 9px;
}

.blacktextsmall { 
font-family: Arial; 
color : #000000; 
font-size: 9px; 
}

.browntextsmall { 
font-family: Arial; 
color : #003366; 
font-size: 9px; 
}

.contenttext { 
font-family: Arial; 
color : #003366; 
font-size: 9px; 
}

.categorytext { 
font-family: arial; 
color : #333333; 
font style: bold;
font-size: 11px; 
}


#portfolio_img {
	float: left;
	width: auto;
	vertical-align: middle;
	text-align: left;
	padding-right: 0px;
	padding-top: 2px;
	padding-left: 10px;
}
#portfolio_text {
	float: none;
	width: auto;
	vertical-align: middle;
	text-align: center;
	padding-right: 5px;
	padding-top: 0px;
}



#signup_news {
	width: 330px;
	height: 28px;
	padding-right: 20px;
	padding-top: 56px;
	text-align: right;
	vertical-align: bottom;
	font-family: Arial;
	color : #eeeeee;
	font-size: 11px;
	float: right;
	clear: both;
	overflow: hidden;
}



.text_field {
	width: 127px;
	height: 17px;
	vertical-align: bottom;
	background-color: #ffffff;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
	font-family: arial;

}

.text_field2 {
	width: 275px;
	height: 17px;
	vertical-align: bottom;
	background-color: #c4d2ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 10pt;
	font-family: arial;

}

.text_field3 {
	width: 60px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;

}


.text_field4 {
	width: 400px;
	height: 200px;
	vertical-align: bottom;
	background-color: #c4d2ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 10pt;
	font-family: arial;

}

.text_field6 {
	width: 500px;
	height: 200px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
}

.text_field7 {
	width: 50px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;

}

.text_field8 {
	
	
	width: 250px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	

}


.text_field9 {
	
	
	width: 350px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	

}



.text_field10 {
	
	
	width: 512px;
	background-color: #ffffff;
	font-size: 16px;
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
	

}


.text_field11 {
	width: 50px;
	background-color: #ffffff;
	
	color: #000000;
	font-family: Verdana;
	border: 1px solid #8AB3DB;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;

}




.text_field_button {
	vertical-align: bottom;
	height: 21px;

}

.text_field2odd {
width: 350px;
height: 200px;
background-color: #b6b1a8;
border-left: 1px solid #cec7c7;
border-right: 1px solid #cec7c7;
border-top: 1px solid #cec7c7;
border-bottom: 1px solid #cec7c7;

font-size: 10pt;
font-family: arial;

}

.text_field3odd {
width: 280px;
height: 350px;
background-color: #cbd8eb;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

font-size: 10pt;
font-family: arial;

}




.text_field2even {
width: 300px;
height: 20px;
background-color: #cbd8eb;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;

font-size: 10pt;
font-family: arial;

}

.clearfix li
{
list-style-type:none;
color: #000000;

}


ul, ol {
	margin-left: 0em;
}


.faq ul {
	
  margin-left: 50px;
  padding-left: 40px;
	
}

.services ol {

margin-left: 0px;
	
}
.services li {
	
margin-left: 0px;
list-style: none;

   /** the image will be vertically aligned in the center **/
    background: url('images/bullet.png') left center no-repeat; 

    /** move the text to the right **/
    padding-left: 30px; 
	padding-top: 5px; 
	padding-bottom: 5px; 


	
	}




.img_facebook {
	padding: 0px 5px 0px 5px;
	
	}
.img_portfolio {
	padding: 0px 10px 0px 5px;
	
	}	
	
	
#date {

width: 80px;
	padding-top: 274px;
	padding-left: 125px;
	text-align: left;
	font-family: Arial;
	color : #eeeeee;
	font-size: 11px;
	float: left;
	

}	

#table {
	width: 190px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow:hidden;
	}
	
	
.table
{
background:#333;

}
.table ul
{
float:left;
margin:0;
padding:0px;


}
.table ul li
{
list-style:none;

}
.table ul li.title
{
padding: 0px 0px 0px 10px;
text-align: center;

}
.table ul li.even
{
	width: 35px;
	height: 45px;
padding: 0px 0px 0px 10px;
text-align: left;
vertical-align: middle;
overflow: hidden;
}
.table ul li.odd
{
	width: 100px;
	height: 45px;
padding: 0px 0px 0px 10px;
text-align: left;
vertical-align: middle;

}

.table ul li.line
{

padding: 3px 0px 3px 3px;
border-top: dotted 1px #3d71bf;
}









#table2 {
	width: 550px;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow:hidden;
	}
	
	
.table2
{
background:#333;

}
.table2 ul
{
float:left;
margin:0;
padding: 0px;


}
.table2 ul li
{

list-style:none;

}
.table2 ul li.title
{
padding: 0px 0px 0px 10px;
text-align: center;

}
.table2 ul li.even2
{
	width: 200px;
	height: 23px;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	padding-top: 8px;
overflow: hidden;
}

.table2 ul li.even3
{
	width: 200px;
	height: 200px;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	padding-top: 8px;
overflow: hidden;
}

.table2 ul li.odd2
{
height: 23px;	
vertical-align: middle;
text-align: left;
padding-left: 10px;
padding-top: 8px;
}

.table2 ul li.odd3
{
height: 200px;	
vertical-align: middle;
text-align: left;
padding-left: 10px;
padding-top: 8px;
}

.table2 ul li.line2
{


border-top: dotted 1px #3d71bf;
}










#header_leftright{
height: 146px;
width: 100%; 
margin: 0 auto;
background: url(images/header_leftright.jpg);
background-repeat: repeat-x;
}

#header{
height: 146px;
width:1200px; 
margin: 0 auto;
background: url(images/header3.jpg);
background-repeat: no-repeat;
}

#middle_leftright{
	clear: both;
background: url(images/middle_leftright.jpg) repeat 0 0;
}

#middle{
clear: both;
width:1200px; 
margin: 0 auto;
background: url(images/middle3.jpg);
background-repeat: repeat-y;
}

#middle_top{
width:1000px; 
margin: 0 auto;
background: url(images/middle_top.jpg);
background-repeat: no-repeat;
}

#middle_bottom{
width:1000px; 
margin: 0 auto;
background: url(images/middle_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
}


#footer_leftright{
clear: both;
height: 143px;
width: 100%; 

background: url(images/footer_leftright.jpg);
background-repeat: repeat-x;
}

#footer{
clear: both;
height: 143px;
width: 1200px; 
margin: 0 auto;
background: url(images/footer3.jpg);
background-repeat: no-repeat;

}

#footer2{

width: 800px; 
margin: 0 auto;
text-align: left;
padding-top: 20px;
font-family: Arial;
color : #3d71bf;
font-size: 11px;

}

#main_content {
	width: 1135px;
	padding-left: 33px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;

}

#main_content_back {
	width: 690px;
	padding-left: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	overflow:hidden;

}

#main_content_back_color {
	width: 660px;
	background-color: #113b82;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 25px;
	overflow:hidden;

}

#main_content_back2 {
	width: 959px;
	height: 500px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;
	background-image: url(images/mainback3.jpg);

}

#main_content_back3 {
	width: 959px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;
	background-image: url(images/mainback.jpg);
	background-repeat: repeat-y;

}

#main_content_back4 {
	width: 959px;
	height: 541px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;
	background-image: url(images/mainback4.jpg);

}

#main_content_back5 {
	width: 959px;
	height: 615px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;
	background-image: url(images/mainback5.jpg);
	background-repeat: repeat-y;
}


#title_back{
width: 600px; 
margin: 0 auto;
background: url(images/title_back.png);
background-position: top;
background-repeat: no-repeat;
}

#title_back2{
width: 600px; 
height: 40px;
margin: 0 auto;
background: url(images/title_back.png);
background-position: top;
background-repeat: no-repeat;
}

#browse_box {
	
	font-family: Verdana; 
    color : #000000; 
    font-size: 16px;
	
	width: 1060px;
	margin-left: 0px;
	text-align: left;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-top: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;

	
}

#logout_box {
	
	font-family: Arial; 
    color : #000000; 
    font-size: 12px;
	
	width: 184px;
	margin-left: 0px;
	text-align: left;
	color: #000000;

	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
    background: -moz-linear-gradient(top,  #eeeeee,  #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f9f9f9');	
	
}

#logout_inner_box {
	
	width: 160px;
	text-align: center;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 10px;
	overflow: hidden;

	
}

#leftnav_box {
	
	font-family: Arial; 
    color : #000000; 
    font-size: 12px;
	
	width: 184px;
	margin-left: 0px;
	text-align: left;
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
    background: -moz-linear-gradient(top,  #eeeeee,  #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f9f9f9');	
	
}



#top_ten_display {
	
	font-family: Arial; 
    color : #000000; 
    font-size: 12px;
	
	width: 174px;
	

	text-align: left;
	color: #000000;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;

	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f9f9f9));
    background: -moz-linear-gradient(top,  #eeeeee,  #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f9f9f9');	
	
}



#line_shade {
	width: 168px;
	height: 1px;
	border-top: dotted thin #CCCCCC;
	border-bottom: dotted thin #ffffff;
	
	}



#about_intro {
    font-family: Verdana;
    color : #000000;
    font-size: 21px;
    width: 1013px;
    text-align: left;
    color: #000000;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 60px;
    padding-right: 60px;
    overflow: hidden;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    background: #f1f4f9;
  
	
}



#about_intro2 {
	font-family: Verdana;
	color : #000000;
	font-size: 12px;
	width: 530px;
	text-align: left;
	margin-left: 35px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;

	
}



#about_intro3 {

	width: 1010px;
	text-align: left;
	margin-left: auto; 
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	background-color: #EFEFEF;

	
}







#signup_buttons {
	width: 300px;
	text-align: right;
	padding-top: 53px;
	overflow: hidden;
	padding-left: 855px;
	line-height: 0px;
	
}

#gallerywrapper {
	width: 880px;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow:hidden;
	

}

#essence_text {
	width: 560px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 12px;
	line-height: 23px;
	text-align: left;
	float: left;
}

#resume_text {
	width: 475px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 12px;
	line-height: 23px;
	text-align: left;
	float: left;
	overflow: hidden;
}

#blog_text {
	width: 863px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 12px;
	line-height: 23px;
	text-align: left;
	float: left;
	overflow: hidden;
}

#collection_links {
	width: 500px;
	padding-left: 30px;
	padding-top: 10px;
	text-align: left;
	float: left;
}

#collection_content {
	width: 910px;
	padding-left: 30px;
	padding-top: 10px;
	text-align: left;
	float: left;
	clear: both;
	overflow: hidden;
	
}

#main_content_leftbox {
	width: 186px;
	float: left;
	text-align: right;
	margin-left: 0px;
	overflow:hidden;
	clear: both;
}

#main_content_leftbox_left {
	width: 32px;
	float: left;
	padding-right: 5px;
}

#main_content_leftbox_right {
	width: 150px;
	float: right;
	margin-left: 0px;
}

#main_content_rightbox {
	width: 580px;
	text-align: center;
	margin-right: 32px;
	float: right;
	clear: both;

}

#main_content_portfolio_leftbox {
	width: 550px;
	float: left;
	margin-left: 10px;
	
	

}

#main_content_portfolio_rightbox {
	width: 209px;
	text-align: center;
	margin-right: 0px;
	float: right;
	overflow: hidden;
	padding-top: 17px;

}

#main_content_portfolio_rightbox_top {
	width: 205px;
	height: 93px;
	text-align: center;
	margin-right: 0px;
	background: url(images/portfolio_righttitle.jpg);
    background-repeat: no-repeat;
	

}

#main_content_portfolio_rightbox_bottom {
	width: 205px;
	height: 93px;
	text-align: center;
	margin-right: 0px;
	background: url(images/portfolio_righttitle_bottom.jpg);
    background-repeat: no-repeat;
	

}

#main_content_portfolio_rightbox_middle {
	width: 205px;
	text-align: left;
	margin-right: 0px;
	background: url(images/portfolio_righttitle_middle.png);
    background-repeat: repeat-y;
	

}

#main_content_portfolio_rightbox_middle_text {
	width: 160px;
	text-align: left;
	padding-left: 20px;

}

#portfolio_bar {
	width: 544px;
	height: 47px;
	text-align: right;
	
	background: url(images/portfolio_bar.jpg);
    background-repeat: no-repeat;
	

}

#footer_content {
	width: 1135px;
	padding-top: 21px;
	text-align: center;
	font-family: Arial;
	color : #000000;
	font-size: 11px;

	
}

#footer_links {
	width: 400px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: right;
	font-family: Arial;
	color : #000000;
	font-size: 16px;
	float: left;
}

#footer_copyright {
	width: 335px;
	padding-left: 60px;
	padding-top: 0px;
	text-align: left;
	font-family: Arial;
	color : #000000;
	font-size: 16px;
	float: left;
}

#footer_twitter {
	width: 175px;
	padding-right: 75px;
	text-align: right;
	font-family: Arial;
	color : #000000;
	font-size: 10px;
	float: right;
}

#footer_linkedin {
	text-align: left;
	margin-right: 5px;
	float: right;
	padding-left: 0px;

}

#footer_follow {
	
	padding-left: 150px;
	padding-top: 7px;
	text-align: left;
	font-family: Arial;
	color : #000000;
	font-size: 14px;
	float: left;

}

#footer_extended_keywords {
	width: 900px;
	text-align:center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 auto;
	color: #d0d3db;
	font-size: 11px;
	font-family: Arial;
	line-height: 1.6em;
	clear: both;


}





img.c
{

 border: 1px solid #cacaca;
}

img.d
{

 border: 3px solid #ffffff;
}


td.leftborder {
	border-left: 1px solid #666666;
}
td.leftborder2 {
	border-left: 1px solid #666666;
}

td.rightborder {
	border-right: 1px solid #666666;
}
td.rightborder2 {
	border-right: 1px dotted #003366;
}

td.leftbottomborder {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

td.lefttopborder {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
}

td.topborder {
	border-top: 1px solid #cccccc;
}

.bottomborder {
	border-bottom: 1px solid #4A3200;
}
.bottomborder2 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4A3200;
}

.bottomborder3 {
	border-bottom: 1px dotted #003366;
}

.topborder3 {
	border-top: 1px dotted #f9b30d;
}

.leftbottomborder3 {
	border-left: 1px solid #677ca6;
    border-bottom: 1px dotted #213c7a;
}


.rightbottomborder3 {
	border-right: 1px dotted #f9b30d;
    border-bottom: 1px dotted #f9b30d;
}

.leftborder3 {
	border-left: 1px solid #677ca6;
    
}

.rightborder3 {
	border-right: 1px dotted #b6b1a8;
    
}

.leftrightborder3 {
	border-right: 1px solid #677ca6;
    border-left: 1px solid #677ca6;
}

.leftbottomrightborder3 {
	border-bottom: 1px dotted #213c7a;
	border-right: 1px dotted #213c7a;
    border-left: 1px solid #677ca6;
}

td.leftrightborder {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
td.leftbottomrightborder {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}

td.lefttoprightborder {
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

td.rightbottomborder {
	border-right: 1px dotted #003366;
	border-bottom: 1px dotted #003366;
}
td.allsides {
	border-left: 1px dotted #919191;
	border-right: 1px dotted #919191;
	border-top: 1px dotted #919191;
	border-bottom: 1px dotted #919191;
}








   A:link {
	text-decoration: underline;
	color: #003366;
} A:visited {
	text-decoration: underline;
	color: #003366;
}
   A:hover {
	color: #003366;
	text-decoration: none;
}




.lcolors3:link {
	color: #4173AF;
	text-decoration: none;

	font-family: Arial;
	font-size: 16px;
} 
.lcolors3:visited {
	color: #4173AF;
	text-decoration: none;

	font-family: Arial;
	font-size: 16px;
} 
.lcolors3:active {
	color: #4173AF;
	text-decoration: none;

	font-family: Arial;
	font-size: 16px;} 
.lcolors3:hover {
	color: #8FBEF0;
	text-decoration: none;
	
	font-family: Arial;
	font-size: 16px;
}  


.lcolors6:link {
	color: #d8e2fe;
	text-decoration: none;

	font-family: Arial;
	font-size: 10px;
} 
.lcolors6:visited {
	color: #d8e2fe;
	text-decoration: none;

	font-family: Arial;
	font-size: 10px;
} 
.lcolors6:active {
	color: #d8e2fe;
	text-decoration: none;

	font-family: Arial;
	font-size: 10px;} 
.lcolors6:hover {
	color: #d8e2fe;
	text-decoration: none;
	
	font-family: Arial;
	font-size: 10px;
}


.lcolors4:link {color: #000000; text-decoration: underline;} 
.lcolors4:visited {color: #000000; text-decoration: underline;} 
.lcolors4:active {color: #000000; text-decoration: underline;} 
.lcolors4:hover {color: #3e77d6; text-decoration: none;} 

.lcolors8:link {color: #000000; text-decoration: underline;} 
.lcolors8:visited {color: #000000; text-decoration: underline;} 
.lcolors8:active {color: #000000; text-decoration: underline;} 
.lcolors8:hover {color: #000000; text-decoration: none;} 

.lcolors9:link {color: #006600; text-decoration: underline;} 
.lcolors9:visited {color: #006600; text-decoration: underline;} 
.lcolors9:active {color: #006600; text-decoration: underline;} 
.lcolors9:hover {color: #006600; text-decoration: none;} 


#main_back {
	padding-left: 0px;
	padding-top:1px;
	overflow: hidden;
	clear: both;
} 




#flash_header {
	padding-left: 0px;
	padding-top:1px;
	overflow: hidden;
	clear: both;
} 





/* Main Navigation */
/* This sets the main-nav div height to 50px, and strips all margins from the datalist. */
#main-nav { height: 41px; }
#main-nav dl { margin: 0; padding: 0; }



/* IE5 Mac Hack \*/ 
#main-nav {
	padding-left: 195px;
	padding-top: 23px;
} 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */


/* This sets the definition titles (our individual nav item containers) to float left, which stacks them left to right, instead of one under the other. */
#main-nav dt { float: left; }


/* Sets the link to the same dimensions as its surrounding container, and hides the text using the overflow property. */
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:41px; /* IE 5/Win hack */ 
	padding: 41px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Sets the background position to move up 65px when a link is hovered. */
#main-nav dt a:hover {
	background-position: 0 -41px;
}

/* Sets the individual widths of each nav item, and the paths to each image.

Now if all your images are named as they are above, and are saved in the correct place, your navigation should work.

Last thing we need to do to make the navigation work, is to get the selected button states to show up when you are on the corresponding page.
 */

#main-nav dt#home,
#main-nav dt#home a { width: 90px; background-image: url(images/button_home.png); }

#main-nav dt#about,
#main-nav dt#about a { width: 90px; background-image: url(images/button_about.png); }

#main-nav dt#activities,
#main-nav dt#activities a { width: 114px; background-image: url(images/button_activities.png); }

#main-nav dt#faq,
#main-nav dt#faq a { width: 90px; background-image: url(images/button_faq.png); }

#main-nav dt#testimonials,
#main-nav dt#testimonials a { width: 130px; background-image: url(images/button_testimonials.png); }

#main-nav dt#students,
#main-nav dt#students a { width: 114px; background-image: url(images/button_students.png); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 100px; background-image: url(images/button_contact.png); }

#main-nav dt#members,
#main-nav dt#members a { width: 100px; background-image: url(images/button_members.png); }

#main-nav dt#swaplist,
#main-nav dt#swaplist a { width: 100px; background-image: url(images/button_swaplist.png); }

#main-nav dt#calendar,
#main-nav dt#calendar a { width: 100px; background-image: url(images/button_calendar.png); }

#main-nav dt#policy,
#main-nav dt#policy a { width: 100px; background-image: url(images/button_policy.png); }

#main-nav dt#logout,
#main-nav dt#logout a { width: 100px; background-image: url(images/button_logout2.png); }


body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.activities dt#activities,
body.activities dt#activities a,
body.testimonials dt#testimonials,
body.testimonials dt#testimonials a,
body.students dt#students,
body.students dt#students a,
body.members dt#members,
body.members dt#members a,
body.swaplist dt#swaplist,
body.swaplist dt#swaplist a,
body.faq dt#faq,
body.faq dt#faq a,
body.calendar dt#calendar,
body.calendar dt#calendar a,
body.policy dt#policy,
body.policy dt#policy a,
body.logout dt#logout,
body.logout dt#logout a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -82px;
}






.linkscontainer2{
width: 200px;
margin: auto;
border: 1px solid #cccccc;	
}

.leftnav{
	width: 184px;
	overflow: hidden; /*bottom horizontal line that runs beneath tabs*/
	padding-left: 0px;
}

.leftnav dl{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font-family: 11px Arial;
list-style-type: none;
}

.leftnav dt{
display: inline;
width: 184px;
margin: 0;
}

.leftnav dt a{
float: left;
display: block;
width: 144px;
text-decoration: none;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 40px; /*padding inside each tab*/
color: #000000;
border-top: 1px #000000;
border-bottom: 1px #cccccc;
border-left: 1px #cccccc;
border-right: 1px #cccccc;

}

.leftnav dt a:visited{
	color: ;
}

.leftnav dt a:hover, .leftnav dt.selected a{
background: #003366; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #ffffff;
}


body.abouts dt#abouts,
body.abouts dt#abouts a
{
background: green; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




/* <![CDATA[ */



.section {
	width: 1135px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
ul.tabs {
	height: 45px;
	line-height: 0px;
	list-style: none;
	border-bottom: 1px solid #ededed;

}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 10px 25px 10px;
	color: #FFFFFF;
	font-weight:bold;
	cursor: pointer;
	background: #cad3ec;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #ffffff;
	padding: 10px 25px 10px;
	background: #cccccc;
	border: 1px solid #ffffff;
}
.tabs li.current {
	color: #000000;
	padding: 10px 25px 10px;
	background-color: #f6f6f6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ededed;
	border-right-color: #ededed;
	border-bottom-color: #f6f6f6;
	border-left-color: #ededed;
}
.box {
	display: none;
	border: 1px solid #ededed;
  border-width: 0 1px 1px;
	background: #f6f6f6;
	padding: 0px 12px;
}
.box.visible {
	display: block;
}

.section.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}

/* ]]> */






.social-slide {
    height: 24px;
    width: 24px;
    margin: 5px;
    float: left;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.social-slide:hover {
    background-position: 0px -24px;

}
.twitter-hover {
    background-image: url('images/twitter-hover.png');
}
.facebook-hover {
    background-image: url('images/facebook-hover.png');
}

.linkedin-hover {
    background-image: url('images/linkedin-hover.png');
}


.youtube-hover {
    background-image: url('images/youtube-hover.png');
}