/*Generic Template {{{royalblue style sheet}}} */

/* 
 *  element selectors:     p, ul, li, h1, ...    [ use: p, ul, li, h1, ... ]
 *  class selectors:       .name_selector  ...   [ use: class="name_selector" ]
 *  id selectors:          #name_selector ....   [ use: id="name_selector"  -- only 1]
  * descendent selectors:  div p span ...        [ need to have a (div), then a (p), then a (span) for css to be applied] 
 */

*
{
    margin: 0;
    padding: 0;
}
body 
{ 
    background: #dde0f1 
    url(images/body_bg_royalblue.jpg) 0 0 repeat-x; 
    padding: 0 5px; 
    color: #000; 
    font-family: Arial, Helvetica, sans-serif; 
} 
       
#qs_template.container 
{ 
    width: 760px; 
    margin: 0 auto; 
    background-color: #dde0f1; 
} 

#qs_template .header_large 
{ 
background: url(images/header_royalblue2.jpg) 0 0 no-repeat; 
font-size: 30px; 
text-align: right; 
font-weight: lighter; 
color: royalblue; 
padding-top: 140px; 
/* padding-top: 90px; */
padding-bottom: 0px; 
padding-right: 20px; 
font-family: Times New Roman; 
} 
#qs_template .header_small 
{ 
/*font-size: 15px;  */
text-align: right; 
font-weight: lighter; 
color: royalblue; 
padding-top: 0px; 
padding-bottom: 5px; 
padding-right: 20px; 
font-family: Times New Roman; 
} 
#qs_template h2 
{ 
font-family: Georgia, "Times New Roman" , Times, serif; 
/*font-size: 18px; */
margin: 15px 0; 
} 
#qs_template .main_menu 
{ 
background: royalblue url(images/nav_bg_royalblue.jpg) 0 0 repeat-x; 
border-left: 1px solid #adadad;
border-right: 1px solid #adadad; 
padding: 8px 5px; 
font-size: 16px;
} 
#qs_template .main_menu ul 
{ 
list-style-type: none; 
} 
#qs_template .main_menu li 
{ 
list-style-type: none; 
display: inline; 
} 
#qs_template .main_menu ul a 
{ 
display: inline;
color: #000; 
text-decoration: none; 
margin: 0 5px; 
position: relative; 
cursor: pointer 
} 
#qs_template .main_menu ul a:hover 
{ 
color: #fff; 
text-decoration: none;
position: relative; 
cursor: pointer 
} 
#qs_template .content_wrap 
{ 
background-color: royalblue; 
} 
#qs_template .content 
{ 
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
background-color: #ffffff; 
} 
#qs_template .content ul 
{ 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 20px; 
padding-right: 20px; 
/*background-color: #ffffff; */
font-family: Arial; 
/*font-size: 18px; */
} 
#qs_template .content p 
{ 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 20px; 
padding-right: 20px; 
/*background-color: #ffffff;*/
font-family: Arial; 
margin: 5px 0; 
/*font-size: 18px; */
} 
#qs_template .content ul li 
{ 
text-decoration: none; 
list-style-type: none; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 20px; 
padding-right: 20px; 
background-color: #ffffff; 
font-family: Arial; 
/*font-size: 18px; */
} 
#qs_template .content ul li ul li 
{ 
list-style-type: disc; 
padding-top: 3px; 
padding-bottom: 3px; 
padding-left: 1px; 
padding-right: 1px; 
background-color: #ffffff; 
font-family: Georgia, "Times New Roman" , Times, serif; 
/*font-size: 12px; */
} 
#qs_template .content img 
{ 
border: 2px solid #adadad; 
margin: 5px 0; 
} 

#qs_template .footer 
{ 
background: url(images/footer_bg_royalblue.jpg) 0 0 repeat-x; 
padding: 10px 0 20px 5px;
text-align: right; 
border-left: 1px solid #adadad; 
border-right: 1px solid #adadad; 
font-size: 16px;
/*border-top: 1px solid #000;*/ 
}


/* additional class selectors */
.font2 { font-size: .5em; }
.smaller_font_60 { font-size: 60%; }
.smaller_font_70 { font-size: 70%; }
.smaller_font_80 { font-size: 80%; }
.smaller_font_90 { font-size: 90%; }
.color_red { color: red; }

.btnStyle1 { width: 80px; height: 40px; }
.btnStyle2 { width: 80px; height: 25px; font-size: 90%;}
.btnStyle3 { width: 100px; height: 30px; font-size: 90%;}
         
.no_padding {padding-top: 0px; padding-bottom: 0px; padding-left: 0px;  padding-right: 0px; }       
.small_padding {padding-top: 5px; padding-bottom: 5px; padding-left: 5px;  padding-right: 5px; }       

/* input class selectors */                
input .right { text-align:right; }
input .center { text-align:center; }
input .left {text-align: left;}