/* CSS Document */

body
{ margin:0; padding:0; font-family:Verdana; font-size:12px; line-height:16px; text-align:justify; color:#666666; background-image:url(../images/body-bg.jpg); background-position:top; background-repeat:repeat-x; background-color:#FFF;}
a
{ color:#FF6600; text-decoration:none;}

a:hover
{ color:#333333; text-decoration:underline;}

#wrapper
{ width:100%; height:auto; float:left;}

#main-header
{ width:100%; height:202px; float:left; }

#header
{ width:990px; height:202px; margin:auto;}

#logo
{ width:251px; height:202px; float:left;}

#logo-img
{float:left; height:164px; width:251px;}

#fourm
{float:left; width:251px; font-family:Arial Narrow; font-size:16px; text-align:center; color:#1F1A21;}

#csr
{float:left; width:251px; font-family:Georgia; font-size:14px; font-weight:bold; color:#28166F; text-align:center;}

#csr a
{color:#28166F; text-decoration:none;}
#csr a:hover
{color:#28166F; text-decoration:none;}

#logo-right
{ width:739px; height:202px; float:right;}

#icons
{float:right; width:720px; text-align:right;}

#search-box
{float:right; width:460px; text-align:right; padding:15px 0px 0px 230px;}

#menu
{float:right;  text-align:right; font-weight:bold; color:#CCCCCC; padding:55px 0px 0px 5px;}

#menu a
{ color:#CCCCCC; text-decoration:none;}

#menu a:hover
{ color:#FF6600; text-decoration:none;}

#menu ul li
{list-style:none; float:left; background-image:url(../images/menu-divider.jpg); background-position:right; background-repeat:no-repeat; padding:0px 10px 0px 10px }
 
#middle-body
{ width:100%; height:auto; float:left; background-color:#FFFFFF;}

#text-body
{ width:990px; height:auto; margin:auto; }

#left-side
{ width:251px; height:auto; float:left; color:#666666;}

#text
{ width:718px; height:auto; float:right; padding:0px 0px 5px 18px; margin-top:10px;}

#box
{width:235px; height:auto; border:4px solid #EEEEEE; background-color:#FFFFFF; float:left; padding:5px; margin:8px 0px 5px 0px;}

.box-text
{padding:0px 5px 0px 5px;}

h3
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; border-bottom:1px dotted #999999; padding:5px 0px 5px 0px; font-weight:normal; margin:0px;  font-weight:bold;}

h4
{ font-family:Century Gothic; font-size:16px; color:#7C7C7C; padding:5px 5px 0px 12px; font-weight:normal; margin:0px;}

h5
{ font-family:Century Gothic; color:#FF6600; font-size:20px; padding:15px 0px 0px 10px; margin:0; font-weight:bold;}

h6
{font-family:Georgia; font-size:16px; color:#999999; line-height:20px; font-style:italic; padding:15px 0px 0px 10px; text-align:left; margin:0; font-weight:normal;}

h1
{ font-family:Century Gothic; font-size:22px; line-height:26px; color:#FF6600;  font-weight:normal; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}

h2
{ font-family:Calibri; font-size:16px; color:#FF6600;  font-weight:normal; margin:10px 0px 0px 0px; padding:0px;}

.details
{font-family:Verdana; color:#A2A2A2; font-size:11px; padding:5px 0px 0px 0px; text-align:right;}

#img
{padding:15px 0px 0px 10px;}

.img-border
{border:2px solid #DADADA; padding:3px; background-color:#EEEEEE; margin-right:15px;}


#content
{width:700px; float:left;}

#csr-landing-page
{width:700px; float:left;}

#introduction
{float:left; width:340px; font-family:Georgia; font-size:16px; padding:10px 0px 0px 20px; line-height:20px; font-style:italic;}

#small-banner
{float:right; padding-top:20px; }
p
{margin:8px 0px 0px 0px; padding:0px;}

.read 
{ text-align:right; margin:0px; padding:0px;}

.read a
{ color:#333333; text-decoration:none;}

.read a:hover
{ color:#FF6600; text-decoration:underline;}

#main-footer
{ width:100%; height:272px; background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; float:left; margin:0px 0px 0px 0px;}

#footer
{ width:990px; height:272px; margin:auto;}

#footer-box
{background-image:url(../images/footer-box-bg.jpg); background-color:#DEDEDE; background-position:right; background-repeat:no-repeat; width:244px; height:199px; float:left; margin:8px 5px 0px 0px; }

.footer-box
{ padding:0px 15px 0px 10px;}

#footer-box ul
{ margin:0px; padding:0px;}

#footer-box ul li
{list-style-type:square; line-height:12px; margin:0px 0px 0px 12px; padding:5px 0px 0px 0px;}

.footer-box  a
{ color:#999999; text-decoration:none;}

.footer-box a:hover
{ color:#666666; text-decoration:underline;}

#footer-box-right
{background-image:url(../images/footer-box-bg.jpg); background-color:#DEDEDE; background-position:right; background-repeat:no-repeat; width:242px; height:199px; float:right; margin:8px 0px 0px 0px;}

.copyright
{text-align:center; width:480px; padding:10px 0px 0px 0px; margin:auto; }

.copyright a
{ color:#999999; text-decoration:none; }

.copyright a:hover
{ color:#333333; text-decoration:underline; }

#home-page-box-left
{float:left; width:345px;}

#text-box
{border:2px dotted #DADADA; background-color:#F5F5F5; width:330px; padding:5px 8px 5px 8px; margin-top:10px;}

#home-page-box-right
{float:right; width:345px; }

.heading
{ font-family:Verdana; font-size:14px; color:#666666; font-weight:bold;}

#activities-box
{float:left; width:340px;}

#activities-box-right
{float:right; width:340px; }

.align-left
{ float:left; margin-right:10px;}
.align-left-one
{ float:left; margin:0px 15px 10px 0px;}


.align-right
{ float:right; margin-left:10px;}

ul li
{ line-height:16px;}

.padding
{ padding-left:10px; padding-right:5px;}

.article-box
{border:2px dotted #DADADA; background-color:#F5F5F5; padding:5px 8px 5px 8px; margin-top:10px;}

 .form-wrapper {
        width: 450px;
        padding: 0px;
        margin: 0px auto 0px auto;
        background: #444; 
        background: rgba(0,0,0,.2);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    
    .form-wrapper input {
        width: 325px;
        height: 10px;
        padding: 6px 5px;
        float: left;    
        font: 12px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
		border:2px dotted #CCCCCC;
        background: #eee;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 25px;
        width: 110px;
        font: bold 12px'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 5px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

.article-heading
{ font-family:Verdana; font-size:13px; color:#FF6600;  font-weight:bold; margin:10px 0px 0px 0px; padding:0px;}

.article-heading1
{ font-family:Verdana; font-size:13px; color:#666666;  font-weight:bold; margin:10px 0px 0px 0px; padding:0px;}

.writer-name
{ font-family:Verdana; font-size:12px; color:#999999;  font-weight:bold; margin:5px 0px 0px 0px; padding:0px; text-align:left;}


.project ol li
{
	margin:5px 0px 15px 0px;
}

.project #table td
{
	border:1px solid #CCCCCC; padding:5px;
}