/* CSS File hand crafted by Malcolm Smith with copius help from Old Poultenay  */

*{margin:0; padding:0;}

/* General styles */
body {
	font-family: Helvetica, sans-serif;  
	line-height:1.4em;
}

/* Main layout container */
#layout { 
	margin-left:auto;
	margin-right: auto;
	margin-top:15px;
 	width:97%;      
 	background-color: white;
 }
 
 
#header {
	width: 100%;
	display:inline-block;
}

#headerbanner {
	width: : 100%
	padding: 0px;
}

#headerbannertitle {
	float : left;
	width: 70%	;
 }
 
 
#headerbannerpicturecontainer  {
	float : right;	
	width: 23%;
	padding-top:15px;
	padding-bottom: 10px;
}
  
#headerbannerpicture  {
	width: 261px;
	height: 168px;
	margin:0 auto;
	padding-top:0px;
	
	background-image: url(/istabraq_lq_small_2.jpg);
background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100% auto;
-moz-background-size: 100% 100% auto;
-webkit-background-size: 100% 100%  auto;
}


#headerbannertitle .MainTitle {
	color:#013961; font-size:6.8em; margin-bottom:5px; font-weight:400; line-height:1.1em; 
   font-family:Georgia, serif; 
	text-transform:none; font-weight:250; 
}

#headerbannertitle .TagLine {
	font-weight:bold; color:#013961; font-size:1.4em; margin-left:150px;	
}



#nav {                                  
   padding:          0 0 0px;
   clear:            both;
	background:			#013961; /* url(/mainNavBackground.gif) repeat-x bottom left;  */
	width:				100%;
	float:				left;
	font-size:			0.8em;
	margin-bottom:    16px;
}


#nav li{								
   width:				auto;
	float:				left;
	display:            inline-block;
 /*	background:			url(/mainNavDivider.gif) no-repeat 0px 7px;		*/
	padding-right:      0;			
}

#nav a {                                
   color:				#fff;
	display:            inline-block;
	border: none;
	width:				auto;
	padding:				6px 24px 7px 24px;	/*	1px 8px;  */
	text-decoration:	none;
}   



#nav li a:hover{						
   background:			white; /* url(/mainNavRollover.gif) repeat-x top left;   */
	border:				none; /*1px solid #013961;	  */
	padding:	        6px 24px 7px 24px;
   color:   	#013961 ;	
}

#nav li.last{							
    margin-right:		0;
}

#nav li.last a{							
    margin-right:		0;
}


.row {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
}
 
#sidebar {
	width: 13.66666666%;  
	float: left;
	margin-bottom: 15px;
}


#sidebar p {
	font-size:0.8em;
} 


#content {
	width:83.5%;    
	float:right;  
}
 
#contentAll {
	width:100%;
}


/* Footer */
#footer {
	width: 100%;	
	margin-left: auto%;
	margin-right: auto%;
	clear:both;
	display:block;
	border-top:2px solid #610108; 
	padding:10px 0;
}

#footerContent {
	padding: 30px;
	float:right;
}

#footer p {text-align:right; color:#013961; font-size:0.8em; }
#footer a {color:#013961; font-weight:400; text-decoration:none; }
#footer a:hover {color:#610108; text-decoration:none;}




a {color:#013961; text-decoration:none; font-weight:700;}
a:hover {text-decoration:underline;  color:#610108}
a.smalllink8 {	font-size:0.8em;}
a.smalllink9 {	font-size:0.9em;}
p,ul,ol,dl {margin:10px 0 25px 0; font-size: 1.0em;}


h1 {font-size:2.4em; color: #610108; margin: 10px 0 10px; border-bottom:1px solid #303030;
	 font-weight:110; line-height:1.1em; text-shadow:#fff 2px 2px 2px;}
	 
h2 {font-size:1.7em; margin:40px 0 10px 0; border-bottom:0px solid;}
h3 {font-size:1.3em; margin:10px 0 5px 0; }
h4 {font-size:1.1em; margin:10px 0 5px 0; }
h5 {font-size:1.0em; margin:10px 0 5px 0; }

h1, h2, h3, h4, h5 {
	font-family:Georgia, serif; 
}
h2, h3, h4, h5 {color: #013961; font-weight:400; line-height:1.1em;  }



#ForumMenuFrame {
	border-style: solid; border-width:2px;border-color:#888;
	background-color: #eeeeee;
	width: 100%;
}

#ForumMenu   {
	width:95%;
	margin: auto;	
}


#ForumMenu li {
	margin: 2px;
	width:95%;
	margin: auto;	
	text-align: center;
}

.fmenu {
	width:100%;
}

.fmenu_hideable {
	width:100%;
}

.ForumMessageOdd {	background-color: #f8f8f8;  font-size: 0.9em; font-weight:normal;  margin: 0px 0px 1px 0px; padding: 5px 20px 2px 10px;  line-height:1.1em; }
.ForumMessageEven {	background-color: #f0f0f0;  5px; font-size: 0.9em; font-weight:normal;  margin: 0px 0px 1px 0px; padding: 5px 20px 2px 10px; line-height:1.1em; }
.ForumMessageSticky {color:#fff;	background-color: #6d6d6d; padding: 5px; font-size: 0.9em; font-weight:normal;  margin: 0px 0px 1px 0px; padding: 5px 20px 2px 10px;}
.ForumMessageAdminDetails {	text-align: right; font-size:0.8em; margin: 0px 0px 1px 0px; padding: 0px 20px 2px 0px;}
.ForumSticky a {color: yellow; font-weight:normal;}


#columns {
	margin-top: 20px;
	margin-bottom: 20px;
	
    -webkit-column-width: 430px; /* Chrome, Safari, Opera */
    -moz-column-width: 430px; /* Firefox */
    column-width: 430px;

    -webkit-column-gap: 31px; /* Chrome, Safari, Opera */
    -moz-column-gap: 31px; /* Firefox */
    column-gap: 31px;

    -webkit-column-rule: thin dotted #f0f0f0; /* Chrome, Safari, Opera */
    -moz-column-rule: thin dotted  #f0f0f0; /* Firefox */
    column-rule: thin dotted #f0f0f0;
    
    word-wrap : break-word;
}

#columns h1 {
	-webkit-column-span: all;
=moz-column-span: all;
	column-span: all;
}



.ForumColumns {
	margin-top: 20px;
	margin-bottom: 20px;
	
    -webkit-column-width: 400px; /* Chrome, Safari, Opera */
    -moz-column-width: 400px; /* Firefox */
    column-width: 400px;

    -webkit-column-gap: 25px; /* Chrome, Safari, Opera */
    -moz-column-gap: 25px; /* Firefox */
    column-gap: 25px;

    -webkit-column-rule: thin dotted #f0f0f0; /* Chrome, Safari, Opera */
    -moz-column-rule: thin dotted  #f0f0f0; /* Firefox */
    column-rule: thin dotted #f0f0f0;
    
    word-wrap : break-word;
}

.ForumColumns h1 {
	-webkit-column-span: all;
=moz-column-span: all;
	column-span: all;
}




table {margin-bottom: 15px; background-color: #fbfbfb; font-size:0.9em;}
table td {padding: 0 8px;}
table.TableBold {font-weight:bold; background-color: #dddddd; border: 1px #610108 solid;}
table.smaller8  {font-size:0.8em;}

.BackgroundDark   {font-weight:bold;   background-color: #d0d0d0; border: 1px #610108 solid; Padding: 0px 20px 0px 20px; margin-bottom: 15px;}
.BackgroundLight  {font-weight:normal; background-color: #fbfbfb; border: 1px #610108 solid; Padding: 0px 5px 0px 5px; margin-bottom:  5px;}
.BackgroundMedium {font-weight:normal; background-color: #e8e8e8; border: 1px #610108 solid; Padding: 0px 20px 0px 20px; margin-bottom: 15px;}
.BackgroundNone   {font-weight:normal;   border: 1px #610108 solid; Padding: 0px 20px 0px 20px; margin-bottom: 5px;}
.BackgroundLightNoExtra  {font-weight:normal; background-color: #f8f8f8; border: 0px ; Padding: 0px 2px 0px 2px; }
.BackgroundLightNoExtraSmaller  {font-weight:normal; background-color: #f8f8f8; border: 0px ; Padding: 0px 2px 0px 2px; font-size:0.8em;}

.BackgroundNone p   {margin: 0;}
.BackgroundDark  p   {margin: 0;}
.BackgroundLight  p   {margin: 0; padding-left: 10px;}
.BackgroundMedium p   {margin: 0;}
.BackgroundLightNoExtra  p   {margin: 0;}
.BackgroundLightNoExtraSmaller  p   {margin: 0;}



code {	font-size: 1.0em;  line-height:1.1em; }
code.size11bold {	font-size: 1.2em;  line-height:1.1em; font-weight: bold; }
code.size11  {	font-size: 1.2em;  line-height:1.1em; font-weight: normal; }
code.size12bold {	font-size: 1.2em;  line-height:1.1em; font-weight: bold; }
code.size12  {	font-size: 1.2em;  line-height:1.1em; font-weight: normal; }



table.DATool {	font-family: monospace; font-size:1.0em;}
table.DATool tr td {text-align: right;}
table.DATool tr td.WinPlaceLabel {text-align: left;}
table.DATool tr td.Label {text-align: left;}

tr.col1, td.col2, td.col3{
	vertical-align: top;
}


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/*  Responsive Section */
/* ------------------------------------------------------------------------------------------------------------------------------------- */


/* 1250 */
@media screen and (max-width:1250px) {
	#headerbannertitle .MainTitle {
		font-size:5.2em;
		font-weight:100; 
		background-color: white;
	}
	
table {margin-bottom: 15px; background-color: #fbfbfb; font-size:0.8em;}
table td {padding: 0 4px;}	
}


/* 1020 */
@media screen and (max-width:1020px) {
	#headerbannertitle .MainTitle {
		font-size:4.8em;
		font-weight:100; 
	}

	#headerbannertitle .TagLine {
		font-weight:bold; color:#013961; font-size:1.3em; margin-left:100px;	
	}
	
	#headerbannerpicture  {
		width: 200px;
		height: 127px;
	}	
	
	#contentAll table {
		font-size: 0.7em;
	}
	
	#contentAll table {
		padding: 0px;
	}
}


/* 980 */
@media screen and (max-width:980px) {
	#layout{
		margin-top : 10px;
	}

	#headerbannertitle .MainTitle {
		font-size:3.2em;
		font-weight:100; 
	}

	#headerbannertitle .TagLine {
		font-weight:normal;  font-size:1.2em; margin-left:80px;	
	}
	
	#headerbannertitle {
		width: 60%	;
	}
	
	#headerbannerpicturecontainer  {
		width: 37%;
		padding-top:5px;
		padding-bottom: 5px;	
	}	
	
	#headerbannerpicture  {
		width: 180px;
		height: 100px;
		background-size: 180px 100px;
	}

	#nav {
		font-size: 0.7em;
		background:			#fff;
		background-image: none;
		border-bottom: 1px solid gray;
	}	

	#nav li {
		border-color: white;
		background-image: none;	}
	
	#nav a {    
   	color:		 	#013961;  	                          
 		padding:				5px 5px 5px 5px;	 
	}   

	#nav li a:hover{	
 		padding:	        5px  5px 5px  5px;	
 		background-color: #013961;
 		color: white;
	}	
	
	#sidebar a {
		font-size: 0.9em;
	}
}


/* 900 */
@media screen and (max-width:900px) {


	#fmenu {
		width: 50px;
	}
}
 
/* 768  */
@media screen and (max-width:768px) {
	
	#headerbannertitle .MainTitle {
	font-size:1.8em;
 	font-variant-caps: small-caps;
	}

	#headerbannertitle .TagLine {
		font-size:1.0em; margin-left:20px;	
	}
	
	#headerbannerpicturecontainer  {
		width: 25%;
		padding-top:5px;
		padding-bottom: 5px;	
		padding-right: 10px;
	}	
	
	#headerbannerpicture  {
		width: 120px;
		height: 67px;
		background-size: 120px 67px;
	}	
	


	.fmenu_hideable {
		display: none;
	}
	
}

/* 480 */
@media screen and (max-width:480px) {
	#headerbannertitle .MainTitle {
	font-size:1.6em;
	}
	
	#headerbannertitle .TagLine {
		font-size:1.00em; margin-left:5px;	
	}

	#nav {
		font-size: 0.65em;
	}
	

	
	#nav a {    
   	color:		 	#013961;  	                          
 		padding:				5px 5px 5px 5px;	 
	}   

	#nav li a:hover{	
 		padding:	        5px  5px 5px  5px;	
 		background-color: #013961;
 		color: white;
	}	
	
	#content {
		width : 100%;
	}
	
	#sidebar {
		width: 100%;
		margin-bottom: 10px;
	}
	
	

	
	a.smalllink8 {	font-size:0.7em;}
	a.smalllink9 {	font-size:0.8em;}
	p,ul,ol,dl {margin: 7px 0 10px 0; font-size: 0.9em;}


	h1 {font-size:1.6em; color: #610108; margin: 10px 0 10px; border-bottom:0px solid #303030;
	 	font-weight:100; line-height:1.1em; text-shadow:none;}
	 
	h2 {font-size:1.4em; margin:40px 0 10px 0; border-bottom:0px solid;}
	h3 {font-size:1.1em; margin:10px 0 5px 0; }
	h4 {font-size:1.0em; margin:10px 0 5px 0; }
	h5 {font-size:0.9em; margin:10px 0 5px 0; }	
}


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

    Anything South of here is likely to be nuked from orbit.  It's the only way to be sure.

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


/* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the <body> element to use this */
body_x {background:#fff url(images/background-1200.png) top center no-repeat;}
body_x .row {width:100%;  border: medium solid black;   }
body .c1 {width:80px;}
body .c2 {width: 9.66666666%;  border: medium solid blue; float: left; }
body .c3 {width:280px;}
body .c4 {width:380px;}
body .c5 {width:480px;}
body .c6 {width:580px;}
body .c7 {width:680px;}
body .c8 {width:780px;}
body .c9 {width:880px;}
body .c10 {width:85.5%;   border: medium solid blue; float:right; }
body .c11 {width:1080px;}
body .c12 {width:1180px;}





a.MainTitle_ {
	color:#013961; font-size:6.8em; margin-bottom:5px; font-weight:400; line-height:1.1em; 
    font-family:Georgia, serif; 
	text-transform:none; font-weight:250; 
}

/*
a.MainTitle {
	color:#0001aa; font-size:6.8em; margin-bottom:5px; font-weight:400; line-height:1.1em; 
    font-family:Georgia, serif; 
	text-transform:none; font-weight:250; 
}
*/
a.MainTitle:hover {text-decoration:none; color:#610108;}



HeaderMenuBar {
	background:#610108;
	color:#fff;
	padding: 8px;
}


/* Header */
/*
#HeaderMenu {	background-color: #ddd; }
*/


/* Additional text classes */
.slogan {color:#555; font-size:1.2em; font-weight: bold;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.smaller8 {font-size:0.8em;}
.smaller8bold{font-size:0.8em; font-weight:bold;}
.smaller9 {font-size:0.9em;}
.smaller9bold {font-size:0.9em; font-weight:bold;}
.red {color:#610108;}
.blue {color:#013961;}
.green {color:#4aaa7a;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.spacebefore {	margin-top:80px;}
.blockquote{
	margin-left: 50px; margin-right: 50px; margin-top: 50px; margin-bottom: 30px; font-style: italic;
}

blockquote{
	margin-left: 50px; margin-right: 50px; margin-top: 50px; margin-bottom: 30px; font-style: italic;
}

.bodybold, .BodyBold{font-weight:bold;}
.BodyBoldRed {font-weight:bold; color:#610108;}
.BodyBoldBlue {font-weight:bold; color:#013961;}
.BodyBoldBlueLarger12 {font-weight:bold; color:#013961; font-size:1.2em;}
.BodyBoldBlueLarger12Margin {font-weight:bold; color:#013961; font-size:1.2em; margin-left:150px;}
.BodyBoldBlueLarger14 {font-weight:bold; color:#013961; font-size:1.4em; margin-left:150px;}
.BodyBoldRedLarger12 {font-weight:bold; color:#610108; font-size:1.2em;}
.italic {	font-style: italic;}

ol {
	margin-bottom: 0px; padding:0px;
}
ol li {
	margin-left: 40px; font-size:0.9em; list-style:decimal;
}

ul {
	margin-bottom: 0px; padding:0px;
}
ul li {
	margin-left: 40px; font-size:0.9em; list-style:none;
}