/* Arabia4you Picture viewer */
/*
	Reset
	Generic
	Header
	Content
	Sidebar
	Footer
	Text Styles
*/
/*Reset
-------------------------------------*/

/* Eric Meyers Reset CSS rules */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.4;
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
	background: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


input { vertical-align:middle; }

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* no need to hide from IE5 Mac as its filtered out anyway */
.clear {display:inline-block;}

.cleartext {
	clear: both;
}

/*Generic
----------------------------------*/


body {
	background: #F8ECD5 url(../i/mainBg.jpg) center top no-repeat scroll;

}

.textBg {
	background: #F8ECD5 url(../i/mainBgText.jpg) center top no-repeat scroll;
}


#everything {
	margin: 56px auto 0 auto;
	padding: 0;
	width: 62em;
	height: 100%;
	border: 0;

}


/*Content
-------------------------------*/

#mainContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 45.1em;
	border: 0;
}

.columnSpan10 {
	float: left;
	margin: 82px 0 2em 40px;
	padding: 0;
	border: 0;
	width: 24em;
}

.columnSpan15 {
	float: left;
	margin: 82px 0 0 40px;
	padding: 0;
	border: 0;
	width: 38em;
}

.columnSpan17 {
	float: left;
	margin: 0 0 34px 30px;
	padding: 26px 10px 1.8em 10px;
	width: 41.8em;
	height: auto;
	background: #FFC;
	border: 1px solid #fc0;
}

#flashPictureViewer {
	float: left;
	margin: -10px 0 0 0;
	padding: 0 0 0 10px;
	border: 0;
	width: 280px;
}

#flashPictureViewer img {
	width: 15.28em;
	height: auto;
	
}

.paypalBox {
	float: left;
	margin: 0 110px 0 0;
	padding: 0;
	width: 9em;
}

.paypalBoxEnds {
	float: left;
	margin: 0;
	padding: 0;
	width: 9em;
}

/*MainNavigation*/
#Navigation {
	float: left;
	margin: 0 0 34px 30px;
	padding: 26px 0 1.8em 0;
	width: 49.3em;
	height: auto;
	background: #FFC;
	border: 1px solid #fc0;
}

#NavigationRes {
	float: left;
	margin: 18px 0 34px 20px;
	padding: 26px 0 1.8em 0;
	width: 16em;
	height: auto;
	background: #FFC;
	border: 1px solid #fc0;
}

#Navigation img {
	margin: -12px 0 0.5em 0;
}

#NavigationRes img {
	margin: -12px 0 0.5em 0;
}

.NavigationBoxRight {
	float: left;
	margin: 0;
	padding: 0 10px 0 24px;
	width: 12.6em;
	height: auto;

}

.NavigationBoxLeft {
	float: left;
	margin: 0;
	padding: 0 40px 0 10px;
	width: 12.6em;
	height: auto;

}

.NavigationBoxCentre {
	float: left;
	padding: 0 24px 2em 24px;
	width: 192px;
	border-left: 1px solid #fc0;
	border-right: 1px solid #fc0;
}

/*Sidebar
-------------------------------*/

/*column*/
#sidebar {
	float: left;
	margin: 0 0 80px;
	padding: 0;
	width: 16.9em; /*16.9em*/
	border: none;
}

#sidebar .stickerImage {
	margin: 1em 0 1em 0.5em;
	padding: 0;
	border: 0;
}

.columnSpan7 {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	border: 0;
}

.columnSpan7 .columnSpan1 {
	float: left;
	margin: 1.2em 0;
	padding: 0;
	line-height: 1em;
	font-weight: normal;
	font-size: 1.9em;
	width: 40px;
	border: 0;
}

.columnSpan7 .columnSpan5 {
	float: left;
	margin: 0;
	padding: 0;
	width: 11.9em;
	border: 0;
}

/*Quicklinks*/
#quickLinks {
	margin: 0;
	padding: 8px 1.1em 10px 1.1em;
	height: auto;
	background: #FFC;
	border: 1px solid #fc0;
}	

#quickLinks ul {  
	margin: 0;
	padding: 0;
	border: 0;
}

#quickLinks li {  
	margin: 0;
	padding: 0 0.3em 0 0.3em;
	display: inline;
	border-right: 1px solid #FEDB42;
	background: none;
}

#quickLinks li.first {  
	margin: 0;
	padding: 0 0.3em 0 0;
	display: inline;
	border-right: 1px solid #FEDB42;
}

#quickLinks li.last {  
	margin: 0;
	padding: 0 0 0 0.3em;
	display: inline;
	border-right: none;
}

.hideHeadLine {
	position:absolute;
	left: -9999px;
}

/*Footer
-------------------------------*/
.footerSpacer {
	clear: both;
	margin: 34px 0 0 0;
	padding: 0;
	height: 60px;
	width: 100%;
	background: url(../i/penborder.png) repeat-x top left scroll;
	border: none;
}

#footer {
	float:left;
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	border: none;
	border-top: 1px #036 solid; 
	background: #f93;
	
}

.footerColumnHolder {
	margin: 0 auto 0 auto;
	padding: 0;
	height: auto;
	width: 62em;
	border: none;
}

.columnSpan6left {
	float: left;
	margin: 0;
	padding: 1.4em 45px 0.8em 40px;
	height: 100%;
	width: 14.4em;
	border: none;
	background: #f93;
}

.columnSpan6right {
	float: left;
	margin: 0;
	padding: 1.4em 40px 0.8em 45px;
	height: 100%;
	width: 14.4em;
	border: none;
	background: #f93;
}

.columnSpan7MarginSpan2 {
	float: left;
	margin: 0;
	padding: 1.4em 45px 0.8em 45px;
	height: 100%;
	width: 16.9em;
	border: none;
	background: #f93;
}

.columnSpan7MarginSpan2 img { 
	float: right;
	margin: -30px 0 0 0;
	padding: 0; 
}

.footerbottom {
	clear: left;
	margin: 0;
	padding: 0;
	height: 67px;
	width: auto;
	background: url(../i/footerbotImg.png) repeat-x bottom left scroll;
	border: none;
}


/*Text Styles
--------------------------------*/
/*Generic Style*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 2.15em;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
		font-style: italic;
}

h1 {
	margin: 0 0 0 40px;
}

h2 {
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 0 0.2em -0.1em;
}

.slightlySmallerHeadline {
	font-size: 0.8em;
}

h3, h4 {
	font-weight: bold;
}

h5 {
	color: #003;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0.8em 0;

}

p {
	margin: 0 0 0.8em 0;
}

ol {
	font-size: 0.8em;
	margin: 0 0 1em 0;
	text-transform: capitalize;
}

ul li {
	background: url(../i/Bullet.png) left center no-repeat scroll;
	padding: 0 0 0 16px;
	margin: 0 0 0.8em 0;
}

ul.useful li  {
	background: url(../i/Bullet.png) left 5px no-repeat scroll;
	padding: 0 0 0 16px;
	margin: 0 0 0.8em -16px;
}

strong {
	font-style: italic;
	font-weight: bold;
}

a:link {
	color: #003;
	text-decoration: underline;
}

a:visited {
	color: #006;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FF3300;
	text-decoration: underline;
}

a.selected {
	color: #FF3300;
	text-decoration: underline;
}


/*Content
-----------------------------------*/

/*Navigation*/
#Navigation {
	font-size: 14px;

}

#NavigationRes {
	font-size: 14px;
}

.withBorder {
	border-top: 1px solid #fc0;
	margin-top: 1.4em;
	padding-top: 1em;
	width: 14.5em;
}

.examples {
	background: url(../i/Bullet.png) left center no-repeat scroll;
	padding: 0 0 0 16px;
	margin: 0 0 0.8em -16px;
}

#NavigationRes .examples {
	background: url(../i/Bullet.png) left center no-repeat scroll;
	padding: 0 0 0 16px;
	margin: 0 0 0.8em 0px;
}

/*Content*/
.columnSpan10 p { text-align: justify; }

form {
	margin: 0.8em 0 0.8em 0;
}


/*Sidebar
-----------------------------------*/

/*quickLinks*/

.columnSpan7 div h2 {
	margin: 0;
	padding: 0.2em 0;
	line-height: 1em;
	font-weight: normal;
	font-size: 1.9em;
	border-bottom: 1px solid #003;
}

.columnSpan7 div p {
	margin: 0.8em 0;
	padding: 0;
}




/*footer
----------------------------------*/

#footer p {
	clear: both;
	color: #fff;
	text-align: justify;
	font-size: 0.76em;
}

#footer a:hover, #footer a:active {
	color: #009;
	text-decoration: underline;
}

address {
	margin: 0;
	padding: 0;
	text-align: right;
	font-style: italic;
	color: #003;
}