/******* style-1.css *******/



/***** Body and main container *****/

body {

margin:0 auto;

padding:0;

font:76% Verdana,Tahoma,Arial,sans-serif;

background:#f4f4f4 url(img/bg.gif) top center repeat-y;

color:#303030;

}



#wrap {

background:#ffffff;

color:#303030;

margin:0 auto;

width:760px;

}



/***** Various tags *****/

a {

text-decoration:none;

font-weight:bold;

color:#286ea0;

background-color:inherit;

}



a:hover {

text-decoration:underline;

color:#286ea0;

background-color:inherit;

}



a img {

border:0;

}



/***** Header *****/

#header {

margin:10px 0 0;

padding:0;

height:45px;

}



#header h1 {

color:#4088b8;

background-color:inherit;

width:250px;

margin:0 0 10px;

font-size:4.2em;

float:left;

}



#header h1 a{

color:#505050;

background-color:inherit;

text-decoration:none;

}



#header p {

width:500px;

float:right;

text-align:center;

color:#505050;

margin:8px 0 0;

font-size:1.1em;

font-weight:bold;

line-height:1.3em;

background-color:inherit;

}



#frontphoto {

margin:0 0 10px;

border:0;

}



/***** Left sidebar *****/

#leftside {

clear:left;

float:left;

width:180px;

margin:0 0 5px;

padding:0;

}



#leftside h2,#leftside h3 {

color:#505050;

background-color:inherit;

font-size:1.3em;

margin:0 0 5px;

padding:0;

}



/***** Main content *****/

#content {

margin:0 150px 5px 150px;

border-left:1px solid #e0e0e0;

border-right:1px solid #e0e0e0;

padding:0 10px;

line-height:1.6em;

}



#contentwide {

margin:0 0 5px 200px;

border-left:1px solid #f0f0f0;

padding:0 0 0 10px;

line-height:1.6em;

}



#leftside h2,#content h2,#contentwide h2 {

font-size:1.6em;

margin:0 0 10px;

}



#leftside h3,#content h3,#contentwide h3 {

font-size:1.4em;

margin:0 0 8px;

}



#content img,#contentwide img {

padding:1px;

display:inline;

background:#ffffff;            /******* #cccccc *******/

color:#303030;

border:0px solid #f0f0f0;

}



#content ul, #contentwide ul, #content ol, #contentwide ol {

margin:0 0 16px 20px;

padding:0;

}



#content li, #contentwide li {

margin:0;

padding:0 0 0 5px;

}



#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{

margin:0 0 0 16px;

padding:0;

}



/**************** Form styles (comment and contact) ****************/

#commentform form,#contactform form {

padding:0;

}



#commentform,#contactform {

margin-bottom:0;

}



form fieldset {

border:0;

margin:0;

}



form p {

padding:0;

margin:0 0 8px 0;

}



form textarea {

overflow:auto;

}



#commentform input, #contactform input {

border:1px solid #cccccc;

font-family:Verdana,Tahoma,Arial,Sans-Serif;

font-size:1em;

margin:0;

padding:4px;

}



#commentform textarea, #contactform textarea {

width:500px;

border:1px solid #cccccc;

font-family:Verdana,Tahoma,Arial,Sans-Serif;

font-size:1em;

margin:0;

padding:4px;

}



form .button {

background:#ffffff;

border:1px solid #cccccc;

color:#505050;

font-size:0.9em;

padding:4px;

text-align:center;

width:140px;

margin:0;

}



form .hiddenfield {

display:none;

}



form .info {

padding-left:20px;

}



/***** Footer *****/

#footer {

clear:both;

margin:0 auto;

padding:10px 0 20px;

border-top:4px solid #f0f0f0;

width:760px;

text-align:center;

color:#808080;

background:#ffffff;

font-size:0.9em;

}



#footer a {

color:#4088b8;

background-color:inherit;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}

/***** Various classes *****/

.left {

margin:3px 10px 2px 0;

float:left;

}



.right {

margin:2px 0 2px 10px;

float:right;

}



.textright {

text-align:right;

}



.center {

text-align:center;

}



.small {

font-size:0.8em;

}



.bold {

font-weight:bold;

}



.hide {

display:none;

}