/* CSS Document */

html,body {
	margin:0;
	padding:10px 10px 20px 10px;
	background-color:#274A79;
	background-image:url(../ImagesCommon/WebDesignBack.jpg);
	background-repeat:repeat-x;
	/*color:#264A79; */
	color:#666666;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:90%;
	}
	
p {
/*	margin:0x 0px 0px 0px;
	padding:0px 0px 0px 0px; */
	}
	
h1 {
	font-size:150%;
	/*color:#8AA7CC; */
	color:#264A79;
	padding:10px 0px 2px 0px;
	margin:0px;
	border-bottom:1px solid #8AA7CC;
	}
	
h2 {
	font-size:100%;
	color:#666666;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	margin:0px;
	}
	
h3 {
	font-size:120%;
	color:#666666;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	margin:0px;
	border-top:1px solid #8AA7CC;
	}
	
a {
	color:#FF6600;
	text-decoration:none;
	}	
	
a:hover {
	color:#FF6600;
	text-decoration:underline;
	}	
	
#Container {
	margin:0 auto;
	width:800px;
	padding:0px;
	background-color:#FFFFFF;
	/*border:1px solid #091F3D;*/
	}
		
#Banner {	
	padding:0px;
	margin:0px;
	/*border-top:20px solid #274A79;*/
	height:241px;
	}
	
	
/* ####################################### */
#Navigation {
	background-image:url(../ImagesCommon/GraphicNavBack.jpg);
	background-repeat:repeat-y;
	padding:3px 0px 3px 0px;
	margin:0px;
	}
	
#Navigation ul {
	padding:0px 10px 0px 20px;
	margin:0px;
	}

#Navigation ul li {
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
	}
	

#Navigation a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
	margin:0px;
	padding:3px 10px;
	}
	
#Navigation ul a.Selected {
	background-color:#00CCCC;
	}
	
#Navigation a:hover {
	background-color:#567AA9;
	text-decoration:none;
	}
	
#Navigation a:hover.Selected {
	background-color:#00CCCC;
	text-decoration:none;
	color:#003366;
	}

/*MAIN #################################### */
#MainBlock {
	padding:10px 20px 40px 20px;
	clear:both;
	}
	
#Quarter {
	float:left;
	width:25%;
	}
	
#Third {
	float:left;
	width:33%;
	}
	
#Third h1 {
	padding:15px 10px 0px 10px;
	margin:0;
	border:none;
	}
	
#Third p {
	padding:5px 10px 0px 10px;
	margin:0;
	}
	
#RightPanel {
	border:1px solid #264A79;
	float:right;
	width:33%;
	margin:10px 0px 0px 0px;
	color:#264A79;
	}
	
#RightPanel p {
	padding:10px 10px 0px 10px;
	margin:0;
	}
	
#Half {
	float:left;
	width:43%;
	margin:2%;
	
	width:370px;
	margin:10px;
	}
	
#TwoThirds {
	float:left;
	width:66%;
	}
	
#ThreeQuarters {
	float:left;
	width:75%;
	}
	
#Full {
	width:100%;
	}	

#Left2Column {
	float:left;
	width:360px;
	}
	
#Right2Column {
	float:right;
	width:360px;
	}
	
#Border {
	width:100%;
	padding:3px;
	border:1px solid #8AA7CC;
	}
	
table {
	border-right:1px solid #274A79;
	}
		
tr.Title {
	border:1px solid #274A79;
	background-color:#274A79;
	color:#FFFFFF;
	font-weight:bold;
	}
	
tr.Body {
/*	background-color:#F0F4FA;*/
	}
	
td {
	padding:3px;
	border-left:1px solid #274A79;
	border-bottom:1px solid #274A79;
	}
	
ul.List {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	color:#8AA7CC;
	list-style:none;
	}

li.List {
	padding:10px 0px 0px 0px;
	margin:0px;
	}
	
#ServicesColumn {
	float:left;
	width:160px;
	}
	
#Left3Column {
	float:left;
	width:160px;
	}
	
#Left3Column ul {
	margin:10px 0px 0px 5px;
	padding:0px;
	}
	
#Left3Column li {
	margin:2px 0px 2px 15px;
	padding:0px;
	}
		
#Middle3Column {
	float:left;
	width:400px;
	padding:0px 20px;
	}
	
#Right3Column {
	float:left;
	width:160px;
	}

#Right2ColumnWide {
	float:left;
	width:500px;
	padding:0px 20px;
	}

#Footer {
	color:#99CCFF;
	width:800px;
	font-size:90%;
	text-align:center;
	margin:0 auto;
/*	border-top:1px solid #091F3D;
	border-bottom:1px solid #091F3D; */
	background-image:url(../ImagesCommon/GraphicNavBack.jpg);
	background-repeat:repeat-y;
	padding:10px 0px 20px 0px;
	}

#Footer p {
	padding:10px 50px 10px 50px;
	margin:0;
	}
	
#Footer a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#Footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}	


/* PORTFOLIO ######################### */
#Portfolio {
	border-top:1px solid #8AA7CC; 
	padding:10px 0px 10px 0px;
	}
	
#PortfolioText {
	float:left;
	width:250px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color:#666666;
	}

/*	
#Portfolio h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color:#FF6633;
	}
*/
	
#PortfolioImage {
	width:250px;
	float:left;
	text-align:right;
	/*border-left:1px solid #CCCCCC; */
	}
	
#PortfolioTextHorizontal {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color:#666666;
	}
	
#PortfolioImageHorizontal {
	clear:both;
	padding:0;
	margin:0;
	text-align:center;
	/*border-left:1px solid #CCCCCC; */
	}
	
.Clear, .Spacer {
	clear:both;
	padding:0px;
	margin:0px;
	font-size:1px;
	}
	
	
	
#InfoBox {
	margin:10px 0px 0px 0px;
	border-bottom:8px solid #8AA7CC;
	border-bottom:8px solid #CCCCCC;
	font-size:90%;
	background-color:#eeeeee;
	}
	
#InfoBox h2 {
	background-color:#264A79;
	background-color:#8AA7CC;
	padding:3px;
	margin:0;
	color:#FFFFFF;
	}
	
#InfoBoxContent h3 {
	color:#666666;
	font-weight:bold;
	font-size:100%;
	padding:2px 0px 0px 0px;
	margin:0;
	}
	
#InfoBox p {
	padding:5px; 
	margin:0;
	margin-bottom:5px;
	margin-top:5px;
	}

#InfoBox p.InfoImage {
	float:left;
	padding:0;
	margin:0px 10px 10px 0px;
	}
	
/*	
#InfoBox img {
	margin:0px;
	padding:0px;
	text-align:center;
	}
*/	

.Error {
	color:#FF0000;
	font-weight:bold;
	}
	
.Success {
	color:#00CC33;
	font-weight:bold;
	}
	
.TopTenNumbers {
	padding:10px 0px 0px 0px;
	margin:0;
	float:left;
	}
	
.TopTenText {
	margin-left:70px;
	}
	
.Notice {
	display:block;
	border:1px solid #274A79;
	background-color:#f8f8f8;
	padding:5px;
	margin:5px;
	font-weight:bold;
	}
	
.Standout {
	font-size:150%;
	/*color:#8AA7CC; */
	color:#264A79;
	padding:10px 0px 2px 0px;
	margin:0px;
	}
	
.DividerLine {
	font-size:1px;
	height:1px;
	border-top:1px solid #8AA7CC;
	clear:both;
	}
	
#Web-Design-NoBorder tr td, #Web-Design-NoBorder tr , #Web-Design-NoBorder  {
	border:none;
	}
	
.TableNoBorder, table.TableNoBorder, tr.TableNoBorder, td.TableNoBorder {
	border:none;
	}
	
.Web-Design-Title {
	font-size:1.3em;
	font-weight:bold;
	color:#8AA7CC;
	}