/* GENERAL STYLES */
/*
********************************************************************************************************************
*   Versioning: Please always add changes to the text versioning system below:                                     *
*   !!! Please note that the version must be the same as package version !!!                                       *
*                                                                                                                  *
*   VERSION         DATE            PREPARED BY    STATUS                                                          *
*   v0.0.0.1        02-02-2009      ERKIN AKBULUT  First version.                                                  *      
*   v0.0.0.2        12-02-2009      ERKIN AKBULUT  Left Menu design and top menu design                            *
********************************************************************************************************************
*/
/*
    KISAYOL ADLAR 
	 GLOBAL PAGE SETTINGS
	 CONTENT BACKGROUND PICTURE       
	 TOP MENU      
	 LEFT MENU   
	 RIGHT MENU      
	 BANNER      
	 FORM    
	 GLOBAL CONTENT           
	 MAIN PAGE UPCOMING EVENTS CONTENT        
	 COURSE SCHEDULE CONTENT      
	 REFERANCE CONTENT   
	 NEWS CONTENT   
	 FOOTER CONTENT  
*/
/*
********************************************************************************************************************
*   GLOBAL PAGE SETTINGS                                                                                           *
********************************************************************************************************************
*/
body
{
	font-family:Arial;
	font-size:10px;
	margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 15px;
	text-align:center;
}
/*LINK STYLE*/
a 
{
	text-decoration: none;
	color: #233963;
	font-weight: bold;
}
a:hover 
{
	text-decoration: underline;
}
a img,:link img,:visited img 
{ 
	border:none; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ 
	margin:0; padding:0; 
}
#contact 
{
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	margin-top: 100px;
	margin-bottom: 0px;
	margin-left: 53px;
	margin-right: 1.5em;  
}
/*BASLIK RENKLENDIRMESI*/
.red
{
	font-weight: bold;
	font-size: 11px;
	color: #b1242a;
}
.blue
{
	font-weight: bold;
	font-size: 11px;
	color: #233963;
}
/*BOLUMLERDE CIZGI CIZMEK UZERE*/
hr 
{
	color:  #707070;
}
		
hr.divide 
{
	color: #c3c3c3;
	border : dashed;
}
/*
********************************************************************************************************************
*   CONTENT BACKGROUND PICTURE       
********************************************************************************************************************
*/
/*SAG VE SOL TARAFINDA RENKLENDIREN PIC*/
#home-page #main-content
{
	width: 958px;
	background-image: url(../../globalimg/main-back.jpg); 
	background-repeat: repeat-y; 
	float: left;
}
/*SOL TARAFI RENKLI SAG TARAFI BEYAZ*/
#home-page #main-contentsec
{
	width: 958px;
	background-image: url(../../globalimg/main-backsec.jpg); 
	background-repeat: repeat-y; 
	float: left;
}
#home-page #main-contentnews
{
	padding-left:5px;
	width: 770px;
	background-image: url(../../globalimg/main-backsec2.jpg); 
	background-repeat: repeat-y; 
	float: left;
}
/*
********************************************************************************************************************
*   TOP MENU      
********************************************************************************************************************
*/
#menu
{
	margin-left:0px;
	margin:auto;
	padding:auto;
	font-size: 1em;
	font-weight: bold;
	list-style:none;	
    line-height: 100%;
}
#menu li 
{
	float: left;
}
#menu a 
{
	font-size:11px;
	padding-top: 7px;
	padding-right:17px;
	width: 79px;
	height: 24px;
	color: #666666;
	text-align: center;
	text-transform:none;
	border: none;
	display: block;	
	background-image: url(../../globalimg/grey-tab.jpg);
	background-repeat: no-repeat;
}
#menu a:hover 
{
	background-image: url(../../globalimg/trans-tab.jpg);
	color: #000000;
	text-decoration: none;
}
#menu a#selected 
{
	color: #FFFFFF;
	display: block;
	background-image: url(../../globalimg/blue-tab.jpg);
	background-repeat:repeat-y;
	font-weight:bold;
}
#menu .course
{
	line-height: 90%;
}

/*
********************************************************************************************************************
*   LEFT MENU   
********************************************************************************************************************
*/
#navcontainer 
{
	width: 184px;
	float: left;
}
#home-page #navcontainer h1
{
	padding: 2px 0px 3px 10px;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
	line-height: 1.28em;
}
#navcontainer #button-menu 
{
	margin-top: 21px;
	margin-left: -6px;
	margin-right: -4px;
	line-height: 100%;
}
#home-page #navcontainer ul 
{
	font-family: Arial;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 15px;
	line-height: 100%;
	margin-bottom: .5em;
}
#navcontainer #button-menu li {
	padding:0;
	margin: 0;
	background-color: #33699A;
	background-image: url(../../globalimg/button-top.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 8px;
	width: 168px;
	font-size: .95em;
	line-height: 140%;
}
#navcontainer #button-menu li .home-page-menu 
{
	background-image: url(../../globalimg/button-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
}
#navcontainer #button-menu a 
{
	display: block;
	color: #FFFFFF;
	padding: 8px;
	padding-left: 7px;
	padding-right: 7px;
}
 #navcontainer #button-menu a:hover 
{
	text-decoration: none;
}
/*LEFT MENU SELECTED*/
 #navcontainer #button-menu li a#selected {
	background-color: #cc0000;
	background-image: url(../../globalimg/button-top-red.jpg);
	background-repeat: no-repeat;
}
/*
********************************************************************************************************************
*   RIGHT MENU      
********************************************************************************************************************
*/
#home-page #right-content 
{
	width: 194px;
	float: left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
#main-content #right-content #button-menu-2 
{
	margin-top: 21px;
	margin-left: 1px;
	line-height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;

}
#main-content #right-content #button-menu-2 li {
	padding:0;
	margin: 0;
	background-color: #33699A;
	background-image: url(../../globalimg/button-top.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 8px;
	width: 168px;
	font-size: .95em;
	line-height: 100%;
	list-style:none;
}
#main-content #right-content #button-menu-2 a {
	display: block;
	color: #FFFFFF;
	padding: 8px;
	padding-left: 7px;
	padding-right: 7px;
}
#main-content #right-content #button-menu-2 a:hover {
	text-decoration: none;
	/*color: #FFFF00;*/
}
#main-content #right-content #button-menu-2 li .home-page-menu {
	background-image: url(../../globalimg/button-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
}
#home-page #right-content h1
{
	padding: 2px 0px 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
	line-height: 1.28em;
}
/*RIGHT MENU SELECTED*/
#main-content #right-content #button-menu-2 li a#selected {
     background-color: #cc0000;
	background-image: url(../../globalimg/button-top-red.jpg);
	background-repeat: no-repeat;
}
/*
********************************************************************************************************************
*   BANNER      
********************************************************************************************************************
*/
#banner-container
{
	margin-left: auto;
	margin-right: auto;
}
#banner-box 
{
	float: left;
	width: 579px;
	height: 86px;
	font-size:10px;
	background-color:#014783;
}
#banner-container #banner-box h1
{
	padding-top: 25px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 23px;
	color: #FFFFFF;
	font-family: Arial;
	text-align:left;
	font-size: 1.4em;

}
/*
********************************************************************************************************************
*   FORM                                                                                                      *
********************************************************************************************************************
*/
#form
{
	padding-left: 10px;
	padding-right:10px;
}
#form p
{
	color:#233963; 
	font-size:11px;
	font-family:Arial;
}
.inputelements
{
	border-color: Gray;
	border-width: 1px;
	border-style: solid;
	font-size:  9px;
	background-color: ButtonFace;
	font-family: Arial;
	height:16px;
}
.button
{
	border-color: #cc0000;
	border-width: 1px;
	border-style: solid;
	font-size:  9px;
	color:#FFFFFF;
	background-color:  #cc0000;
	font-family: Arial;
	height:16px;
}
#msg 
{
	display:none; 
	position:absolute; 
	z-index:250; 
	background:url(images/msg_arrow.gif) left center no-repeat; 
	padding-left:16px;
}
#msgcontent 
{
	display:block; 
	background:#f3e6e6; 
	border:2px solid #924949; 
	border-left:none; 
	padding:10px; 
	min-width:150px; 
	max-width:250px
}
/*
********************************************************************************************************************
*   GLOBAL CONTENT                                                                                          *
********************************************************************************************************************
*/
#home-page #content 
{
	width: 580px;
	font-size:11px;
}
#home-page #content .position
{
	padding-left:11px;
	padding-right:5px;
	padding-top:19px;
}
#home-page #content h1
{
	padding: 2px 0px 3px 10px;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
}
/*BOLUMLER ARASINDAKI BOSLUK*/
#home-page #content .blank
{
	height:10px;
}
/*LINK REKLENDIRMESI*/
#home-page #content a.red:link,a.red:visited 
{
	color: #b1242a;
	text-decoration: none;
	font-weight: none;
}
#home-page #content a.red:hover
{
	color: #b1242a;
	text-decoration: underline;
	font-weight: none;
}
/*SUP FONT SIZE*/
#home-page #content sup
{
	font-size:9px;
}
/*
********************************************************************************************************************
*   MAIN PAGE UPCOMING EVENTS CONTENT                                            *
********************************************************************************************************************
*/
#update
{

	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}
#update p
{
	color:#cc0000;
	font-weight: bold;
	font-size:11px;
}
#update .blank
{
	height:10px;
}
/*
********************************************************************************************************************
*   COURSE SCHEDULE CONTENT                                                                                   *
********************************************************************************************************************
*/
#home-page #contentcourse
{
	width: 775px;
	font-size:11px;
}
#home-page #contentcourse .position
{
	padding-left:10px;
	padding-top:0px;
}
#imgsize
{
 	width:80px;
 	height:120px;
}
#home-page #contentcourse h1
{
	padding: 2px 0px 3px 10px;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
}
#home-page #contentcourse .blank
{
	height:10px;
}
#home-page #contentcourse a.white:link,a.white:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentcourse a.white:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentcourse sup
{
	font-size:9px;
}
/*
********************************************************************************************************************
*   REFERANCE CONTENT                                                                                          *
********************************************************************************************************************
*/
#home-page #contentref
{
	width: 770px;
	font-size:11px;
}
#home-page #contentref .position
{
	padding-left:10px;
	padding-top:0px;
}
#home-page #contentref h1
{
	padding: 2px 0px 3px 10px;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
}
#home-page #contentref .blank
{
	height:10px;
}
#home-page #contentref a.white:link,a.white:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentref a.white:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentref sup
{
	font-size:9px;
}
.refheader
{
	width:142px;
	text-align:left;
	color:#014783;
	font-weight: bold;	
}
#refcolor
{
	background-color:#f3f3f3;
}
/*
********************************************************************************************************************
*   NEWS CONTENT                                                                                                  *
********************************************************************************************************************
*/
#home-page #contentnews
{
	width: 775px;
	font-size:11px;
}
#home-page #contentnews .position
{
	padding-left:10px;
	padding-top:0px;
}
#imgsize
{
 	width:80px;
 	height:120px;
}
#home-page #contentnews h1
{
	padding: 2px 0px 3px 10px;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../../globalimg/heading-back.jpg);
	background-repeat: repeat-y;
}
#home-page #contentnews .blank
{
	height:10px;
}
#home-page #contentnews a.white:link,a.white:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentnews a.white:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: none;
	font-weight: bold;
}
#home-page #contentnews sup
{
	font-size:9px;
}
/*
********************************************************************************************************************
*   FOOTER CONTENT                                                                                                 *
********************************************************************************************************************
*/
#footer
{
	margin-left: auto;
	margin-right: auto;
    background-color: #EEEEEE;
    height: auto;
    overflow: hidden;
	font-size:10px;
}
#footer a 
{
	text-decoration:none;
	color:#999999;
	font-size:10px;
}
.footerhead
{
    color: #666666;
    font-weight: bold;
    font-size:11px;
    border-bottom: solid 2px;
    border-color: #FFFFFF;
    background-color: #EEEEEE;
}
#line
{

    border-left: solid 2px;
    border-color: #FFFFFF;
}