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

/* 2col_leftNav.css                            */

/* Use with template 2col_leftNav.html          */

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



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

/* HTML tag styles                             */

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



body{

    font-family: Helvetica, Arial,sans-serif;

    color: #333333;

    line-height: 12px;  

    

    font-size: 11px;    

    margin: 0px;

    padding: 0px;

    scrollbar-base-color: #ffffff; /*/ obviously change this to whatever you want /*/



}

.link {

    text-transform:lowercase;

}

a:link, a:visited, a:hover {

    color: #006699;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {

    font-family: Helvetica, Arial,sans-serif;

    margin: 0px;

    padding: 0px;

}



h1{

 font-family: Verdana,Helvetica, Arial,sans-serif;

 font-size: 120%;

 color: #334d55;

}



h2{

 font-size: 114%;

 color: #006699;

}



h3{

 font-size: 100%;

 color: #334d55;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

}

h6 {

    font-size:100%;

    color:#666666;

}

ul{

 list-style-type: disc;

 margin-left:0px;

 padding-left:0px;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font: bold 100% Helvetica, Arial,sans-serif;

 color: #334d55;

}

                



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

/* Layout Divs                                 */

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

#wrapper {

    /*margin-left:10px;*/

    width:870px;

    margin-top: 50px;

    margin-bottom: 50px;

    margin-left: auto;

    margin-right: auto;

    padding: 0px;

    /*border: thin solid #000000;*/

}



#site-banner {

    margin: 0;

    padding: 10px 0px;

    width: 100%;

    height:30px;

    text-align:center;

}





/* HOME */

#home-wrapper {

    /*margin-left:10px;*/

    width:650px;

    margin-top: 10px;

    margin-bottom: 50px;

    margin-left: auto;

    margin-right: auto;

    padding: 0px;

    /*border: thin solid #000000;*/

}

#banner{

    margin: 0;

    padding: 10px 0px;

    width: 100%;

    height:100px;

}

#home-banner{

    margin: 0;

    padding: 10px 0px;

    width: 550px;

    height:100px;

    background:#FFFFFF url(images/css/mara_home_mara-radulovic-fr.gif) no-repeat;

    background-position:192px 10%;



}
#home-quote {
	margin: 10px auto 30px auto;
	border:0px solid white;
	padding: 10px 50px 20px 40px;
	text-align:justify;
}
#home-quote p {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
line-height:20px;
font-size:12px;
	}
#home-quote .home-quote-name {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:20px;
}
 
	

#home-side_banner{

    float:left;

    margin: 0 0 0 0;

    padding: 0px;

    width:169px;

    height:51px;

    /*background:#FFFFFF url(images/css/mara_home_mara-radulovic-fr.gif) no-repeat;*/

    background-position:right;

}

#home-content-wrapper {

    margin: 0 0 0 0;

    padding: 0px;

    float:left;

    margin-left:0px;

    height:auto;

    width:550px;

}

#home-content{

  display:block;

    width: 100%;

    margin: 0;

    padding: 0 0px 0 0;

    height:380px;

}

/* end of HOME */





/* about */



#about-content{

  display:block;

    width: 100%;

    margin: 0;

    padding: 0 0px 0 0;

    height:370px;

}

#about-content-right {

    margin: 0 0 0 0;

    padding: 0px;

    width:470px;

    height:420px;

    margin-right:0px;

        border:1px solid #ffffff;

    margin-left:180px;

    vertical-align:bottom;



}

#about-content-left {

    margin: 0 0 0 0px;

    padding: 0px;

    width:180px;

    float:left;

    

}

#about-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:200px;

    background:#FFFFFF url(images/mara_square/mara_2011_square.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}



#about-letter {

 display:none;

 padding:2px;

 width:100%;

 color:#666666;

 

}



/* acting */

#acting-wrapper {

    /*margin-left:10px;*/

    width:650px;

    margin-top: 10px;

    margin-bottom: 50px;

    margin-left: auto;

    margin-right: auto;

    padding: 0px;

 

}

#acting-content-wrapper {

    margin: 0 0 0 0;

    padding: 0px;

    float:left;

    margin-left:0px;

    margin-bottom:10px;

    padding-bottom:10px;

    height:510px;

    width:650px;

}



#acting-content{

  display:block;

    width: 470px;

    margin: 0;

    padding: 0 0px 0 0;

    height:510px;

}

#acting-content-right {

    margin: 0 0 0 0;

    padding: 0px;

    width:470px;

    height:420px;

    margin-right:0px;

        border:1px solid #ffffff;

    margin-left:180px;

    vertical-align:bottom;



}

#acting-content-left {

    margin: 0 0 0 0px;

    padding: 0px;

    width:180px;

    float:left;

}





#acting-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:180px;

    background:#FFFFFF url(images/mara_square/mara_2011_square.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}

#acting-letter {

 display:none;

 padding:2px;

 width:160px;

 color:#666666;

 

 

}



/* classes */



/* classes */

#classes-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:220px;

    background:#FFFFFF url(images/mara_square/photo_classes.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}

#classes-letter {

 display:none;

 padding:10px;

 width:160px;

 color:#666666;

 

 

}

#classes-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:180px;

    background:#FFFFFF url(images/mara_square/free_style_studio.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}

#friends-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:200px;

    background:#FFFFFF url(images/mara_square/mara_2011_square.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}



.link_dot {

    text-align:right;

    margin-left:10px;

}

.link_circle {

    text-align:right;

    margin-top:10px;

    margin-left:10px;

    position:relative;

    top:2px;

}



.accordion-text {

    font-family:Arial, Helvetica, sans-serif;

    font-size:14px;

    color:#999999;

    font-weight:bold;

    margin:0;

    display:block;

    margin-right:93px;

    margin-left:auto;

    text-align:right;

}

.accordion-about-text {

    font-family:Arial, Helvetica, sans-serif;

    font-size:14px;

    color:#999999;

    font-weight:bold;

    margin:0;

    display:block;

    margin-right:93px;

    margin-left:auto;

    text-align:right;

}

.AccordionPanelTab {

    padding:0px 0px;

    margin:0px 0px;

}



#contact-page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:200px;

    background:#FFFFFF url(images/mara_square/mara_2011_square.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}

#contact-banner{

    margin: 0;

    padding: 10px 0px;

    width: 550px;

    height:100px;

    background:#ffffff url(images/css/mara_home_mara-radulovic-fr.gif) no-repeat;

    background-position:192px 10%;



}



.form_text {

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;

    color:#666666;

    text-align:right;

    margin-right:10px;

}

.form_text2 {

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;

    color:#666666;

    text-align:left;

    margin-left:20px;

}



#form-wrapper input {

    font-size:11px;

    margin:3px 2px;

}

#form-wrapper textarea {

    font-size:11px;

    margin:3px 2px;

    border:1px solid #666666;

}   

#form-wrapper .form-submit {

    color:#333333;

    background-color:#FFFFFF;

    border:1px solid #666666;

}

#content-wrapper {

    margin: 0 0 0 0;

    padding: 0px;

    margin-left:160px;

    height:520px;

    width:714px;

}

#content{

    width: 710px;

    margin: 0;

    margin-left:0px;

    padding: 0 0 0 0;

    height:470px;

    float:left;

}

#content-left {

    margin: 0 0 0 0;

    padding: 0px;

    padding-left:10px;

    width:540px;

    height:auto;

    float:left;

}

#content-left-wide {

    margin: 0 0 0 0;

    padding: 0px;

    width:620px;

    height:auto;

    float:left;

    margin-left:10px;

}

#page-image {

    margin: 0 0 0 0;

    padding: 0px;

    width:180px;

    height:200px;

    background:#FFFFFF url(images/mara_square/mara_2011_square.jpg) no-repeat;

    background-position:0px 0px;

    overflow:hidden;

    margin-top:0px;

}

#sampleAccordion {

    width:380px;

    padding-left:10px;

    padding-bottom:10px;

}

#content-right {

    margin: 0 0 0 0px;

    padding: 0px;

    width:160px;

    height:470px;

    margin-left:550px;

}

#content-right-narrow {

    margin: 0 0 0 0px;

    padding: 0px;

    width:180px;

    float:left;

    margin-left:10px;

}





#contact-content-right {

    margin: 0 0 0 0;

    padding: 0px;

    width:470px;

    height:auto;

    margin-right:0px;

        border:1px solid #ffffff;

    margin-left:180px;



}

#images-content {

    margin: 10px 0 20px 10px;

    padding: 0px;

    width:600px;

    height:390px;

    overflow:auto;

    text-align:center;



}



#sampleAccordion table td img{

    border:1px solid white;

}

#sampleAccordion table td{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #333333;

padding:2px 1px 1px 2px;

}

#sampleAccordion table td strong{

    color:#FFCC00;

}

#acting-content table {

    border-width:0px;

}



#images-site-banner {

    margin: 0;

    padding: 10px 0px;

    width: 100%;

    height:5px;

}



#images-content table{

    

}

#images-content table td{

    padding:5px 5px 5px 5px;

}

#images-content table td img{

    border:1px solid white;

}

#images-content table td a img{

    border:1px solid white;

}









#nav_circles {

    height:50px;

    width:550px;

    clear:both;

    margin-top:10px;

}

.nav_circles_button {

    margin: 0 0 0 0;

    padding: 0px;

    float:left;

    width:52px;



}

.nav_circles_space {

    margin: 0 0 0 0;

    padding: 0px;

    float:left;

    width:28px;

    border:1px solid #ffffff;



}



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

/*Component Divs                               */

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



#siteName{

    margin: 0px;

    padding: 0px 0px 10px 10px;

}





/*************** #pageName styles **************/



#pageName{

    padding: 0px 0px 10px 10px;

}





/************* #globalNav styles **************/



#globalNav{

color: #cccccc;

padding: 0px 0px 0px 10px;

white-space: nowrap;

}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img{

 display: block;

}



#globalNav a {

    font-size: 90%;

    padding: 0px 4px 0px 0px; 

}





/************* #breadCrumb styles *************/



#breadCrumb{

    font-size: 80%;

    padding: 5px 0px 5px 10px;

}





/************** .feature styles ***************/



.feature{

    padding: 0px 0px 10px 10px;

    font-size: 80%;

}



.feature h3{

    padding: 30px 0px 5px 0px;

    text-align: center;

}



.feature img{

    float: left;

    padding: 0px 10px 0px 0px;

    margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */





/************** .story styles *****************/



.story{

    clear: both;

    padding: 10px 0px 0px 10px;

    font-size: 80%;

}



.story p{

    padding: 0px 0px 10px 0px;

}





/************* #siteInfo styles ***************/



#siteInfo{

    clear: both;

    border: 1px solid #cccccc;

    font-size: 75%;

    color: #cccccc;

    padding: 10px 10px 10px 10px;

    margin-top: 0px;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

    the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

    padding: 4px 4px 4px 0px;

    vertical-align: middle;

}





/************* #search styles ***************/



#search{

    padding: 5px 0px 5px 10px;

    border-bottom: 1px solid #cccccc;

    font-size: 90%;

}



#search form{

 margin: 0px;

 padding: 0px;

}



#search label{

    display: block;

    margin: 0px;

    padding: 0px;

}





/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

    position: relative;

    margin: 0px;

    padding: 0px;

    border-bottom: 1px solid #cccccc;

    font-size: 90%;

}



#sectionLinks h3{

    padding: 10px 0px 2px 10px;

}



#sectionLinks a:link{

    padding: 2px 0px 2px 10px;

    border-top: 1px solid #cccccc;

    width: 100%;

  voice-family: "\"}\""; 

  voice-family:inherit;

    width: auto;

}



#sectionLinks a:visited{

    border-top: 1px solid #cccccc;

    padding: 2px 0px 2px 10px;

}



#sectionLinks a:hover{

    border-top: 1px solid #cccccc;

    background-color: #dddddd;

    padding: 2px 0px 2px 10px;

}





/*********** .relatedLinks styles ***********/



.relatedLinks{

    margin: 0px;

    padding: 0px 0px 10px 10px;

    font-size: 90%;

}



.relatedLinks h3{

    padding: 10px 0px 2px 0px;

}





/************** #advert styles **************/



#advert{

    padding: 10px 0px 0px 10px;

    font-size: 80%;

    border-top: 1px solid #cccccc;

}



#advert img{

    display: block;

}





/************** #headlines styles **************/



#headlines{

    margin: 0px;

    padding: 10px 0px 20px 10px;

    font-size: 80%;

}



#headlines p{

    padding: 5px 0px 5px 0px;

}





table td{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #333333;

}

table th{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #333333;

font-weight:bold;

}

table td .images_text {

vertical-align:bottom;

text-align:left;

font-weight:bold;

color:#666666;

}



table#images_table  {

    margin-left:70px;
	text-align:center;
	height:350px;
	width:350px;

}



table#images_table  td.color-red {

    background:#ffffff url(images/mara_thumb/red.gif) no-repeat 50% 50%;

    color:#FFFFFF;

}

table#images_table  td.color-green {

    background:#ffffff url(images/mara_thumb/green.gif) no-repeat 50% 50%;

    color:#FFFFFF;

}

table#images_table  td.color-orange {

    background:#ffffff url(images/mara_thumb/orange.gif) no-repeat 50% 50%;

    color:#FFFFFF;

}

#sampleAccordion {

    width:460px;

    padding-left:10px;
	border-left: solid 1px #ffffff;

	border-right: solid 1px #ffffff;

	border-bottom: solid 1px #ffffff;

	overflow: hidden;
	outline:none;

}/* CSS Document */