body {font-family: 'Ubuntu'; font-weight: 300;}
A
{
	color: #fff;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
A:hover
{
	color: #00a5ff;

}

.a-list
{
	color: #224C7D;
	font-size: 11;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.a-list:hover
{
	color: Red;

}

.a-bg
{
	color: #C2D1F1;
	font-size: 11;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.a-bg:hover
{
	background: #224C7D;
	color: #C2D1F1;
	font-size: 11;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.body1
{
	background: #687D9D;
	margin-top: 0px;
	margin-left: 0px;
}

/*NEW SITE CSS*/
.body2
{
	background: url(images/bg2.png) 50% 0% repeat-x #3b3c3b;
	margin-top: 0px;
	margin-left: 0px;
	text-align:center;
}

#portfolio {display: block; margin: 5% auto 0 auto; width: 700px; height: 150px; text-align: center;}
#portfolio a.preview {display: block; width: 170px; height: 170px; border:5px solid #FFF; margin: 10px; float: left; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#portfolio a.preview:hover {margin: 5px 10px 10px 10px}
/*
#portfolio img {border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: none;}
*/
/*END NEW SITE CSS*/

.table-bordered
{
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #8193AD;
	background-color:#526380;	
}
.text-header
{
	color: #C2D1F1;
	font-size: 20px;
	font-family: Swiss911 XCm BT, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.table-header
{
	background: #224C7D;
	color: #C2D1F1;
	font-size: 15;
	font-variant: small-caps; 
	font-weight: bold;
	padding-left: 10px;
	
}

.text-normal
{
	color: #C2D1F1;
	font-size: 11;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.top-links
{
	background-image:url(images/ql_bg1.gif);
	background-repeat: no-repeat; 
	width: 52px;
	height: 52px;
	text-align: center;
	vertical-align: middle;
	color:  #224C7D;
	font-size: 9;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	text-decoration: none;
}

.top-links:hover
{
	background-image:url(images/ql_bg2.gif);
	color: #C2D1F1;
}

.hr-doted
{
	border: thin dotted #C2D1F1;
}

.form-submit
{
	background: #224C7D;
	color: #C2D1F1;
	border: 1px solid;
	border-color:#306AAD;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	width: 100px;
	text-decoration: none;
}

.form-edit, input, select
{
	color: #224C7D;
	background: #C2D1F1;
	border: 1px solid;
	border-color:#306AAD;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.message
{
	color: Yellow;
	font-size: 11;
	font-weight: bold;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.row_even
{
	background: #A0C1EC;
	color: #224C7D;
	font-size: 12;
	padding-left: 10px;
	
}

.row_odd
{
	background: #B9D1EE;
	color: #224C7D;
	font-size: 12;
	padding-left: 10px;
	
}

.bg1
{
	background-color:  #224C7D;
}

.bg2
{
	background-color: #5D6F8D;
}

.logo
	{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		cursor: pointer;
	}

.logo:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	-o-transform: rotate(360deg); /* Opera */
	-moz-transform: rotate(360deg); /* Firefox */
	
	
}

.links {display: block; background:#333333; padding: 0; width: 685px; line-height: 25px; text-align:left; font-size: 11px; margin-bottom:1px;}
.links .title {color: #FFF; padding: 0 5px; margin: 0 5px 0 0; font-weight: 300; font-style:italic; color: #FFF; float: left; background: #000;}
.links:hover {background: #fcfcfa; color: #000;}
.links:hover .title {background: #0B75AF;}
.links:hover a {color: #666;}
.links:hover a:hover {color: #0B75AF; text-decoration: underline;}

h1{font-family: 'Yesteryear', cursive; font-size:50px; font-weight:300; margin: 0;}
span.letter {background: #000; width: 40px; height: 40px; display: block; float:left; line-height: 40px; text-align:center; margin: -5px 5px 0 -5px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
}

ul.sdt_menu li:hover span.letter {background: #0B75AF;}
ul.sdt_menu img{
	/*
	border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	-o-border-radius: 150px;
	*/
	}

#board {display: block; margin: 100px auto 0 auto; width: 700px; height: 150px; text-align: center;}	
.board {display: block; background: #333333; text-align:left; width:48%; float: left; margin: 0 1% 10px 0;}	
.board p {padding: 20px; color: #fff}
.board .number {display: block; width: 40px; height: 40px; background: #CCC; color: #000; font-size: 14px; line-height: 40px; text-align:center; border-radius: 0 0 75% 0; -moz-border-radius: 0 0 75% 0; -webkit-border-radius: 0 0 75% 0;}
abbr {border-bottom: 1px dashed #CCC;}

.board:hover {background: #CCC; }
.board:hover p {color: #000;}
.board:hover .number {background: #333333; color: #CCC;}
.board:hover abbr {border-bottom: 1px dashed #333333;}

#board.sites {width: 900px; height: 150px; text-align: center;}	
#board.sites .board {width:48%; float: left; margin: 0 1% 10px 0;}

.board .letter {display: block; float: right; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 35px; margin-right: 20px; color: #FFF; font-weight: 300;}

table.table {width: 100%; color: #FFF; text-align: left; border-spacing: inherit;}
table.table th {font-weight: 300; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 10px; text-transform: uppercase; background: rgba(255,255,255,1); color: #000;}
table.table td {padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.1);}
table.table tr:hover td{background: rgba(255,255,255,0.1);}
table.table td li, table.table td small {font-size: 12px; font-weight: 300;}