﻿/* REMOVE ALL STYLES */
html
{
    color:#000;
    background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;
 padding:0;
}
table
{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img
{
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
    font-style:normal;font-weight:normal;
}
li
{
    
    
}
caption,th
{
    text-align:left;
}
h1,h2,h3,h4,h5,h6
{
    font-size:100%;font-weight:normal;
}
q:before,q:after
{
    content:'';
}
abbr,acronym
{
    border:0;font-variant:normal;
}
sup
{
    vertical-align:text-top;
}
sub
{
    vertical-align:text-bottom;
}
input,textarea,select
{
    font-family:inherit;font-size:inherit;font-weight:inherit;
}
input,textarea,select
{
    *font-size:100%;
}
legend
{
    color:#000;
}

/* END REMOVE ALL STYLES */

html
{
    background-color: #EEF2FA;
    font-family: Arial, Helvetica, sans-serif;
    color: #4E1E81;
    font-size: 13px;
}

p, ul 
{
	margin-top: 0.5em;
}

/* Headings */
h1
{
    font-style: normal;
    font-family: Arial;
    font-weight: bolder;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
h2
{
    font-style: normal;
    font-family: Arial;
    font-weight: bolder;
    font-size: 1.1em;  
    padding-bottom: 5px;
}
.largeTextPadding
{
    padding: 42px 20px 30px 50px;
    width: 361px;
}

ul
{
    
}

ol
{
    margin-top: 10px;
    
}

a
{
    text-decoration: none;   
}

li
{
    font-family: Arial TUR;
    font-size: 0.9em;
    padding: 3px; 
    list-style-position: inside;
}

/* Structure */

#Main
{
    width: 800px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 20px;
    border: solid 1px #eee;
    position: relative;
    margin-bottom: 20px;
}

#Logo
{ 
	margin-top: 18px;
	margin-left:10px;
    width: 360px;
    height: 40px;
    float:left;
}

#paymentLogo
{
    position: absolute;
    bottom: 18px;
    right: 20px;
}


#links
{ 
    color: #511480;       
    height: 50px;
    width: 405px;
    float: right;

}

#links #sharing 
{
	height: 50px; 
	width: 180px;
	float: right;
}

#links #bookmark 
{
	height: 50px; 
	width: 200px;
	float: right;
}

#links #bookmark ul
{
	margin:0px;
}

#links fieldset
{
    padding: 7px 5px 3px 4px; 
}

#links li
{
    padding: 0px 3px 2px 3px; 
	display: inline-block;
	list-style: none;
}

#links legend
{
    padding: 0px;
    margin-right: 10px;
    font-size: 0.8em;
    font-weight: normal;
}

#links .twitter a 
{
	padding-left: 20px;
	background-image: url(/images/twitterBullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#links .facebook a 
{
	padding-left: 20px;
	background-image: url(/images/facebookBullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


/* Sharing Bookmarks */

.sharingBookmarks a
{
	font-size: 0.85em;
	line-height: 1.3em
}


#Content
{
	clear: both;
}

.col
{
	width: 380px;
	float:left;
	padding: 10px;
}

.colFullWidth
{
	width: 700px;
	height: 508px;
	float:left;
	padding: 10px 50px 10px 50px;
}

.col li
{
	margin-left: 20px;
}

#RCol
{
	margin-top:30px;
}

#Footer
{
	height: 30px;
	margin-top: 40px;
	clear: both;
}

#fRight
{
	float: right;
	padding-top: 10px;
	height: 20px;
	margin-right: 10px;
	width: 200px;
	font-size: 0.8em;
	text-align: right;
}

#fLeft
{
	float: left;
	height: 30px;
	margin-left: 10px;
	width: 200px;
}

#fMiddle
{
    float: left;
    margin-left: 158px;
    font-size: 0.8em;   
    padding-top: 8px;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset 
{
    margin: 1em 1em 1em;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 5px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    color: #7F8183;
    padding: 2px 4px 8px 4px;
}

fieldset input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.error
{
    color:Red;
    
}

/* English Page */

#IntroText
{
	clear: both;
	margin: 20px 10px 0px 10px;
}

#holdingText
{
    height: 250px;
    width: 440px; 
    float: left; 
}

#ContactBox
{
	margin-top: 20px;
    width: 279px;
    height: 191px;    
    font-size: 0.9em;
    margin-left:auto;
    margin-right:auto;
}

#contactErrors
{
    color: #FF1E08;   
    font-size: 0.8em;  
}

#ContactBoxTop
{
    height: 16px;
    background-image: url(/Images/roundedBoxTop.gif);
    background-repeat: no-repeat; 
}
#ContactBoxMain
{
    height: 209px;
    background-color: #4E1E81;    
    color: #ffffff;
}
#ContactBox p
{
    color: #395898;
}
#ContactBoxBottom
{
    height: 15px;
    background-image: url(/Images/roundedBoxBottom.gif);
    background-repeat: no-repeat;
}
#ContactText
{
    padding: 0 12px 10px 12px;    
    margin-bottom: 10px;
}

.ContactRow
{
    height: 20px;  
    margin-bottom: 10px;  
}
.ContactHeading
{
    float: left;
    margin-left: 12px;
}

#ContactBoxMain input
{
    float: right;
    margin-right: 15px;     
    background-color: #FDFEC2;
}

#btnSend
{
    margin-top: 13px;
    margin-left: 107px;   
}

/* Articles page */

.articles
{
    padding: 15px 10px 0 7px;   
}

#Articles
{
    text-align: center;  
    
      
}
.colFullWidth fieldset
{
    padding-bottom: 4em;    
}

#centre
{
    padding: 20px; 
    height: 488px;       
}

.arcticle
{
      
}

